/* A product-led coffee collection inspired by the supplied retail reference. */
.shop-page{--ink:#faf6ed;--brown:#c49b73;--rust:#c49b73;--green:#c49b73;--sand:#35382f;--cream:#111310;background:var(--cream);color:var(--ink)}.shop-page .notice{background:#1e211c;color:#faf6ed}.shop-page header{max-width:1440px}.shop-page nav a.nav-shop{color:#111310}.shop-page main{max-width:1440px;padding:0 42px}.shop-page .shop-intro{padding:40px 0 24px;max-width:none}.shop-page .shop-intro h1{font-size:clamp(32px,4vw,54px);margin:13px 0 15px;max-width:none}.shop-page .shop-intro p{font-size:15px;margin-bottom:12px}.shop-concept{font-size:11px;color:#c49b73}.shop-page .shop-guide{border-top:0;padding:0 0 22px;margin-bottom:6px}.shop-page .shop-guide summary{font-size:12px;font-weight:400;text-decoration:underline}.shop-page .coffee-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:38px;align-items:start}.shop-page .coffee-card{background:#1e211c;border:0;border-radius:6px;overflow:hidden}.shop-page .coffee-visual{height:385px;padding:20px 24px 0;background:transparent;position:relative}.shop-page .coffee-pack,.shop-page .beans .coffee-pack,.shop-page .light .coffee-pack,.shop-page .dark .coffee-pack{position:relative;width:245px;max-width:100%;height:345px;background:linear-gradient(105deg,#b68d59,#dec198 19%,#d5b385 70%,#aa8152);border:0;border-radius:3px 3px 22px 22px;box-shadow:none;padding:0;display:block;transform:rotate(-1deg)}.shop-page .coffee-pack:before{content:'';position:absolute;top:18px;left:8%;width:84%;height:5px;border-top:2px solid #9b7953;border-bottom:1px solid #9b7953}.shop-page .pack-logo{position:absolute;top:66px;left:calc(50% - 40px);width:80px;height:80px;object-fit:none;object-position:50% 39%;mix-blend-mode:multiply}.pack-brand{position:absolute;top:149px;left:0;width:100%;text-align:center;color:#30251f;font:600 10px Inter,Arial,sans-serif;letter-spacing:.05em}.shop-page .pack-origin{position:absolute;top:176px;left:10%;width:80%;text-align:center;color:#30251f;font:8px Inter,Arial,sans-serif;letter-spacing:.05em}.shop-page .coffee-pack .pack-title{position:absolute;top:198px;left:10%;width:80%;text-align:center;color:#30251f;font:600 24px Lora,Georgia,serif;line-height:1.15}.shop-page .pack-weight{position:absolute;bottom:32px;left:0;width:100%;color:#30251f;text-align:center;font:8px Inter,Arial,sans-serif}.shop-page .coffee-copy{text-align:center;padding:12px 28px 26px}.shop-page .coffee-copy h2{font:700 24px Inter,Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:#c49b73;min-height:30px;margin:6px 0 14px}.shop-page .coffee-copy>p{font-size:14px;margin:0 0 12px;max-width:none}.product-origin{font-size:9px;letter-spacing:.08em;display:block;margin:0 0 14px}.shop-page .coffee-price{justify-content:center;gap:7px;flex-direction:column;margin-bottom:20px}.shop-page .coffee-price strong{font:500 16px Inter,Arial,sans-serif;letter-spacing:.03em}.shop-page .coffee-price span{font-size:10px;color:#c49b73}.shop-page .coffee-copy .product-options{text-align:left;margin:0;border-top:1px solid #35382f;padding-top:14px}.shop-page .product-options summary{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:12px;font-weight:500;list-style:none}.product-options summary::-webkit-details-marker{display:none}.product-options summary>span{font-size:20px}.product-options[open] summary>span{transform:rotate(45deg)}.shop-page .coffee-copy select{background:#111310;color:#faf6ed;border-color:#c49b73;font-size:13px}.shop-page .coffee-copy .concept-description{font-size:12px;line-height:1.7}.shop-page .coming-soon{color:#c49b73;border-color:#35382f;font-size:11px}.shop-page footer{max-width:1356px}.shop-page .site-logo{mix-blend-mode:screen}.shop-page .coffee-visual:after{content:'Concept';position:absolute;left:17px;top:17px;color:#faf6ed;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.shop-page .beans .coffee-pack{transform:rotate(1deg)}.shop-page .dark .coffee-pack{transform:rotate(0deg)}@media(max-width:1000px){.shop-page .coffee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-page main{padding:0 26px}}@media(max-width:600px){.shop-page main{padding:0 20px}.shop-page .shop-intro{padding-top:26px}.shop-page .coffee-grid{grid-template-columns:1fr;gap:20px}.shop-page .coffee-visual{height:355px;padding-top:12px}.shop-page .coffee-pack{height:325px;width:230px}.shop-page .coffee-copy{padding:5px 26px 24px}.shop-page .coffee-copy h2{font-size:23px}.shop-page .coffee-pack .pack-title{font-size:23px}}
/* AI-generated blank pouch mockup; the original brand mark and labels remain real HTML. */
.shop-page .coffee-pack,.shop-page .beans .coffee-pack,.shop-page .light .coffee-pack,.shop-page .dark .coffee-pack{background:transparent url('assets/kraft-coffee-bag.png') center/contain no-repeat;border-radius:0;transform:none}.shop-page .coffee-pack:before{display:none}.shop-page .pack-logo{top:102px}.shop-page .pack-brand{top:184px;font-size:9px}.shop-page .pack-origin{top:204px;font-size:7px}.shop-page .coffee-pack .pack-title{top:226px;font-size:21px;left:17%;width:66%}.shop-page .pack-weight{bottom:39px;font-size:7px}.shop-page .site-logo{mix-blend-mode:normal;border-radius:3px}
.shop-page .coffee-price{align-items:center}

/* The supplied full-colour lockup sits on Paper in the shop as well. */
.shop-page header{background:#f7f4ee;color:#2a1d17}
.shop-page header nav a[aria-current=page]{color:#2a1d17;border-color:#2f6b4f}
.shop-page footer{background:#f7f4ee;color:#5c4a3f;border-radius:3px 3px 0 0}

/* Full brand lockup on every concept bag. */
.shop-page .coffee-pack .pack-logo{top:121px;left:calc(50% - 90px);width:180px;height:46px;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.shop-page .pack-origin{top:178px}
.shop-page .coffee-pack .pack-title{top:202px}