/* coversbd — WooCommerce pages, neon repaint */ .woocommerce-notices-wrapper{max-width:1280px;margin:0 auto;padding:0 20px} .woocommerce-message,.woocommerce-error,.woocommerce-info{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 16px;margin:16px auto;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:14px;font-weight:600;list-style:none;line-height:1.4} .woocommerce-error{box-shadow:4px 4px 0 var(--coral)} .woocommerce-message{box-shadow:4px 4px 0 var(--lime)} .woocommerce-error li,.woocommerce-message li,.woocommerce-info li{list-style:none;margin:0;padding:0} /* On checkout, notices must span the full form grid (not get squeezed into the left column). */ form.woocommerce-checkout > .woocommerce-NoticeGroup, form.woocommerce-checkout > .woocommerce-error, form.woocommerce-checkout > .woocommerce-message, form.woocommerce-checkout > .woocommerce-info{grid-column:1 / -1;margin:0 0 6px} /* Shop archive */ /* Shop wrapper */ .woocommerce.cbd-shop{background:var(--cream)} /* Archive hero (per-category color-block banner — balanced / text-only) */ .cbd-archive-hero{padding:36px 20px 40px;border-bottom:2px solid var(--ink);position:relative;overflow:hidden} .cbd-archive-hero::before{content:"";position:absolute;top:-40px;right:-30px;width:180px;height:180px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:6px 6px 0 var(--ink);transform:rotate(-12deg);z-index:0;pointer-events:none} .cbd-archive-hero__inner{position:relative;z-index:1} .cbd-archive-hero--cream{background:var(--cream)} .cbd-archive-hero--lilac{background:var(--lilac)} .cbd-archive-hero--purple{background:var(--purple);color:#fff} .cbd-archive-hero--purple::before{background:var(--lime)} .cbd-archive-hero--coral{background:var(--coral)} .cbd-archive-hero--coral::before{background:var(--lime)} .cbd-archive-hero--yellow{background:var(--yellow)} .cbd-archive-hero--yellow::before{background:var(--coral)} .cbd-archive-hero--lime{background:var(--lime)} .cbd-archive-hero--lime::before{background:var(--coral)} .cbd-archive-hero--lilac::before{background:var(--yellow)} .cbd-archive-hero__inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;column-gap:24px;row-gap:10px} .cbd-archive-hero__crumb{flex:1 0 100%;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.75;margin:0 0 4px;display:flex;gap:8px;flex-wrap:wrap;align-items:center} .cbd-archive-hero__crumb a{color:inherit;border-bottom:1.5px solid currentColor} .cbd-archive-hero__crumb a:hover{opacity:.7} .cbd-archive-hero--purple .cbd-archive-hero__crumb{opacity:.9} .cbd-archive-hero__title{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:clamp(40px,5.5vw,80px);line-height:1;letter-spacing:-.03em;margin:0;text-transform:uppercase;color:inherit} .cbd-archive-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px} .cbd-archive-hero__desc{font-size:15px;margin:0;font-weight:500;opacity:.9;max-width:520px} @media(max-width:760px){.cbd-archive-hero{padding:26px 20px 30px}.cbd-archive-hero__title{font-size:clamp(32px,8vw,52px)}} /* Layout */ .cbd-shop__layout{display:grid;grid-template-columns:260px 1fr;gap:36px;max-width:1280px;margin:0 auto;padding:36px 20px 80px} .cbd-shop__main{min-width:0} .cbd-shop__bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap;margin:0 0 18px;padding:10px 16px;background:var(--paper);border:2px solid var(--ink);border-radius:99px;box-shadow:4px 4px 0 var(--ink)} .cbd-shop__bar .woocommerce-result-count{margin:0;font-weight:700;opacity:.85;font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis} .cbd-shop__bar .woocommerce-ordering{margin:0;flex-shrink:0} .cbd-shop__bar .woocommerce-ordering select{padding:9px 14px;border:2px solid var(--ink);border-radius:99px;background:var(--paper);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;max-width:180px} @media(max-width:600px){ .cbd-shop__bar{padding:8px 12px;gap:6px} .cbd-shop__bar .woocommerce-result-count{font-size:10px;letter-spacing:.03em} .cbd-shop__bar .woocommerce-ordering select{padding:7px 10px;font-size:10px;max-width:140px;letter-spacing:.02em} } .cbd-shop__filter-toggle{display:none;padding:9px 16px;font-size:13px} .cbd-shop__empty{padding:40px 0;text-align:center;font-weight:600} /* Product grid: 3 cols desktop, 2 tablet, 1 mobile */ .cbd-shop__grid,ul.products:not(.cbd-related__grid){display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0} .cbd-shop__grid > li,ul.products > li.product{position:relative} @media(max-width:1080px){.cbd-shop__grid,ul.products:not(.cbd-related__grid){grid-template-columns:repeat(2,1fr);gap:16px}} @media(max-width:480px){.cbd-shop__grid,ul.products:not(.cbd-related__grid){grid-template-columns:repeat(2,1fr);gap:10px}} /* Pagination */ .woocommerce-pagination{margin:36px 0 8px} .woocommerce-pagination ul.page-numbers{display:flex;justify-content:center;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap;align-items:center} .woocommerce-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:2px solid var(--ink);border-radius:99px;font-size:13px;font-weight:800;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease} .woocommerce-pagination a.page-numbers:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)} .woocommerce-pagination .page-numbers.current{background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink)} .woocommerce-pagination .page-numbers.dots{border-color:transparent;box-shadow:none;background:transparent} @media(max-width:480px){.woocommerce-pagination ul.page-numbers{gap:4px}.woocommerce-pagination .page-numbers{min-width:34px;height:34px;padding:0 8px;font-size:12px}} /* Filter sidebar */ .cbd-filters-wrap{position:relative} .cbd-filters{position:sticky;top:96px;background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:18px 18px 20px;box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column} .cbd-filters__group{padding:14px 0;border-bottom:2px solid rgba(15,14,26,.1)} .cbd-filters__group:first-of-type{padding-top:4px} .cbd-filters__group:last-of-type{border-bottom:0;padding-bottom:4px} .cbd-filters__title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;background:var(--lime);color:var(--ink);padding:6px 10px;display:inline-block;transform:rotate(-2deg);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);margin:0 0 14px} .cbd-filters__list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none} .cbd-filters__list a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink)} .cbd-filters__list a:hover{background:var(--cream)} .cbd-filters__list a.is-active{background:var(--ink);color:var(--yellow)} .cbd-filters__list .count{opacity:.6;font-weight:700;font-size:12px} .cbd-filters__price{display:flex;gap:8px} .cbd-filters__price input{flex:1;min-width:0;padding:10px 14px;border:2px solid var(--ink);border-radius:99px;font-weight:700;font-size:14px;background:var(--paper)} .cbd-filters__check{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer;font-size:14px} .cbd-filters__check input{width:18px;height:18px;accent-color:var(--coral)} .cbd-filters select{width:100%;padding:10px 14px;border:2px solid var(--ink);border-radius:99px;background:var(--paper);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer} .cbd-filters__actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap} .cbd-filters__actions .cbd-btn{padding:11px 18px;font-size:13px;flex:1 1 auto;justify-content:center} .cbd-filters__reset{flex:0 0 auto} /* Mobile filter drawer (uses overlay system) */ .cbd-filter-drawer{position:fixed;inset:0;z-index:220;pointer-events:none;visibility:hidden;transition:visibility .25s} .cbd-filter-drawer.is-open{pointer-events:auto;visibility:visible} .cbd-filter-drawer__scrim{position:absolute;inset:0;background:rgba(15,14,26,.55);opacity:0;transition:opacity .25s} .cbd-filter-drawer.is-open .cbd-filter-drawer__scrim{opacity:1} .cbd-filter-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(420px,92vw);background:var(--cream);border-right:2px solid var(--ink);box-shadow:6px 0 0 var(--lime);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.7,.2,1)} .cbd-filter-drawer.is-open .cbd-filter-drawer__panel{transform:translateX(0)} .cbd-filter-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:2px solid var(--ink);background:var(--paper)} .cbd-filter-drawer__head h2{margin:0;font-size:18px;text-transform:uppercase} .cbd-filter-drawer__close{background:var(--coral);border:2px solid var(--ink);font-size:20px;line-height:1;padding:2px 10px;cursor:pointer;color:var(--ink);border-radius:99px;font-weight:800} .cbd-filter-drawer__body{flex:1;overflow-y:auto;padding:18px 22px} /* When the form lives inside the mobile drawer, kill its sticky/shadow chrome. */ .cbd-filter-drawer__body .cbd-filters{position:static;background:transparent;border:0;box-shadow:none;padding:0;max-height:none;overflow:visible} @media(max-width:900px){ .cbd-shop__layout{grid-template-columns:1fr;gap:18px} .cbd-filters-wrap > .cbd-filters{display:none} /* JS moves it into the drawer */ .cbd-shop__filter-toggle{display:inline-flex} } /* Single product */ /* PDP: tinted band wrapping gallery + summary */ .cbd-pdp{background:var(--cream)} /* PDP: hide WC's auto add-to-cart success toast + "please choose options" notice. We replace both with the drawer (success) and the themed alert modal (error). */ .single-product .woocommerce-notices-wrapper, .single-product .woocommerce-message, .single-product .woocommerce-error, .single-product .woocommerce-info{display:none !important} /* Hide WC's auto-injected "View cart" link next to the Add to Cart button — the drawer pops automatically after a successful add. */ .single-product a.added_to_cart, .cbd-product__summary a.added_to_cart{display:none !important} .cbd-pdp__band{padding:18px 0 36px;border-bottom:2px solid var(--ink);position:relative} .cbd-pdp--cream .cbd-pdp__band{background:var(--cream)} .cbd-pdp--lilac .cbd-pdp__band{background:var(--lilac)} .cbd-pdp--coral .cbd-pdp__band{background:var(--coral)} .cbd-pdp--yellow .cbd-pdp__band{background:var(--yellow)} .cbd-pdp--lime .cbd-pdp__band{background:var(--lime)} .cbd-pdp--purple .cbd-pdp__band{background:var(--purple);color:#fff} .cbd-pdp--purple .cbd-pdp__band .cbd-pdp__crumb a,.cbd-pdp--purple .cbd-pdp__band .cbd-pdp__crumb-current{color:#fff} .cbd-pdp__band-inner{padding:0 20px} .cbd-pdp__crumb{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.85;margin:0 0 22px;display:flex;gap:6px;flex-wrap:wrap;align-items:center} .cbd-pdp__crumb a{color:inherit;border-bottom:1.5px solid currentColor} .cbd-pdp__crumb a:hover{opacity:.6} .cbd-pdp__crumb-current{opacity:.65;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cbd-pdp__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:start} .cbd-pdp__gallery-col{position:sticky;top:100px;align-self:start;min-width:0} @media(max-width:900px){ .cbd-pdp__layout{grid-template-columns:1fr;gap:24px} .cbd-pdp__gallery-col{position:static} } .cbd-product__summary{display:flex;flex-direction:column;gap:16px;min-width:0} .cbd-product__summary .product_title{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:clamp(22px,2.4vw,32px);margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);word-break:break-word;hyphens:auto} .cbd-pdp--purple .cbd-product__summary .product_title{color:#fff} .cbd-product__summary .product_title em{font-style:normal;background:var(--yellow);color:var(--ink);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone} .cbd-product__summary .price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:10px;width:fit-content;max-width:100%;font-size:clamp(22px,2.6vw,32px);font-weight:800;color:var(--ink);margin:0;background:var(--yellow);border:2px solid var(--ink);border-radius:14px;padding:10px 16px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg);align-self:flex-start;line-height:1} .cbd-product__summary .price del{color:var(--ink);opacity:.5;font-weight:500;font-size:.7em;text-decoration:line-through} .cbd-product__summary .price ins{text-decoration:none;color:var(--coral)} .cbd-product__summary .price .woocommerce-Price-amount, .cbd-product__summary .price ins .woocommerce-Price-amount{font-weight:800} .cbd-product__summary .price bdi{font-weight:inherit;font-size:inherit} .cbd-product__summary .woocommerce-product-rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);font-weight:700} .cbd-pdp--purple .cbd-product__summary .woocommerce-product-rating{color:#fff} .cbd-product__summary .star-rating{color:var(--coral)} .cbd-product__summary .woocommerce-product-details__short-description{font-size:15px;line-height:1.55;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:14px 16px;box-shadow:4px 4px 0 rgba(15,14,26,.16)} .product-label.sku-label{display:inline-block;background:var(--yellow);color:var(--ink);font-size:11px;padding:5px 12px;border-radius:0;font-weight:800;letter-spacing:.05em;align-self:flex-start;margin:4px 0 0 -4px;border:2px solid var(--ink);transform:rotate(-3deg);box-shadow:2px 2px 0 var(--ink);text-transform:uppercase} /* Add to cart form */ .cbd-product__summary form.cart{display:flex;flex-direction:column;gap:16px;margin:8px 0 0} .cbd-product__summary form.cart .variations{margin:0;border-collapse:collapse} .cbd-product__summary form.cart .variations td{padding:6px 8px 6px 0} .cbd-product__summary form.cart .variations label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em} .cbd-product__summary form.cart .variations select{padding:10px 14px;border:2px solid var(--ink);border-radius:99px;font-size:14px;background:var(--paper);min-width:200px;font-weight:600;cursor:pointer} .cbd-product__summary .quantity{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;padding:2px 8px;background:var(--paper);height:50px;box-shadow:3px 3px 0 var(--ink)} .cbd-product__summary .quantity input{width:54px;text-align:center;border:0;background:transparent;font-size:15px;font-weight:800} .cbd-product__summary .cbd-actions{display:flex;flex-wrap:nowrap;gap:12px;align-items:center} /* "Pick your options" hint above the cart actions. Server-rendered visible; JS toggles `.is-hidden` once a valid variant is selected. */ .cbd-actions__hint{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;margin:0 0 14px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);font-size:13px;font-weight:700;line-height:1.3;max-width:fit-content;transition:opacity .2s ease,transform .2s ease,max-height .25s ease,margin .25s ease,padding .25s ease} .cbd-actions__hint svg{flex-shrink:0;color:var(--ink)} .cbd-actions__hint.is-hidden{opacity:0;transform:translateY(-4px);pointer-events:none;visibility:hidden;margin:0;max-height:0;padding:0;border-width:0;overflow:hidden} @media(max-width:480px){ .cbd-actions__hint{font-size:12px;padding:9px 12px;gap:6px} } .cbd-product__summary .quantity{flex:0 0 auto} .cbd-product__summary button.single_add_to_cart_button, .cbd-product__summary .button.buy-now{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;height:50px;border-radius:999px;font-weight:800;font-size:14px;line-height:1;border:2px solid var(--ink);cursor:pointer;flex:1 1 0;min-width:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease, box-shadow .12s ease} @media(max-width:480px){ .cbd-product__summary .cbd-actions{gap:8px} .cbd-product__summary button.single_add_to_cart_button, .cbd-product__summary .button.buy-now{padding:12px 12px;font-size:12px;letter-spacing:.03em} .cbd-product__summary .quantity input{width:38px;font-size:14px} .cbd-product__summary .quantity{padding:2px 4px} } .cbd-product__summary button.single_add_to_cart_button:hover, .cbd-product__summary .button.buy-now:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)} .cbd-product__summary button.single_add_to_cart_button{background:var(--yellow);color:var(--ink)} .cbd-product__summary .button.buy-now{background:var(--coral);color:var(--ink)} .cbd-product__summary .button.buy-now[disabled], .cbd-product__summary button.single_add_to_cart_button[disabled]{opacity:.45;cursor:not-allowed;box-shadow:0 0 0 var(--ink);transform:none} .cbd-product__summary .button.buy-now[disabled]:hover, .cbd-product__summary button.single_add_to_cart_button[disabled]:hover{transform:none;box-shadow:0 0 0 var(--ink)} /* "Buy Now is ready" shake — once a valid variant is picked, the button does a short flick every ~3.6s (rest then shake) on infinite loop. */ @keyframes cbd-buy-now-shake { /* 0–80% = rest period (the "wait 3 seconds" the user asked for). 80–100% = the flick itself, distributed inside one keyframe cycle. */ 0%, 80%, 100% { transform: translate(0, 0) rotate(0deg) } 82% { transform: translate(-3px, -1px) rotate(-1.2deg) } 84% { transform: translate(3px, -1px) rotate(1.2deg) } 86% { transform: translate(-3px, 1px) rotate(-1deg) } 88% { transform: translate(2px, 0) rotate(.8deg) } 90% { transform: translate(-2px, 1px) rotate(-.6deg) } 92% { transform: translate(1px, 0) rotate(.3deg) } 95% { transform: translate(0, 0) rotate(0) } } @keyframes cbd-buy-now-pulse { 0%, 100% { box-shadow: 4px 4px 0 var(--ink) } 50% { box-shadow: 6px 6px 0 var(--coral) } } .cbd-product__summary .button.buy-now.is-shaking:not([disabled]) { animation: cbd-buy-now-shake 3.6s cubic-bezier(.36,.07,.19,.97) infinite, cbd-buy-now-pulse 2.2s ease-in-out infinite; } .cbd-product__summary .button.buy-now.is-shaking:not([disabled]):hover { animation: none; /* let hover translate take over without fighting */ } @media (prefers-reduced-motion: reduce) { .cbd-product__summary .button.buy-now.is-shaking:not([disabled]) { animation: cbd-buy-now-pulse 2.2s ease-in-out infinite; } } /* Upsell box */ .coversbd-upsell{border:2px solid var(--ink);border-radius:14px;padding:14px;background:var(--cream);margin:0 0 18px;box-shadow:4px 4px 0 var(--lime)} .coversbd-upsell__label{display:flex;align-items:center;gap:14px;cursor:pointer;margin:0;width:100%;font-family:"Hind Siliguri","Noto Sans Bengali",Inter,sans-serif} .coversbd-upsell__check input{width:22px;height:22px;cursor:pointer;accent-color:var(--coral)} .coversbd-upsell__media img{width:54px;height:54px;border-radius:10px;border:2px solid var(--ink);object-fit:cover} .coversbd-upsell__text{flex-grow:1} .coversbd-upsell__name{display:block;font-size:15px;font-weight:700;color:var(--ink)} .coversbd-upsell__price{display:block;font-size:14px;color:var(--coral);font-weight:800;margin-top:2px} .product_meta{font-size:13px;color:var(--ink);opacity:.85;border-top:2px solid var(--ink);padding-top:14px;margin-top:8px;display:flex;flex-direction:column;gap:4px;font-weight:600} .product_meta > span{display:block} .woocommerce-tabs{margin:48px auto 0;max-width:1280px;padding:0 20px} .woocommerce-tabs ul.tabs{display:flex;gap:24px;list-style:none;padding:0;margin:0 0 18px;border-bottom:2px solid var(--ink)} .woocommerce-tabs ul.tabs li{padding:0} .woocommerce-tabs ul.tabs a{display:inline-block;padding:14px 0;font-weight:800;color:var(--ink);opacity:.5;border-bottom:3px solid transparent;text-transform:uppercase;font-size:13px;letter-spacing:.05em} .woocommerce-tabs ul.tabs li.active a{opacity:1;border-bottom-color:var(--coral)} .related,.upsells{max-width:1280px;margin:48px auto;padding:0} .related h2,.upsells h2{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:28px;margin:0 0 20px;text-align:center;text-transform:uppercase;letter-spacing:-.02em} /* ============ Cart page ============ */ /* Hide the WP page title on the cart page — our hero h1 already announces it. */ .woocommerce-cart .cbd-page__title{display:none} /* Shared card markup for cart line items + checkout order summary. */ .cbd-order-item{position:relative;display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;background:var(--paper);border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink)} .cbd-order-item__remove{position:absolute;top:8px;right:8px;width:26px;height:26px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .12s ease,box-shadow .12s ease} .cbd-order-item__remove:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)} .cbd-order-item__remove[aria-busy="true"]{opacity:.4;cursor:wait} .cbd-order-item .cbd-mini-item__qty{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:99px;background:var(--paper);overflow:hidden} .cbd-order-item__media{width:72px;height:72px;border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:var(--cream)} .cbd-order-item__media img{width:100%;height:100%;object-fit:cover;display:block} .cbd-order-item__body{min-width:0;display:flex;flex-direction:column;gap:4px} .cbd-order-item__name{font-size:14px;font-weight:800;line-height:1.25;margin:0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:none;letter-spacing:0} .cbd-order-item__sku{font-size:11px;font-weight:700;color:var(--ink);opacity:.55;margin:0;text-transform:uppercase;letter-spacing:.05em} .cbd-order-item__attrs{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:4px} .cbd-order-item__attr{display:inline-flex;align-items:center;padding:2px 8px;border:1.5px solid var(--ink);border-radius:99px;background:var(--cream);font-size:11px;font-weight:700;letter-spacing:.02em} .cbd-order-item__row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px} .cbd-order-item__qty{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);opacity:.7} .cbd-order-item__qty strong{font-weight:800;color:var(--ink);opacity:1;margin-left:2px} .cbd-order-item__price{font-weight:800;font-size:14px;color:var(--ink);white-space:nowrap} .cbd-cart{max-width:1200px;margin:24px auto 80px;padding:0 20px} .cbd-cart__head{margin:0 0 28px;text-align:center} .cbd-cart__title{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:clamp(32px,4vw,52px);margin:0;text-transform:uppercase;letter-spacing:-.025em;color:var(--ink);line-height:1} .cbd-cart__title em{font-style:normal;background:var(--yellow);color:var(--ink);padding:0 .14em;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);display:inline-block;line-height:1;margin-left:6px} .cbd-cart__count{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin:14px 0 0;color:var(--ink)} .cbd-cart__layout{display:grid;grid-template-columns:1.45fr 1fr;gap:28px;align-items:start} @media(max-width:880px){.cbd-cart__layout{grid-template-columns:1fr;gap:18px}} .cbd-cart__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px} .cbd-cart__side{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px} @media(max-width:880px){.cbd-cart__side{position:static;top:auto}} /* Totals card — neo-brutalist */ .cbd-cart__totals{background:var(--paper);border:2px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--lime);padding:22px 20px} .cbd-cart__totals-title{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:18px;margin:0 0 16px;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)} .cbd-cart__totals-list{margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px} .cbd-cart__totals-list .cbd-cart__totals-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:700;margin:0} .cbd-cart__totals-list dt,.cbd-cart__totals-list dd{margin:0;padding:0} .cbd-cart__totals-list dd{font-weight:800;text-align:right} .cbd-cart__totals-list dd .amount{font-weight:800} .cbd-cart__totals-list .cbd-cart__totals-coupon dd a{color:var(--coral);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:inline-block;margin-left:6px} .cbd-cart__totals-list .cbd-cart__totals-coupon dd a:hover{text-decoration:underline} /* Shipping picker — chunky pill radios, identical to the checkout style. */ .cbd-cart__totals-list .shipping{flex-direction:column;align-items:stretch;gap:8px} .cbd-cart__totals-list .shipping dt{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.6} .cbd-cart__totals-list .shipping dd{text-align:left;width:100%;font-weight:600} .cbd-cart__totals-list .shipping ul#shipping_method, .cbd-cart__totals-list .woocommerce-shipping-methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .cbd-cart__totals-list .shipping ul#shipping_method li, .cbd-cart__totals-list .woocommerce-shipping-methods li{position:relative;margin:0;padding:0;list-style:none} .cbd-cart__totals-list .shipping ul#shipping_method input.shipping_method, .cbd-cart__totals-list .woocommerce-shipping-methods input.shipping_method{position:absolute;opacity:0;pointer-events:none;width:0;height:0} .cbd-cart__totals-list .shipping ul#shipping_method label, .cbd-cart__totals-list .woocommerce-shipping-methods label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);font-weight:700;font-size:13px;cursor:pointer;color:var(--ink);transition:background .12s ease,box-shadow .12s ease,transform .12s ease;box-shadow:3px 3px 0 var(--ink)} .cbd-cart__totals-list .shipping ul#shipping_method label:hover, .cbd-cart__totals-list .woocommerce-shipping-methods label:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)} .cbd-cart__totals-list .shipping ul#shipping_method li:has(input.shipping_method:checked) label, .cbd-cart__totals-list .woocommerce-shipping-methods li:has(input.shipping_method:checked) label{background:var(--yellow);box-shadow:3px 3px 0 var(--coral)} .cbd-cart__totals-list .shipping ul#shipping_method li:has(input.shipping_method:checked) label::after, .cbd-cart__totals-list .woocommerce-shipping-methods li:has(input.shipping_method:checked) label::after{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--ink);color:var(--yellow);border:2px solid var(--ink);border-radius:50%;font-size:13px;font-weight:900;margin-left:auto} /* Hide the address-change UI on the cart page — we only need the picker. */ .cbd-cart__totals .woocommerce-shipping-destination, .cbd-cart__totals .woocommerce-shipping-calculator, .cbd-cart__totals .shipping-calculator-button, .cbd-cart__totals .shipping-calculator-form{display:none !important} .cbd-cart__totals-total{padding-top:12px;margin-top:4px;border-top:2px solid var(--ink);text-transform:uppercase;letter-spacing:.04em;font-size:15px} .cbd-cart__totals-total dt{font-weight:800} .cbd-cart__totals-total dd{font-size:22px;color:var(--coral);font-weight:800} .cbd-cart__totals-total dd .amount{color:var(--coral);font-size:22px} /* Coupon row */ .cbd-cart__coupon{margin:14px 0;padding:14px 0;border-top:1px solid rgba(15,14,26,.1);border-bottom:1px solid rgba(15,14,26,.1)} .cbd-cart__coupon-label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin:0 0 8px;color:var(--ink)} .cbd-cart__coupon-row{display:flex;gap:8px} .cbd-cart__coupon-row input{flex:1;min-width:0;padding:10px 14px;border:2px solid var(--ink);border-radius:99px;font-weight:600;font-size:14px;background:var(--paper);color:var(--ink);outline:none} .cbd-cart__coupon-row input:focus{box-shadow:3px 3px 0 var(--ink)} .cbd-cart__coupon-row .cbd-btn{padding:8px 16px;font-size:12px;flex-shrink:0} /* CTA stack */ .cbd-cart__checkout{display:flex;flex-direction:column;gap:10px;margin-top:8px} .cbd-cart__checkout .checkout-button, .cbd-cart__checkout a.button.checkout, .cbd-cart__checkout a.button{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--coral);color:var(--ink);padding:14px 22px;border-radius:999px;font-weight:800;width:100%;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.05em;font-size:14px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease} .cbd-cart__checkout .checkout-button:hover, .cbd-cart__checkout a.button.checkout:hover, .cbd-cart__checkout a.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)} .cbd-cart__continue{text-align:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.65;color:var(--ink);text-decoration:none;padding:8px} .cbd-cart__continue:hover{opacity:1;color:var(--coral)} .cbd-btn--block{width:100%;justify-content:center;display:inline-flex} /* Empty cart state */ .cbd-cart--empty{display:flex;align-items:center;justify-content:center;min-height:50vh} .cbd-cart-empty__card{max-width:480px;width:100%;background:var(--paper);border:2px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--coral);padding:36px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px} .cbd-cart-empty__icon{width:84px;height:84px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:4px 4px 0 var(--ink)} .cbd-cart-empty__title{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:24px;margin:6px 0 0;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)} .cbd-cart-empty__text{font-size:14px;font-weight:600;color:var(--ink);opacity:.7;margin:0 0 6px;line-height:1.5} .cbd-cart-empty__card .cbd-btn{margin-top:4px} /* Cross-sells under the layout */ .cart-collaterals .cross-sells{margin-top:32px} .cart-collaterals .cross-sells h2{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:22px;margin:0 0 16px;text-transform:uppercase;letter-spacing:-.01em} @media(max-width:880px){ .cbd-cart{margin:18px auto 50px} .cbd-cart__totals{padding:18px 16px} } /* My account */ .cbd-myaccount{max-width:1100px;margin:30px auto;padding:0 20px} .cbd-myaccount h1{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:36px;margin:0 0 20px;text-transform:uppercase;letter-spacing:-.02em;text-align:center} .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:8px;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:24px;list-style:none} .woocommerce-MyAccount-navigation a{padding:9px 16px;border-radius:99px;font-size:13px;background:var(--paper);border:2px solid var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.04em} .woocommerce-MyAccount-navigation .is-active a{background:var(--yellow);color:var(--ink)} .woocommerce-form{max-width:520px;background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:24px;box-shadow:6px 6px 0 var(--ink)} .woocommerce-form-row{margin-bottom:12px} .woocommerce-form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;margin-bottom:6px} .woocommerce-form input{width:100%;padding:12px 16px;border:2px solid var(--ink);border-radius:99px;font-size:14px;background:var(--paper);font-weight:500} .woocommerce-form .button{display:inline-flex;background:var(--ink);color:#fff;padding:13px 22px;border-radius:999px;border:2px solid var(--ink);font-weight:800;cursor:pointer;text-transform:uppercase;font-size:13px;letter-spacing:.05em;box-shadow:4px 4px 0 var(--coral)} .woocommerce-breadcrumb{max-width:1280px;margin:14px auto;padding:0 20px;font-size:13px;color:var(--ink);opacity:.7;font-weight:600} .woocommerce-breadcrumb a{color:var(--ink)} /* ---- Feature ribbon ---- */ .cbd-pdp-ribbon{padding:36px 0;background:var(--cream)} .cbd-pdp-ribbon__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .cbd-pdp-ribbon__chip{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);background:var(--paper)} .cbd-pdp-ribbon__chip--yellow{background:var(--yellow)} .cbd-pdp-ribbon__chip--lilac{background:var(--lilac)} .cbd-pdp-ribbon__chip--lime{background:var(--lime)} .cbd-pdp-ribbon__chip--coral{background:var(--coral)} .cbd-pdp-ribbon__icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border-radius:8px;flex-shrink:0} .cbd-pdp-ribbon__text{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink);line-height:1.2} .cbd-pdp-ribbon__text strong{font-weight:800;text-transform:uppercase;letter-spacing:.04em} .cbd-pdp-ribbon__text em{font-style:normal;opacity:.75;font-size:12px} @media(max-width:900px){.cbd-pdp-ribbon__inner{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.cbd-pdp-ribbon__inner{grid-template-columns:1fr}} /* ---- Specs table ---- */ .cbd-pdp-specs{padding:48px 0;background:var(--cream)} .cbd-pdp-specs .cbd-container{max-width:980px} .cbd-pdp-specs__head{margin-bottom:22px} .cbd-pdp-specs__title{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:clamp(28px,3.4vw,44px);margin:0;text-transform:uppercase;letter-spacing:-.025em} .cbd-pdp-specs__table{width:100%;border-collapse:collapse;background:var(--paper);border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:6px 6px 0 var(--ink)} .cbd-pdp-specs__table th,.cbd-pdp-specs__table td{padding:14px 18px;text-align:left;font-size:14px;border-bottom:1px solid rgba(15,14,26,.1);vertical-align:top} .cbd-pdp-specs__table tr:last-child th,.cbd-pdp-specs__table tr:last-child td{border-bottom:0} .cbd-pdp-specs__table tr:nth-child(even) th,.cbd-pdp-specs__table tr:nth-child(even) td{background:var(--cream)} .cbd-pdp-specs__table th{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--ink);width:34%} .cbd-pdp-specs__table td{font-weight:600;color:var(--ink)} /* ---- Tabs ---- */ .cbd-pdp-tabs{padding:48px 0 64px;background:var(--cream)} .cbd-pdp-tabs__strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px} .cbd-pdp-tabs__tab{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border:2px solid var(--ink);border-radius:99px;background:var(--paper);color:var(--ink);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:3px 3px 0 var(--ink)} .cbd-pdp-tabs__tab:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)} .cbd-pdp-tabs__tab.is-active{background:var(--yellow)} .cbd-pdp-tabs__panels{background:var(--paper);border:2px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:28px 28px} .cbd-pdp-tabs__panel{display:none} .cbd-pdp-tabs__panel.is-active{display:block} .cbd-pdp-tabs__panel h2{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:24px;margin:0 0 14px;text-transform:uppercase;letter-spacing:-.02em} .cbd-pdp-tabs__panel h3{font-size:16px;font-weight:800;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.04em} .cbd-pdp-tabs__panel p{margin:0 0 12px;line-height:1.6;font-size:15px;color:var(--ink)} .cbd-pdp-tabs__panel ul,.cbd-pdp-tabs__panel ol{margin:0 0 14px 22px;line-height:1.6} .cbd-pdp-tabs__panel table{width:100%;border-collapse:collapse;font-size:14px} .cbd-pdp-tabs__panel table th,.cbd-pdp-tabs__panel table td{padding:10px 12px;border-bottom:1px solid rgba(15,14,26,.1);text-align:left} /* Reviews inside the tabs panel */ .cbd-comments{padding-top:4px} .cbd-comments__title{font-family:'Archivo Black','Inter Black',Inter,sans-serif;font-size:18px;margin:0 0 16px;text-transform:uppercase;letter-spacing:.02em} .cbd-comments__list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:14px} .cbd-comments__list .comment-body{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:16px;border:2px solid var(--ink);border-radius:14px;background:var(--cream);box-shadow:4px 4px 0 var(--ink)} .cbd-comments__list .avatar{border-radius:50%;border:2px solid var(--ink);width:56px;height:56px} .cbd-comments__list .star-rating{color:var(--coral);font-size:14px;margin-bottom:6px} .cbd-comments__list .meta strong{font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.04em} .cbd-comments__list .description{font-size:14px;line-height:1.55;color:var(--ink);margin-top:6px} /* ---- Related products (after_single_product) ---- */ /* Related grid styling fully owned by .cbd-related / .cbd-related__grid in main.css. */ /* ---- Floating filter FAB (mobile shop) ---- */ .cbd-filter-fab{display:none;position:fixed;left:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease} .cbd-filter-fab:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)} .cbd-filter-fab svg{width:24px;height:24px} .cbd-filter-fab__count{position:absolute;top:-6px;right:-6px;background:var(--coral);color:var(--ink);border:2px solid var(--ink);border-radius:99px;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1} @media(max-width:900px){.cbd-filter-fab{display:inline-flex}.cbd-shop__filter-toggle{display:none}} /* ============ Variation swatches (chip buttons) ============ */ /* Hide the native