/* SAFAROKA · Brochure Portrait + Islamic Workspace · 28 Oct 2026
   Layout-only stylesheet. Approval routes, form names and CSRF are unchanged. */
:root{--sf-forest:#093e35;--sf-emerald:#0b6a55;--sf-gold:#bf9a50;--sf-sand:#f7f3e9;--sf-line:#dce9e1}

/* 1. All package photos are BROSUR, not cropped hero banners. */
.package-media,.package-card-catalog .package-media,.packages-page .package-media,.home-package-grid .package-media{
  aspect-ratio:3/4!important;height:auto!important;min-height:0!important;background:#f6f4ee!important;
  display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #e9e5dc;
}
.package-media img,.package-card-catalog .package-media img,.packages-page .package-media img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;display:block!important;
  transform:none!important;filter:none!important;
}
.package-media::after,.package-card-catalog .package-media::after{display:none!important}
.package-card:hover .package-media img,.package-card-catalog:hover .package-media img{transform:none!important;filter:none!important}
.catalog-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.package-card-catalog{min-width:0;display:flex!important;flex-direction:column}
.package-card-catalog .package-body{flex:1;display:flex;flex-direction:column}
.package-card-catalog .package-actions{margin-top:auto;padding-top:14px!important}
.package-card-catalog .package-body h3{font-size:18px!important}
/* The original mobile boarding pass hid the brochure entirely; show the proper poster card on phones. */
.packages-page .mobile-boarding-pass,.catalog-package-grid .mobile-boarding-pass{display:none!important}
.catalog-package-grid .desktop-catalog-card{display:flex!important;min-width:0!important;width:auto!important}
.detail-image-frame{aspect-ratio:3/4!important;width:min(100%,460px)!important;height:auto!important;max-height:none!important;display:grid;place-items:center;margin:0 auto;background:#f6f4ee!important}
.detail-image-zoom{width:100%!important;height:100%!important;display:grid!important;place-items:center}
.detail-image-zoom img,.detail-image-frame img,.detail-media img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;box-shadow:none!important}
.package-cover-preview{width:min(280px,100%)!important;height:auto!important;aspect-ratio:3/4!important;object-fit:contain!important;background:#f7f4ec!important}
.package-admin-cover,.recent-package-img,.partner-package-cover{aspect-ratio:3/4!important;height:auto!important;background:#f6f4ec!important}
.package-admin-cover img,.recent-package-img img,.partner-package-cover img{object-fit:contain!important}

/* 2. Upload and preview: brochure always fits within centered portrait mat. */
.sai-shell{border:1px solid #cfe3d8;background:linear-gradient(155deg,#fff,#f8f6ed);box-shadow:0 12px 35px rgba(11,60,47,.05)}
.sai-heading h3{color:#0d4a3b}
.sai-drop{min-height:142px;background:repeating-linear-gradient(45deg,#f5faf6 0px,#f5faf6 14px,#fafcf9 14px,#fafcf9 28px);border-color:#a8c9ba}
.sai-preview{max-width:540px;margin:18px auto 0}
.sai-frame,.sai-frame[data-sai-frame-original],.sai-frame[data-sai-frame-ai]{aspect-ratio:3/4!important;width:min(100%,410px)!important;height:auto!important;max-height:550px;margin:0 auto;border:1px solid #d8e4db;background:#f8f5ee!important;display:grid;place-items:center;padding:9px;border-radius:15px}
.sai-frame[hidden]{display:none!important}
.sai-frame img,.sai-frame[data-sai-frame-original] img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;border-radius:9px}
.sai-preview-tabs,.sai-choice{justify-content:center}
.cover-guideline{border-color:#d5e5da!important;background:#f9fbf8!important}
.cover-guideline img{object-fit:contain!important;aspect-ratio:3/4!important}

/* 3. Islamic: refined emerald/ivory palette with restrained eight-point geometry. */
.partner-page,.admin-page{background:radial-gradient(ellipse at 78% 1%,rgba(201,165,93,.095),transparent 36%),linear-gradient(165deg,#f6f8f3 0%,#f9f7f0 55%,#eef6f0 100%)!important}
.partner-shell,.admin-shell{background:transparent!important;min-height:100vh}
.partner-content,.admin-content{position:relative;isolation:isolate}
.partner-content:before,.admin-content:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M50 8 62 38 92 50 62 62 50 92 38 62 8 50 38 38Z' stroke='%23a6cdbb' stroke-width='.75' fill='none'/%3E%3Ccircle cx='50' cy='50' r='10' stroke='%23b8ae85' stroke-width='.7' fill='none'/%3E%3C/svg%3E");background-size:180px 180px}
.partner-head,.admin-head-premium,.admin-content>.admin-head{background:linear-gradient(105deg,#fff 0%,#fff 72%,#f4f9f4 100%)!important;border:1px solid #dbe7dd!important;border-left:4px solid var(--sf-gold)!important;box-shadow:0 14px 36px rgba(18,72,54,.055)!important}
.partner-head h1,.admin-head-premium h1{color:var(--sf-forest)!important}
.partner-panel,.admin-panel,.partner-package-workspace,.partner-package-card-v1999,.partner-detail-hero,.partner-detail-panel,.partner-review-history-panel{border-color:#d9e6dc!important;box-shadow:0 8px 28px rgba(11,65,47,.035)}
.partner-nav,.admin-nav.admin-nav-pro{background:linear-gradient(180deg,#063f34 0%,#075446 62%,#09372f 100%)!important}
.partner-nav:before,.admin-nav.admin-nav-pro:before{opacity:.2}
.partner-package-kpis article{border-top:2px solid #cfb875}

/* 4. Partner package thumbnails use a truly portrait frame. */
.partner-package-card-main{grid-template-columns:154px minmax(0,1fr);min-height:205px}
.partner-package-card-cover{min-height:205px;background:#f6f3ed;display:grid;place-items:center;padding:7px}
.partner-package-card-cover>img{width:100%;height:100%;object-fit:contain!important;object-position:center;max-height:100%}
.partner-new-submissions-v1999 .partner-submission-card{grid-template-columns:125px minmax(0,1fr)}
.partner-new-submissions-v1999 .partner-submission-cover{aspect-ratio:3/4!important;height:auto!important;min-height:162px!important;background:#f7f4ed;display:grid;place-items:center}
.partner-new-submissions-v1999 .partner-submission-cover img{width:100%;height:100%;object-fit:contain!important}
.partner-detail-hero{grid-template-columns:clamp(170px,23%,260px) minmax(0,1fr);align-items:center}
.partner-detail-cover{aspect-ratio:3/4!important;width:100%;background:#f7f4ec;padding:8px}
.partner-detail-cover img{object-fit:contain!important}

/* 5. Admin queue: actual 3-stage flow; poster / data / decision */
.partner-new-package-review{padding:22px!important;background:#fff!important}
.partner-new-package-review-grid{gap:16px!important}
.partner-new-package-review-card{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;align-items:start;gap:18px!important;background:#fff!important;border:1px solid #dbe7dd!important;padding:18px!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(10,64,46,.055)}
.partner-new-package-review-cover{width:100%;aspect-ratio:3/4!important;height:auto!important;max-height:none!important;background:#f6f4ee!important;border-radius:13px!important;align-self:start;display:grid;place-items:center;padding:7px;border:1px solid #e4e7db}
.partner-new-package-review-cover a{display:flex!important;align-items:center;justify-content:center;min-height:0}
.partner-new-package-review-cover img,.partner-new-package-review-cover a>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;background:transparent!important}
.partner-new-package-review-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.78fr);gap:16px;align-items:start}
.safaroka-review-info{min-width:0}
.safaroka-review-info .partner-new-package-review-top{display:block!important;margin-bottom:13px!important}
.safaroka-review-info .partner-new-package-review-top h3{font-size:20px!important;line-height:1.3!important;margin:5px 0!important}
.safaroka-review-info .partner-new-package-review-top strong{display:block;margin-top:10px;font-size:17px!important}
.safaroka-review-info .partner-new-package-review-top small{font-size:11px!important;display:block;margin-top:5px}
.safaroka-review-info dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:0 0 12px}
.safaroka-review-info dl>div{padding:10px!important;background:#f8fbf8;border:1px solid #e5eee6}
.safaroka-review-info dt{font-size:10px!important}
.safaroka-review-info dd{font-size:11.5px!important;overflow-wrap:anywhere}
.safaroka-review-decision{display:grid;align-content:start;gap:11px;padding:15px;border-radius:15px;background:#f7faf6;border:1px solid #d8e6da;min-width:0}
.safaroka-review-decision-head{border-bottom:1px solid #dce8de;padding-bottom:11px}
.safaroka-review-decision-head>span{font-size:9px;font-weight:900;color:#a07b32;letter-spacing:.12em}
.safaroka-review-decision-head strong{display:block;margin:4px 0;font-size:15px;color:#123f34}
.safaroka-review-decision-head p{margin:4px 0 0;font-size:11px;line-height:1.6;color:#6a7c71}
.safaroka-review-decision .partner-review-approval-form{margin:0}
.safaroka-review-decision .admin-package-review-checklist{grid-template-columns:1fr!important;padding:10px!important;gap:6px!important;background:#fff}
.safaroka-review-decision .admin-package-review-checklist label{padding:8px!important}
.safaroka-review-decision .admin-package-review-checklist b{font-size:11px}
.safaroka-review-decision .admin-package-review-checklist small{font-size:10px}
.safaroka-review-decision .partner-review-approval-form>.btn{width:100%;min-height:41px;font-size:12px}
.safaroka-review-decision .partner-review-reject-form{display:grid!important;gap:8px;margin:0!important;padding-top:12px!important}
.safaroka-review-decision .partner-review-reject-form input{min-width:0;width:100%!important;min-height:40px}
.safaroka-review-decision .partner-review-reject-form .btn{width:100%!important;min-height:40px}
.partner-review-existing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
.partner-review-existing-grid>.admin-panel{min-width:0}
.partner-review-admin-list article{border-radius:15px!important;border-color:#dbe8de!important;box-shadow:0 6px 20px rgba(13,71,52,.035)}
.partner-review-admin-list article dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.partner-review-admin-list article dl>div{min-width:0;overflow-wrap:anywhere;background:#f8faf6;border:1px solid #e6eee6;border-radius:9px;padding:8px}
.partner-review-admin-list article dt{font-size:10px;color:#77887d}
.partner-review-admin-list article dd{font-size:11px;line-height:1.5;margin:4px 0 0;color:#284d3f}
.partner-package-update-review-card .partner-new-package-review-cover.compact{max-width:205px;aspect-ratio:3/4!important}
.partner-review-admin-list .partner-review-approval-form .admin-package-review-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}
.partner-review-admin-list .partner-review-approval-form>.btn{font-size:12px}
.partner-review-existing-grid .admin-panel-head h2{font-size:21px!important}
/* Logos are not posters. */
.partner-review-admin-list .partner-new-package-review-cover.compact:has(> img){aspect-ratio:4/3!important;max-width:210px}

@media(max-width:1250px){
  .partner-new-package-review-body{grid-template-columns:1fr}
  .safaroka-review-decision{max-width:none}
  .partner-review-existing-grid{grid-template-columns:1fr!important}
}
@media(max-width:1100px){
  .catalog-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-new-package-review-card{grid-template-columns:170px minmax(0,1fr)!important}
}
@media(max-width:760px){
  .catalog-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .catalog-package-grid .package-card-catalog .package-body{padding:12px!important}
  .catalog-package-grid .package-card-catalog .package-body h3{font-size:15px!important}
  .catalog-package-grid .package-card-catalog .package-body .price{font-size:19px!important}
  .catalog-package-grid .package-card-catalog .hotel-mini-grid{grid-template-columns:1fr!important}
  .catalog-package-grid .package-card-catalog .package-actions{display:grid!important;grid-template-columns:1fr!important}
  .catalog-package-grid .package-card-catalog .package-actions .btn,.catalog-package-grid .package-card-catalog .package-actions .text-action{width:100%!important}
  .partner-new-package-review{padding:12px!important}
  .partner-new-package-review-card{grid-template-columns:1fr!important;padding:13px!important;gap:12px!important}
  .partner-new-package-review-card>.partner-new-package-review-cover{width:min(100%,250px);margin:0 auto}
  .safaroka-review-info dl{grid-template-columns:1fr 1fr}
  .partner-review-admin-list article dl{grid-template-columns:1fr}
  .partner-package-card-main{grid-template-columns:112px minmax(0,1fr);min-height:165px}
  .partner-package-card-cover{min-height:165px}
  .partner-new-submissions-v1999 .partner-submission-card{grid-template-columns:95px minmax(0,1fr)}
  .partner-new-submissions-v1999 .partner-submission-cover{min-height:130px!important}
  .partner-detail-hero{grid-template-columns:1fr}
  .partner-detail-cover{max-width:240px;margin-inline:auto}
  .sai-frame{width:min(100%,350px)!important}
}
@media(max-width:440px){
  .catalog-package-grid{grid-template-columns:1fr}
  .catalog-package-grid .package-card-catalog{max-width:430px;margin-inline:auto;width:100%!important}
  .catalog-package-grid .package-card-catalog .package-media{max-height:440px}
  .safaroka-review-info dl{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.partner-package-card-v1999,.package-card-catalog{transition:none!important}}

/* Queue overview: lightweight, readable metrics instead of a wall of forms. */
.safaroka-review-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-3px 0 19px}
.safaroka-review-summary>div{background:#fff;border:1px solid #dce8dd;border-top:2px solid #c2a05c;border-radius:14px;padding:14px 17px;box-shadow:0 6px 20px rgba(15,66,49,.035)}
.safaroka-review-summary span,.safaroka-review-summary b,.safaroka-review-summary small{display:block}
.safaroka-review-summary span{font-size:10px;font-weight:850;letter-spacing:.12em;color:#527265}
.safaroka-review-summary b{font-size:27px;line-height:1.1;margin:5px 0;color:#0e493a}
.safaroka-review-summary small{font-size:10px;color:#7e8b80}
@media(max-width:760px){.safaroka-review-summary{gap:7px}.safaroka-review-summary>div{padding:10px}.safaroka-review-summary span{font-size:8px}.safaroka-review-summary b{font-size:22px}.safaroka-review-summary small{font-size:9px}}


.cover-guideline-current{max-width:360px!important}
.cover-guideline-note{display:block;margin-top:9px;color:#4f6a60;font-size:12px;font-weight:700}


/* SAFAROKA 28 OCT 2026 · PAKET CARD POSTER FRAME V2
   Ref: slim ivory gallery mat + inner rounded 3:4 brochure panel.
   Works for homepage, public catalog, and admin package cards. */
.package-card{
  background:#fff!important;
  border:1px solid #dce7df!important;
  border-radius:17px!important;
  overflow:hidden!important;
  box-shadow:0 8px 25px rgba(17,57,42,.055)!important;
}
.package-card:hover{border-color:#c6dacc!important;box-shadow:0 14px 34px rgba(17,57,42,.105)!important}
.package-card .package-media,
.package-card-catalog .package-media,
.home-package-grid .package-media,
.catalog-package-grid .package-card-catalog .package-media{
  position:relative!important;
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  padding:13px 13px 10px!important;
  background:linear-gradient(155deg,#fbfcfa 0%,#f5f7f3 100%)!important;
  border-bottom:1px solid #e6ece6!important;
}
.package-card .package-poster-frame{
  box-sizing:border-box;
  position:relative;
  width:100%;
  aspect-ratio:3/4;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #dce4dc;
  border-radius:11px;
  background:#f8f6ef;
  box-shadow:0 3px 13px rgba(15,54,39,.075), inset 0 1px 0 rgba(255,255,255,.85);
}
.package-card .package-poster-frame > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:9px;
  background:transparent!important;
  transform:none!important;
  filter:none!important;
}
.package-card .package-media-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:31px;
  padding:9px 2px 0;
}
.package-card .package-media-footer .package-badge,
.package-card:nth-child(1) .package-media-footer .package-badge,
.package-card:nth-child(3) .package-media-footer .package-badge,
.package-card:nth-child(4) .package-media-footer .package-badge{
  position:static!important;
  inset:auto!important;
  max-width:calc(100% - 42px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  border-radius:999px!important;
  padding:6px 10px!important;
  background:#e9f6ee!important;
  color:#126648!important;
  border:1px solid #d7ede1!important;
  font-size:10px!important;
  font-weight:800;
  box-shadow:none!important;
}
.package-card .package-media-footer .package-badge:before{
  content:'';
  flex:none;
  display:inline-block;
  width:6px;height:6px;
  margin-right:6px;
  border-radius:50%;background:#159b68;
}
.package-card .package-media-footer .heart-btn{
  position:static!important;
  inset:auto!important;
  flex:none;
  display:grid;
  place-items:center;
  width:29px!important;height:29px!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid #e0eae2!important;
  background:#fff!important;
  color:#547265!important;
  box-shadow:none!important;
}
.package-card .package-media-footer .heart-btn.active{background:#fff2f4!important;color:#c64b5c!important;border-color:#f2ccd2!important}
.package-card .package-body{background:#fff}
/* Partner package list and Admin edit use matching subtle mats, no crop. */
.partner-package-card-cover{background:#f6f8f4!important;padding:10px!important}
.partner-package-card-cover > img{
  box-sizing:border-box;
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  border:1px solid #dce5dc;
  border-radius:10px;
  background:#f8f6ef;
  box-shadow:0 3px 12px rgba(12,55,38,.07);
}
.cover-guideline-current > img,.package-cover-preview{
  border:1px solid #dce5dc!important;
  border-radius:12px!important;
  background:#f8f6ef!important;
  box-shadow:0 4px 14px rgba(13,55,39,.06)!important;
}
@media(max-width:760px){
  .package-card .package-media,.package-card-catalog .package-media{padding:10px 10px 8px!important}
  .package-card .package-poster-frame{border-radius:9px}
  .package-card .package-media-footer{min-height:28px;padding-top:7px}
  .package-card .package-media-footer .package-badge{font-size:9px!important;padding:5px 8px!important}
  .partner-package-card-cover{padding:7px!important}
}
@media(prefers-reduced-motion:reduce){.package-card,.package-card .package-poster-frame img{transition:none!important}}

/* SAFAROKA · Grid 3 editorial & minimal package card — 28 Oct 2026
   Tujuan: brosur utama lebih besar, tombol fokus ke detail, tanpa Love / Pilihan pada card. */
.home-package-grid,.travel-package-grid,.catalog-package-grid{
  display:grid!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  margin-right:0!important;
  padding-right:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(15px,1.7vw,24px)!important;
  align-items:stretch;
}
.home-package-grid > .package-card,.travel-package-grid > .package-card,.catalog-package-grid > .package-card{min-width:0!important;width:auto!important;flex:initial!important;scroll-snap-align:none!important}
.package-card .package-media-footer{justify-content:flex-start!important;min-height:0!important}
.package-card .package-media-footer .package-badge{max-width:100%!important}
.package-card .package-actions,.package-card-catalog .package-actions{
  display:block!important;
  width:100%!important;
  margin-top:auto!important;
  padding-top:16px!important;
}
.package-card .package-actions > .btn,.package-card-catalog .package-actions > .btn{
  width:100%!important;
  min-height:42px;
  box-sizing:border-box;
  border-radius:10px!important;
  font-size:12px!important;
  background:#0c4d40!important;
  color:#fff!important;
  border:1px solid #0c4d40!important;
  box-shadow:none!important;
}
.package-card .package-actions > .btn:hover,.package-card-catalog .package-actions > .btn:hover{
  background:#0a654f!important;
  border-color:#0a654f!important;
}
/* The cover stays 3:4 with an understated mat, so the poster never crops. */
.package-card .package-poster-frame{aspect-ratio:3/4!important}
@media(max-width:1080px){
  .home-package-grid,.travel-package-grid,.catalog-package-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .home-package-grid,.travel-package-grid,.catalog-package-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  .catalog-package-grid .package-card-catalog{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
  }
  .catalog-package-grid .package-card-catalog .package-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  .catalog-package-grid .package-card-catalog .package-body{width:auto!important}
  .package-card .package-actions,.package-card-catalog .package-actions{padding-top:12px!important}
}

@media(max-width:900px){
  .home-package-grid>.package-card,.travel-package-grid>.package-card{
    min-width:0!important;
    width:auto!important;
    flex:initial!important;
  }
}

/* SAFAROKA 28 Oct 2026 — "Plus" program badge belongs to the package info area,
   not the bottom of the portrait media frame. Visible directly above the CTA. */
.home-package-grid > .package-card,
.travel-package-grid > .package-card,
.catalog-package-grid > .package-card{display:flex!important;flex-direction:column!important}
.home-package-grid > .package-card .package-body,
.travel-package-grid > .package-card .package-body,
.catalog-package-grid > .package-card .package-body{
  display:flex!important;flex-direction:column!important;flex:1 1 auto;min-width:0;
}
.package-card .package-plus-bottom{
  display:flex;align-items:center;justify-content:flex-start;
  width:100%;min-width:0;box-sizing:border-box;
  margin-top:auto;padding-top:14px;
}
.package-card .package-plus-chip{
  display:inline-flex;align-items:center;gap:7px;
  max-width:100%;box-sizing:border-box;
  background:#edf7f1;color:#0a684c;
  border:1px solid #d8ebde;border-radius:999px;
  padding:7px 11px;font-size:11px;font-weight:800;
  line-height:1.4;overflow-wrap:anywhere;white-space:normal;
}
.package-card .package-plus-chip::before{
  content:"";flex:0 0 6px;width:6px;height:6px;
  border-radius:50%;background:#14a36f;
}
.package-card .package-plus-bottom + .package-actions{
  margin-top:0!important;padding-top:12px!important;
}
@media(max-width:700px){
  .package-card .package-plus-bottom{padding-top:12px}
  .package-card .package-plus-chip{font-size:10.5px;padding:6px 10px}
}


/* SAFAROKA 28 Oct 2026 — brochure-matched blurred backdrop, no image cropping.
   Main poster stays crisp; blurred duplicate only fills unused letterbox space. */
.package-card .package-poster-frame{
  isolation:isolate;
  background:linear-gradient(145deg,#ecece5,#f8f5ee)!important;
}
.package-card .package-poster-frame .package-poster-backdrop{
  position:absolute!important;
  inset:-14px!important;
  z-index:0;
  display:block;
  overflow:hidden;
  pointer-events:none;
}
.package-card .package-poster-frame .package-poster-backdrop img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.09)!important;
  filter:blur(21px) saturate(.76) brightness(.86)!important;
  opacity:.82!important;
  border-radius:0!important;
}
.package-card .package-poster-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,253,247,.19),rgba(251,249,243,.11) 50%,rgba(255,253,247,.19));
}
.package-card .package-poster-frame > img.package-poster-foreground{
  position:relative!important;
  z-index:2;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
@media(max-width:700px){
  .package-card .package-poster-frame .package-poster-backdrop img{filter:blur(16px) saturate(.75) brightness(.87)!important}
}