/* Shared catalog tile alignment; product details retain their layout. */
#wbc-store #wb-grid > .wb-product .ct-tile-heading {margin:0 0 12px;line-height:1.6;color:#5A4636;font:400 12px/1.6 Poppins,Arial,sans-serif;overflow-wrap:normal;}
#wbc-store #wb-grid > .wb-product .ct-tile-heading .ct-format {display:inline!important;margin:0!important;}
#wbc-store #wb-grid > .wb-product .ct-tile-weight {text-transform:none;letter-spacing:0;}
#wbc-store #wb-grid > .wb-product > .wb-product-body {display:flex!important;flex-direction:column!important;align-self:stretch!important;}
#wbc-store #wb-grid > .wb-product > .wb-product-body > .wb-view {margin-top:auto!important;flex-shrink:0!important;}
#wbc-store #wb-grid > .wb-product > .wb-art {display:flex!important;align-items:center!important;justify-content:center!important;}
#wbc-store #wb-grid > .wb-product > .wb-art img {object-fit:contain!important;object-position:center center!important;}
@media(max-width:600px){#wbc-store #wb-grid > .wb-product .ct-tile-heading {font-size:10px;line-height:1.35;margin-bottom:5px;}}

/* Detail/ordering view: move labels only; retain image dimensions. */
#wbc-store #wb-detail .ct-detail-heading {margin:0 0 12px;color:#5A4636;line-height:1.6;}
#wbc-store #wb-detail .ct-detail-heading .ct-format {display:inline;margin:0;}
#wbc-store #wb-detail .ct-detail-weight {text-transform:none;letter-spacing:0;}
#wbc-store #wb-detail .ct-detail #qv-photo {display:flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;height:auto!important;}
#wbc-store #wb-detail .ct-detail #qv-photo > .wb-quick-photo {flex-shrink:0;object-position:center center!important;margin-left:0!important;margin-right:0!important;}

/* Chocolate frames must fill the complete ordering row, without the legacy
   500px max-height or variety-pack top offset. Image sizing is unchanged. */
@media(min-width:651px){
#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate {align-items:stretch!important;}
#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate #qv-photo {height:auto!important;min-height:0!important;max-height:none!important;align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;}
}

#wbc-store #wb-detail .ct-variety-ingredients {grid-column:1 / -1;border-top:1px solid #dfbc83;padding-top:16px;margin-top:12px;}
#wbc-store #wb-detail .ct-variety-ingredients summary {font:400 21px/1.4 Georgia,serif;cursor:pointer;padding:8px 0;}
#wbc-store #wb-detail .ct-variety-ingredients-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;padding-top:14px;}
#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate.ct-detail-variety #qv-photo {align-self:stretch!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important;}
#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate.ct-detail-variety #qv-photo .wb-quick-photo {transform:none!important;width:100%!important;max-width:100%!important;height:500px!important;max-height:500px!important;object-fit:contain!important;}
@media(max-width:650px){#wbc-store #wb-detail .ct-variety-ingredients-grid{grid-template-columns:1fr;}#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate.ct-detail-variety #qv-photo .wb-quick-photo{height:360px!important;max-height:360px!important;}}

/* Variety pack: larger artwork, compact ingredient spacing. */
#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate.ct-detail-variety #qv-photo .wb-quick-photo {transform:scale(1.44)!important;transform-origin:center center!important;}
#wbc-store #wb-detail .ct-variety-ingredients {margin-top:0!important;padding-top:10px!important;}
#wbc-store #wb-detail .ct-variety-ingredients summary {margin:0!important;padding:6px 0!important;}
#wbc-store #wb-detail .ct-variety-ingredients-grid {gap:14px 24px!important;padding-top:10px!important;align-items:start!important;}
#wbc-store #wb-detail .ct-variety-ingredients-grid > section {margin:0!important;padding:0!important;min-height:0!important;}
#wbc-store #wb-detail .ct-variety-ingredients-grid h4 {margin:0 0 8px!important;}
#wbc-store #wb-detail .ct-variety-ingredients-grid p {margin:0!important;}
@media(max-width:650px){#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate.ct-detail-variety #qv-photo {overflow:hidden!important;}#wbc-store #wb-detail .wb-quick-layout.ct-detail.ct-detail-chocolate.ct-detail-variety #qv-photo .wb-quick-photo {transform:scale(1.15)!important;}}

/* Keep metric/U.S. weight pairs intact in both languages. */
#wbc-store #wb-grid .ct-tile-weight,#wbc-store #wb-detail .ct-detail-weight {display:inline-block;white-space:nowrap!important;}
@media(min-width:651px){
#wbc-store #wb-grid .ct-variety-pack-card .ct-tile-heading {white-space:nowrap!important;font-size:11px!important;letter-spacing:0!important;}
#wbc-store #wb-grid .ct-variety-pack-card .ct-tile-heading .ct-format {font-size:inherit!important;letter-spacing:0!important;}
}

#wbc-store #wb-grid .ct-product .wb-view:disabled {background:#ddd5c8!important;color:#726a60!important;border-color:#ccc3b5!important;opacity:1!important;cursor:not-allowed!important;}
#wbc-store #wb-grid .ct-tea:not(.ct-tea-box) .ct-launch-ribbon span {display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;top:40px!important;right:-49px!important;width:220px!important;min-height:42px!important;padding:5px 35px!important;text-align:center!important;white-space:normal!important;line-height:1.25!important;font-size:11px!important;overflow:visible!important;}

/* Restore the pre-8.0.9 jar frame dimensions; shift the existing frame only. */
@media(min-width:651px){
#wbc-store #wb-grid > .wb-product.ct-tea:not(.ct-tea-box) > .wb-art {transform:translateX(-60%)!important;overflow:visible!important;}
}

/* Keep jar artwork beneath labels and the disabled action. */
#wbc-store #wb-grid > .wb-product.ct-tea:not(.ct-tea-box) {isolation:isolate;}
#wbc-store #wb-grid > .wb-product.ct-tea:not(.ct-tea-box) > .wb-art {z-index:0!important;pointer-events:none!important;background:transparent!important;}
#wbc-store #wb-grid > .wb-product.ct-tea:not(.ct-tea-box) > .wb-product-body {position:relative!important;z-index:2!important;background:transparent!important;}

/* Phone catalog: packaging and weight belong above the product image. */
#wbc-store #wb-grid > .ct-product > .ct-mobile-heading {display:none!important;}
@media(max-width:650px){
#wbc-store #wb-grid > .ct-product > .ct-mobile-heading {display:block!important;order:-1!important;flex:0 0 auto!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:9px 9px 0!important;margin:0 0 5px!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important;}
#wbc-store #wb-grid > .ct-product > .wb-product-body > .ct-tile-heading {display:none!important;}
/* Match the existing chocolate ribbon, including the longer Spanish label. */
#wbc-store #wb-grid > .ct-product .ct-launch-ribbon {width:160px!important;height:160px!important;}
#wbc-store #wb-grid > .ct-product .ct-launch-ribbon span,
#wbc-store #wb-grid > .ct-product.ct-tea:not(.ct-tea-box) .ct-launch-ribbon span {display:block!important;box-sizing:content-box!important;top:34px!important;right:-49px!important;width:220px!important;min-height:0!important;padding:9px 0!important;white-space:nowrap!important;line-height:1.3!important;font:600 11px/1.3 Arial,sans-serif!important;text-align:center!important;}
}

/* 8.2.3: larger chocolate catalog photos and a compact phone action row. */
@media(max-width:650px){
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art {height:180px!important;min-height:180px!important;max-height:180px!important;padding:5px!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo {height:170px!important;max-height:170px!important;width:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;}
#wbc-store.ct-product-view > .wb-header,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header {padding:6px 12px!important;min-height:0!important;row-gap:4px!important;}
#wbc-store.ct-product-view > .wb-header nav,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header nav,
#wbc-store > .product-toolbar nav {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-evenly!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:0!important;margin:0!important;padding:6px 0!important;grid-column:1/-1!important;grid-row:auto!important;}
#wbc-store.ct-product-view > .wb-header nav > #ct-header-back,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header nav > #ct-header-back,
#wbc-store > .product-toolbar nav > .product-back {flex:0 1 auto!important;box-sizing:border-box!important;margin:0!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:6px 8px!important;gap:6px!important;font-size:11px!important;line-height:1.3!important;white-space:nowrap!important;}
#wbc-store.ct-product-view > .wb-header nav > #wb-cart,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header nav > #wb-cart,
#wbc-store > .product-toolbar nav > #wb-cart {flex:0 1 auto!important;grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;box-sizing:border-box!important;margin:0!important;min-width:0!important;min-height:44px!important;padding:6px 10px!important;font-size:12px!important;white-space:nowrap!important;}
#wbc-store.ct-product-view > .wb-header > .wb-why-trigger,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header > .wb-why-trigger {margin:4px 0!important;}
#wbc-store.ct-product-view > .wb-header > .wb-language-switch,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header > .wb-language-switch {margin:2px 0!important;}
#wbc-store > .product-toolbar {grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:6px 12px!important;min-height:0!important;}
}

/* 8.2.3: equal phone header row gaps and larger chocolate bars. */
@media(max-width:650px){
#wbc-store.ct-product-view > .wb-header,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header {row-gap:6px!important;}
#wbc-store.ct-product-view > .wb-header > .wb-why-trigger,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header > .wb-why-trigger {margin:0!important;padding:0!important;}
#wbc-store.ct-product-view > .wb-header > .wb-language-switch,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header > .wb-language-switch {margin:0!important;padding:0!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;}
#wbc-store.ct-product-view > .wb-header nav,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header nav {margin:0!important;padding:0!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-scale-bar > .wb-art {height:220px!important;min-height:220px!important;max-height:220px!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-scale-bar > .wb-art img.ct-photo {height:210px!important;max-height:210px!important;}
}

/* Tea phone cards: trim the blank area below artwork without resizing it. */
@media(max-width:650px){
#wbc-store #wb-grid > .wb-product.ct-product.ct-tea > .wb-art {margin-bottom:-12px!important;}
}

/* 8.2.3: size the chocolate photo canvas independently of tile width.
   The transparent side borders no longer constrain the visible bar size. */
@media(max-width:650px){
#wbc-store #wb-grid > .wb-product.ct-product.ct-tea.ct-tea-box > .wb-art {margin-bottom:-20px!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-scale-bar > .wb-art {height:240px!important;min-height:240px!important;max-height:240px!important;overflow:hidden!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-scale-bar > .wb-art img.ct-photo {flex:0 0 auto!important;width:260px!important;min-width:260px!important;max-width:none!important;height:260px!important;max-height:260px!important;object-fit:contain!important;object-position:center!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-scale-variety > .wb-art {height:200px!important;min-height:200px!important;max-height:200px!important;overflow:hidden!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-scale-variety > .wb-art img.ct-photo {flex:0 0 auto!important;width:220px!important;min-width:220px!important;max-width:none!important;height:220px!important;max-height:220px!important;object-fit:contain!important;object-position:center!important;}
}

/* 8.2.3: normalize visible package height, rather than padded photo canvas. */
@media(max-width:650px){
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art {height:240px!important;min-height:240px!important;max-height:240px!important;padding:0!important;overflow:hidden!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo {flex:0 0 auto!important;width:var(--ct-phone-canvas)!important;min-width:var(--ct-phone-canvas)!important;max-width:none!important;height:var(--ct-phone-canvas)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:translate(var(--ct-phone-x),var(--ct-phone-y))!important;}
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/amazonica-weight-corrected.png"] { --ct-phone-canvas:286.7775px;--ct-phone-x:-0.1143px;--ct-phone-y:-3.8877px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/andina-weight-corrected.png"] { --ct-phone-canvas:329.2124px;--ct-phone-x:-2.8878px;--ct-phone-y:6.5632px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/bella-dona-weight-corrected.png"] { --ct-phone-canvas:329.2124px;--ct-phone-x:-2.8878px;--ct-phone-y:6.5632px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/orange-mocha-weight-corrected.png"] { --ct-phone-canvas:329.6057px;--ct-phone-x:-3.1541px;--ct-phone-y:6.4397px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-03.webp"] { --ct-phone-canvas:329.5423px;--ct-phone-x:-2.8988px;--ct-phone-y:6.5603px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-02.webp"] { --ct-phone-canvas:329.5423px;--ct-phone-x:-2.8988px;--ct-phone-y:6.5603px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-01-transparent.png"] { --ct-phone-canvas:255.2095px;--ct-phone-x:-2.5994px;--ct-phone-y:3.1901px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-04-transparent.png"] { --ct-phone-canvas:255.4839px;--ct-phone-x:-2.7204px;--ct-phone-y:3.0753px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/variety-pack-weight-corrected.png"] { --ct-phone-canvas:270.2057px;--ct-phone-x:-5.3869px;--ct-phone-y:-1.8315px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/espresso-beans.webp"] { --ct-phone-canvas:350.9601px;--ct-phone-x:-3.5746px;--ct-phone-y:-2.4372px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-09.webp"] { --ct-phone-canvas:350.9601px;--ct-phone-x:-3.5746px;--ct-phone-y:-2.4372px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-11.webp"] { --ct-phone-canvas:350.9601px;--ct-phone-x:-3.5746px;--ct-phone-y:-2.4372px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-12.webp"] { --ct-phone-canvas:350.9601px;--ct-phone-x:-3.5746px;--ct-phone-y:-2.4372px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/montubia-bites-transparent.png"] { --ct-phone-canvas:271.8535px;--ct-phone-x:-3.1465px;--ct-phone-y:-6.2929px; }
#wbc-store[data-category="Chocolate"] #wb-grid > .ct-chocolate.ct-product > .wb-art img.ct-photo[src$="/product-10.webp"] { --ct-phone-canvas:350.9601px;--ct-phone-x:-3.5746px;--ct-phone-y:-2.4372px; }

/* No blank confirmation row; messages still appear after an item is added. */
#wbc-store.ct-product-view > .wb-header,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding-top:6px!important;padding-bottom:6px!important;}
#wbc-store.ct-product-view > .wb-header > .ct-notice-slot:not(:has(#wb-cart-notice:not([hidden]))),
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header > .ct-notice-slot:not(:has(#wb-cart-notice:not([hidden]))) {display:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;}
#wbc-store.ct-product-view > .wb-header > .ct-notice-slot {order:5!important;}
#wbc-store.ct-product-view > .wb-header > .wb-language-switch,
#wbc-store:has(#wb-bag:not([hidden])) > .wb-header > .wb-language-switch {position:static!important;top:auto!important;transform:none!important;margin:0!important;}
}

/* 8.2.3: phone label placement and coffee photo-caption collision repair. */
#wbc-store .phone-coffee-detail-weight,#wbc-store .phone-product-origin,#wbc-store .phone-coffee-photo {display:none;}
@media(max-width:650px){
#wbc-store #wb-grid > .wb-product > .phone-coffee-card-weight {display:block!important;order:-1!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;padding:9px 9px 0!important;margin:0 0 5px!important;min-height:0!important;font:400 10px/1.35 Poppins,Arial,sans-serif!important;}
#wbc-store #wb-detail > .phone-detail-heading {display:block!important;text-align:left!important;margin:0 0 12px!important;font:400 14px/1.5 Poppins,Arial,sans-serif;}
#wbc-store #wb-detail:has(.ct-detail) > .wb-quick-top {display:none!important;}
#wbc-store .product-intro > .product-panel-top {display:none!important;}
#wbc-store .product-intro .product-overview > div:first-child {position:static!important;min-height:0!important;overflow:visible!important;}
#wbc-store .product-intro .phone-coffee-detail-weight {display:block!important;text-align:left!important;margin:0 0 12px!important;}
#wbc-store .product-intro .phone-coffee-detail-size {font:500 15px/1.5 Poppins,Arial,sans-serif;}
#wbc-store .product-intro .phone-coffee-detail-prep {font:400 12px/1.5 Poppins,Arial,sans-serif;margin-top:2px;}
#wbc-store .product-intro .phone-coffee-photo {display:block!important;position:relative!important;width:100%;margin:0 0 12px!important;}
#wbc-store .product-intro .phone-coffee-photo:not(.wb-photo-preview-frame) img {display:block;max-width:100%;object-fit:contain;}
#wbc-store .product-intro .product-photo-caption {display:none!important;}
#wbc-store .product-intro .product-overview > div:nth-child(2) > .wb-eyebrow {display:none!important;}
#wbc-store .product-intro .product-overview > div:first-child h1 {margin:8px 0!important;}
#wbc-store .product-intro .product-overview > div:first-child .product-english {margin:0 0 10px!important;}
#wbc-store .phone-product-origin {display:block!important;margin:16px 0 0!important;padding-top:10px;border-top:1px solid #dfbc83;font:400 11px/1.5 Poppins,Arial,sans-serif;color:#5a4636;}
}

/* 8.2.3: shared centered diagonal availability lettering. */
#wbc-store #wb-grid > .wb-product .wb-restock-ribbon,
#wbc-store #wb-grid > .wb-product .ct-launch-ribbon {width:160px!important;height:160px!important;top:0!important;right:0!important;overflow:hidden!important;pointer-events:none!important;}
#wbc-store #wb-grid > .wb-product .wb-restock-ribbon > span,
#wbc-store #wb-grid > .wb-product.ct-product .ct-launch-ribbon > span,
#wbc-store #wb-grid > .wb-product.ct-product.ct-tea:not(.ct-tea-box) .ct-launch-ribbon > span,
#wbc-store #wb-grid > .wb-product .coffee-coming-ribbon > span {position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;top:44px!important;right:-53px!important;width:226px!important;height:32px!important;min-height:0!important;padding:0 8px!important;transform:rotate(45deg)!important;transform-origin:center!important;font:600 11px/1.3 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:center!important;white-space:nowrap!important;}

/* 8.2.3: phone-only corner clearance; Spanish tea keeps its longer band. */
@media(max-width:650px){
#wbc-store #wb-grid > .wb-product .wb-restock-ribbon > span,
#wbc-store #wb-grid > .wb-product.ct-product.ct-chocolate .ct-launch-ribbon > span,
#wbc-store #wb-grid > .wb-product .coffee-coming-ribbon > span {top:28px!important;right:-69px!important;}
html:not([lang^="es"]) #wbc-store #wb-grid > .wb-product.ct-product.ct-tea:not(.ct-tea-box) .ct-launch-ribbon > span {top:38px!important;right:-59px!important;}
}