/* MR CEYLON / Gifting Packaging Gallery — editorial photography, four-theme compatible */
#packaging.gifting-presentation{position:relative;overflow:hidden;padding:clamp(64px,7vw,108px) 0;background:radial-gradient(ellipse at 16% 13%,rgba(45,86,76,.24),transparent 46%),linear-gradient(128deg,#08151c 0%,#0a1b23 56%,#0b1f25 100%)}
#packaging.gifting-presentation::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:linear-gradient(100deg,transparent 49.95%,rgba(233,197,137,.08) 50%,transparent 50.05%);background-size:160px 160px}
#packaging .pack-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}
#packaging .pack-heading-main{max-width:760px}#packaging .pack-heading h2{font-size:clamp(37px,4.5vw,62px);letter-spacing:-.04em;line-height:1.07;margin:15px 0 14px}
#packaging .pack-heading h2 em{font-style:italic;font-weight:400;color:var(--gold)}
#packaging .pack-intro{font-size:14px;color:var(--muted);line-height:1.75;max-width:640px;margin:0}
#packaging .pack-eyenote{max-width:230px;flex:0 0 230px;border-left:1px solid var(--edge);padding-left:20px;color:var(--muted);font-size:12px;line-height:1.8}
#packaging .packages{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
#packaging .package.pack-elegant{position:relative;display:flex;flex-direction:column;min-height:0;width:100%;padding:0;border:1px solid rgba(221,192,142,.30);border-radius:16px;background:linear-gradient(145deg,rgba(24,47,51,.70),rgba(5,18,27,.89));overflow:hidden;color:var(--ink);text-align:left;box-shadow:0 20px 50px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(19px);transform:none;transition:border-color .25s,transform .25s,box-shadow .25s}
#packaging .package.pack-elegant:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 27px 65px rgba(0,0,0,.31)}
#packaging .package.pack-elegant.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 25px 58px rgba(0,0,0,.26)}
#packaging .pack-image{position:relative;display:block;height:clamp(210px,21vw,320px);overflow:hidden;background:#0c1d26}
#packaging .pack-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.89) saturate(.87);transition:transform .5s ease,filter .5s ease}
#packaging .package.pack-elegant:hover .pack-image img{transform:scale(1.045);filter:brightness(1) saturate(.93)}
#packaging .pack-image::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,14,21,.46),transparent 43%)} 
#packaging .pack-photo-label{position:absolute;left:18px;bottom:15px;color:#f8ecd9;font-size:9px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;text-shadow:0 2px 14px #01080b}
#packaging .pack-content{display:flex;flex-direction:column;flex:1;min-height:260px;padding:25px 24px 22px;gap:0}
#packaging .pack-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.19em}
#packaging .pack-star{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1}
#packaging .package h3{font:400 clamp(27px,2.4vw,37px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:17px 0 11px}
#packaging .package p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 17px}
#packaging .pack-features{padding:13px 0 16px;list-style:none;margin:0 0 auto;border-top:1px solid rgba(223,198,151,.18)}
#packaging .pack-features .pack-feature{display:flex;align-items:baseline;gap:10px;margin:7px 0;color:var(--ink);font-size:11px;line-height:1.55;opacity:.87}
#packaging .pack-features .pack-feature::before{content:"✧";font-size:12px;color:var(--gold);flex:0 0 8px}
#packaging .pack-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(223,198,151,.24);padding-top:16px;margin-top:8px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
#packaging .package strong{font-size:10px;letter-spacing:.14em;color:var(--gold)}
#packaging .pack-action .pack-arrow{font-size:18px;font-family:Georgia,serif;font-weight:400}
#packaging .package:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#packaging .pack-story{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;margin-top:26px;border:1px solid var(--edge);border-radius:14px;padding:20px 25px;background:var(--glass);box-shadow:0 14px 40px #0003;backdrop-filter:blur(14px)}
#packaging .pack-story h3{font-size:24px;margin:4px 0 8px}#packaging .pack-story p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
#packaging .pack-service-list{display:grid;gap:12px}
#packaging .pack-service-list span{display:flex;gap:10px;color:var(--ink);font-size:11px;line-height:1.6}
#packaging .pack-service-list b{font-weight:500;color:var(--gold);font-size:17px;line-height:1}
#packaging .pack-disclaimer{margin:21px 2px 0;max-width:880px;color:var(--muted);font-size:11px;line-height:1.7}
#packaging .pack-disclaimer a{text-decoration:underline;text-underline-offset:3px;color:var(--gold)}
body[data-theme="A"] #packaging.gifting-presentation{background:linear-gradient(130deg,#f0e6d4,#e7e1d6)}
body[data-theme="A"] #packaging .package.pack-elegant{background:linear-gradient(130deg,rgba(255,255,255,.78),rgba(240,231,220,.72))}
body[data-theme="B"] #packaging.gifting-presentation{background:radial-gradient(ellipse at 16% 15%,#1d4158,#061626 70%)}
body[data-theme="C"] #packaging.gifting-presentation{background:radial-gradient(ellipse at 14% 10%,#174e3b,#04231d 76%)}
body[data-theme="D"] #packaging.gifting-presentation{background:radial-gradient(ellipse at 14% 10%,#2d3338,#070b11 72%)}
@media(max-width:900px){#packaging .pack-heading{display:block}#packaging .pack-eyenote{max-width:610px;margin-top:13px}#packaging .packages{gap:12px}#packaging .pack-content{padding:18px 16px 16px;min-height:270px}#packaging .pack-image{height:230px}}
@media(max-width:680px){#packaging.gifting-presentation{padding:59px 0 65px}#packaging .pack-heading{margin-bottom:22px}#packaging .pack-heading h2{font-size:40px}#packaging .pack-eyenote{padding-left:15px;font-size:11px}#packaging .packages{grid-template-columns:1fr;gap:15px}#packaging .package.pack-elegant{display:grid;grid-template-columns:42% 58%;min-height:221px;border-radius:14px}#packaging .pack-image{height:100%;min-height:221px}#packaging .pack-image img{object-position:50% 44%}#packaging .pack-photo-label{font-size:7px;bottom:11px;left:9px;right:8px;letter-spacing:.12em}#packaging .pack-content{padding:16px 14px 14px;min-height:0}#packaging .pack-topline{font-size:9px;letter-spacing:.13em}#packaging .pack-star{font-size:15px}#packaging .package h3{font-size:26px;margin:9px 0 6px}#packaging .package p{font-size:11px;margin:0 0 7px;line-height:1.48}#packaging .pack-features{padding:7px 0 8px}#packaging .pack-features .pack-feature{font-size:10px;line-height:1.32;margin:5px 0;gap:6px}#packaging .pack-action{margin-top:2px;padding-top:9px;font-size:9px}#packaging .pack-story{display:block;padding:18px}#packaging .pack-story h3{font-size:22px}#packaging .pack-service-list{margin-top:18px;gap:8px}#packaging .pack-service-list span{font-size:11px}#packaging .pack-disclaimer{font-size:10px}}
@media(max-width:360px){#packaging .package.pack-elegant{grid-template-columns:40% 60%}#packaging .pack-content{padding:11px 10px}#packaging .pack-features .pack-feature{font-size:9px}#packaging .package h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){#packaging .package.pack-elegant,#packaging .pack-image img{transition:none}}

#packaging .pack-continue{position:relative;margin-top:22px;min-width:245px;padding:14px 22px;text-align:center;letter-spacing:.025em}