.packaging-showcase{background:#071421;color:#fff;padding:100px 0;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 90% 0,#bc94551c,transparent 60%)}
.packaging-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:44px}.packaging-intro h2{font-size:clamp(36px,4.2vw,62px);line-height:1.3;font-weight:500;margin:18px 0 0}.packaging-intro h2 span{color:#d7b46e}.packaging-intro>p{color:#bfc7ce;font-size:18px;line-height:1.9;max-width:440px;margin:0}
.packaging-stage{margin-bottom:0;background:#05111b;box-shadow:0 30px 90px #0005}.packaging-hero-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;color:white}.packaging-hero-zoom>img{width:100%;height:auto;display:block;aspect-ratio:1672/941;object-fit:contain}.packaging-zoom-label{position:absolute;bottom:18px;inset-inline-end:20px;padding:10px 17px;background:#071421db;border:1px solid #d7b46e66;border-radius:30px;font-size:13px;backdrop-filter:blur(8px)}
.packaging-flavours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d7b46e26;border-top:0}.packaging-flavours>button{display:flex;gap:16px;align-items:center;justify-content:space-between;min-width:0;padding:26px 22px;background:#0b1b29;border:0;border-inline-end:1px solid #d7b46e26;border-top:3px solid var(--flavour);color:white;cursor:pointer;transition:background .2s}.packaging-flavours>button:last-child{border-inline-end:0}.packaging-flavours>button:hover{background:#15293a}.packaging-flavours>button>span{font-size:13px;color:#c7ab74}.packaging-flavours strong{font-size:20px;font-weight:500}.flavour-coffee{--flavour:#315780}.flavour-cappuccino{--flavour:#8d3032}.flavour-karak{--flavour:#dba943}.flavour-chocolate{--flavour:#735244}
.packaging-specs{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0 0;padding:30px 0;border-bottom:1px solid #d7b46e26;border-top:1px solid #d7b46e26}.packaging-specs>div{display:flex;align-items:center;justify-content:center;gap:20px;border-inline-end:1px solid #d7b46e26}.packaging-specs>div:last-child{border:0}.packaging-specs strong{color:#d7b46e;font-family:Georgia,serif;font-size:42px;font-weight:400;direction:ltr}.packaging-specs span{color:#c6cdd2;font-size:15px}
.packaging-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:30px}.packaging-footer p{font-size:13px;line-height:1.8;max-width:660px;color:#a4b0ba;margin:0}.packaging-footer .button{flex-shrink:0}
.packaging-dialog{max-width:1250px;width:calc(100% - 32px);padding:32px;background:#071421;color:white;border:1px solid #b99956}.packaging-dialog h2{font-size:30px;margin:8px 0 24px}.packaging-dialog>img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}.packaging-dialog>p:last-child{color:#bfc5cb;font-size:13px;line-height:1.8;margin-bottom:0}.packaging-dialog .dialog-close{color:#d7b46e}.packaging-hero-zoom:focus-visible,.packaging-flavours>button:focus-visible{outline:3px solid #d7b46e;outline-offset:4px;z-index:1}
@media(max-width:760px){.packaging-showcase{padding:65px 0}.packaging-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.packaging-intro>p{font-size:16px}.packaging-flavours{grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-flavours>button{padding:18px 14px;gap:8px}.packaging-flavours strong{font-size:17px}.packaging-flavours>button:nth-child(2){border-inline-end:0}.packaging-specs{padding:24px 0;margin-top:30px}.packaging-specs>div{flex-direction:column;gap:8px;padding:0 5px}.packaging-specs strong{font-size:32px}.packaging-specs span{font-size:12px;text-align:center}.packaging-footer{align-items:start;flex-direction:column;gap:22px}.packaging-dialog{padding:26px 16px}.packaging-dialog h2{font-size:24px}.packaging-zoom-label{font-size:11px;padding:7px 12px;bottom:10px;inset-inline-end:10px}}
@media(prefers-reduced-motion:reduce){.packaging-flavours>button{transition:none}}

.kilo-packaging{margin-top:65px;padding-top:45px;border-top:1px solid #d7b46e26}.kilo-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.kilo-heading h3{font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.35;margin:10px 0 0}.kilo-heading>p{color:#bfc7ce;font-size:17px;line-height:1.9;margin:0;max-width:440px}.kilo-packaging .packaging-hero-zoom{box-shadow:0 20px 65px #0004}.kilo-note{font-size:13px;color:#a4b0ba;line-height:1.8;margin:18px 0 0}@media(max-width:760px){.kilo-packaging{margin-top:45px;padding-top:32px}.kilo-heading{grid-template-columns:1fr;gap:20px}.kilo-heading>p{font-size:15px}}