/* MR CEYLON / signature branded gifting collection V3
   Refines photo-led gallery without changing the admin-selected theme. */
#packaging.gifting-presentation{isolation:isolate;background:radial-gradient(ellipse at 76% 15%,rgba(50,95,68,.16),transparent 58%),linear-gradient(155deg,#061a19,#07261e 58%,#041913)}
#packaging .pack-heading{margin-bottom:34px}
#packaging .pack-heading h2{font-size:clamp(37px,5.2vw,67px);line-height:1.025;max-width:720px}
#packaging .pack-intro{font-size:14px;letter-spacing:.008em}
#packaging .package.pack-elegant{border-color:rgba(215,179,123,.33);background:linear-gradient(145deg,rgba(31,62,51,.72),rgba(3,23,20,.92));box-shadow:0 23px 58px #02150e4f,inset 0 1px #ffffff12}
#packaging .package.pack-elegant.selected{border-color:var(--gold);box-shadow:0 0 0 1px rgba(222,184,123,.48),0 27px 68px #020c0a7a}
#packaging .pack-image{height:clamp(245px,24vw,352px);background:#0c2219;position:relative;isolation:isolate}
#packaging .pack-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 49%;filter:brightness(.94) contrast(1.05) saturate(.92);transition:transform .6s cubic-bezier(.21,.65,.24,1),filter .35s ease}
#packaging .package.pack-elegant:hover .pack-image img{transform:scale(1.025);filter:brightness(1) contrast(1.03) saturate(1)}
#packaging .pack-image::after{background:linear-gradient(0deg,rgba(2,14,15,.52),transparent 24%,transparent 72%,rgba(1,16,15,.15))}
#packaging .pack-brand-signature{position:absolute;top:16px;left:16px;z-index:2;color:#eec992;background:rgba(3,26,23,.66);border:1px solid rgba(237,190,104,.50);backdrop-filter:blur(12px);padding:8px 13px 7px;font:500 12px Georgia,serif;letter-spacing:.16em;white-space:nowrap;text-shadow:0 2px 6px #0007}
#packaging .pack-photo-label{letter-spacing:.22em;font-size:9px;font-weight:600;text-shadow:0 3px 10px #000d}
#packaging .pack-content{min-height:284px;padding:24px 25px 22px}
#packaging .pack-topline{letter-spacing:.16em}
#packaging .package h3{font-size:clamp(30px,2.8vw,38px);margin:14px 0 9px}
#packaging .package p{font-size:12px;letter-spacing:.012em;line-height:1.72}
#packaging .pack-features{display:block}
#packaging .pack-features .pack-feature{display:flex;align-items:baseline;gap:11px;margin:9px 0;font-size:11px;line-height:1.45;color:var(--ink);opacity:.90}
#packaging .pack-features .pack-feature::before{content:"✧";flex:0 0 10px;font:16px Georgia,serif;color:var(--gold)}
#packaging .pack-action{letter-spacing:.16em}
#packaging .pack-story{border-color:rgba(222,186,126,.3)}
#packaging .pack-disclaimer{font-size:10.5px;opacity:.86}
#packaging .pack-continue{border-radius:8px;min-height:47px;font-size:12px;letter-spacing:.035em}
#packaging .pack-story h3{font-size:clamp(25px,2.5vw,32px)}
#packaging .packages .package:nth-child(3) .pack-brand-signature{background:rgba(18,13,9,.75);color:#f1d5a0}
#packaging .packages .package:nth-child(3) .pack-image{background:#19110e}
body[data-theme="A"] #packaging.gifting-presentation{background:linear-gradient(135deg,#ede4d4,#daceb9)}
body[data-theme="A"] #packaging .package.pack-elegant{background:linear-gradient(125deg,rgba(255,255,255,.80),rgba(240,225,207,.69))}
body[data-theme="B"] #packaging.gifting-presentation{background:radial-gradient(ellipse at 83% 13%,#123a57,#061829 68%)}
body[data-theme="D"] #packaging.gifting-presentation{background:radial-gradient(ellipse at 83% 13%,#2e343a,#060a10 66%)}
@media(max-width:920px){#packaging .pack-image{height:245px}#packaging .pack-content{padding:18px 18px 18px}#packaging .pack-brand-signature{font-size:10px;padding:7px 10px}#packaging .pack-features .pack-feature{font-size:10px;gap:7px}}
@media(max-width:680px){
 #packaging.gifting-presentation{padding:64px 0 68px}
 #packaging .pack-heading{margin-bottom:25px}
 #packaging .pack-heading h2{font-size:clamp(37px,10vw,49px)}
 #packaging .pack-intro{font-size:12px;line-height:1.75}
 #packaging .packages{gap:18px}
 #packaging .package.pack-elegant{display:flex;flex-direction:column;min-height:0}
 #packaging .pack-image{height:auto;min-height:0;aspect-ratio:1.38;flex:0 0 auto;width:100%}
 #packaging .pack-image img{object-fit:cover;object-position:50% 51%}
 #packaging .pack-content{padding:22px 23px 21px;min-height:0}
 #packaging .pack-brand-signature{top:13px;left:13px;letter-spacing:.15em;font-size:11px}
 #packaging .pack-photo-label{left:17px;bottom:15px;font-size:9px}
 #packaging .package h3{font-size:31px;margin:12px 0 8px}
 #packaging .package p{font-size:12px;line-height:1.55;margin-bottom:14px}
 #packaging .pack-features .pack-feature{font-size:11px;line-height:1.5;margin:7px 0}
 #packaging .pack-action{margin-top:10px;padding-top:13px}
 #packaging .pack-story{margin-top:20px}
 #packaging .pack-continue{display:flex;width:100%}
}
@media(prefers-reduced-motion:reduce){#packaging .pack-image img{transition:none}}

/* Homepage of Gifting: MR CEYLON signature box replaces generic jewelry photography. */
.hero{background:linear-gradient(90deg,rgba(2,17,18,.97),rgba(3,20,18,.84) 44%,rgba(4,24,22,.27) 80%),url("/assets/gift-packaging/branded/hero-branded-concept.webp?v=3") center right/cover no-repeat, #061b1b}
@media(max-width:700px){.hero{background-position:center,67% center;background-size:cover,cover}}
#packaging .packages .package:nth-child(3) .pack-image::before{content:"";position:absolute;z-index:1;pointer-events:none;top:0;right:0;width:23%;height:30%;background:linear-gradient(115deg,rgba(14,8,7,0),rgba(15,9,8,.94) 53%,rgba(13,9,7,.98))}
/* Gifting-only override; keep the selected A/B/C/D theme but remove unbranded hero box. */
body[data-theme] .hero:not(.cinematic):has(.intro){background-image:linear-gradient(90deg,rgba(2,17,18,.94),rgba(3,20,18,.76) 46%,rgba(4,24,22,.22) 82%),url('/assets/gift-packaging/branded/hero-branded-concept.webp?v=3')!important;background-position:center,center right!important;background-size:cover!important;background-repeat:no-repeat!important}
@media(max-width:700px){body[data-theme] .hero:not(.cinematic):has(.intro){background-position:center,67% center!important;background-size:cover!important}}

/* Final Luxury asset contains no extraneous marketing-ribbon badge. */
#packaging .packages .package:nth-child(3) .pack-image::before{display:none!important}