/* ========================================================================== CM Watches — main stylesheet (v2) Brand colors come from CSS variables printed by the active scheme. Always use var(--cmw-*) — never hardcode brand colors. ========================================================================== */ /* ---------- Fallback variables (White & Navy default) ---------- The active scheme overrides these inline in . These fallbacks guarantee the theme is always styled even before inline vars load. */ :root{ --cmw-bg:#ffffff;--cmw-surface:#f0f3f6;--cmw-header-bg:#ffffff;--cmw-header-text:#1b2a4a; --cmw-footer-bg:#1b2a4a;--cmw-footer-text:#c8d0dd;--cmw-primary:#1b2a4a;--cmw-primary-dark:#13203a; --cmw-accent:#c9a14a;--cmw-accent-dark:#a8842f;--cmw-accent-text:#1b2a4a;--cmw-text:#1d2735; --cmw-text-muted:#5f6b7a;--cmw-border:#e2e7ed;--cmw-sale:#d64545;--cmw-success:#2a8a5c; --cmw-star:#e0a020;--cmw-btn-radius:8px;--cmw-card-radius:12px; --cmw-font-heading:"Playfair Display",Georgia,serif;--cmw-font-body:"Inter",-apple-system,sans-serif; } /* ---------- Reset / base ---------- */ *,*::before,*::after{box-sizing:border-box;} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;} body{ margin:0; font-family:var(--cmw-font-body),-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.6; color:var(--cmw-text); background:var(--cmw-bg); -webkit-font-smoothing:antialiased; overflow-x:hidden; } img{max-width:100%;height:auto;} a{color:inherit;text-decoration:none;} button{font-family:inherit;cursor:pointer;} h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;font-weight:700;color:var(--cmw-text);font-family:var(--cmw-font-heading),Georgia,serif;} :focus-visible{outline:2px solid var(--cmw-accent);outline-offset:2px;} /* ---------- Layout ---------- */ .cmw-container{max-width:1280px;margin:0 auto;padding:0 20px;width:100%;} .cmw-content{min-height:50vh;} .cmw-section{padding:56px 0;} .cmw-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap;} .cmw-section-title{font-size:28px;margin:0;position:relative;padding-bottom:12px;} .cmw-section-title::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;background:var(--cmw-accent);border-radius:2px;} .cmw-section-link{color:var(--cmw-accent-dark);font-weight:600;font-size:14px;white-space:nowrap;font-family:var(--cmw-font-body);} .cmw-section-link:hover{text-decoration:underline;} /* ---------- Buttons ---------- */ .cmw-btn{display:inline-block;padding:13px 28px;border-radius:var(--cmw-btn-radius);font-weight:600;font-size:15px;border:2px solid transparent;transition:all .18s ease;text-align:center;font-family:var(--cmw-font-body);} .cmw-btn-accent{background:var(--cmw-accent);color:var(--cmw-accent-text);} .cmw-btn-accent:hover{background:var(--cmw-accent-dark);transform:translateY(-2px);} .cmw-btn-outline{background:transparent;border-color:currentColor;color:var(--cmw-primary);} .cmw-btn-outline:hover{background:var(--cmw-primary);color:#fff;} /* ---------- Top bar ---------- */ .cmw-topbar{background:var(--cmw-primary-dark);color:#fff;font-size:13px;padding:9px 0;letter-spacing:.2px;} .cmw-topbar .cmw-container{display:flex;justify-content:space-between;align-items:center;gap:12px;} .cmw-topbar-text{flex:1;} .cmw-topbar-social{display:flex;gap:6px;align-items:center;flex-shrink:0;} .cmw-topbar-social a{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);border-radius:6px;transition:all .15s;} .cmw-topbar-social a:hover{color:#fff;background:rgba(255,255,255,.15);} .cmw-topbar-social svg{width:16px;height:16px;} @media (max-width:600px){.cmw-topbar-text{font-size:11px;}.cmw-topbar-social{display:none;}} /* ---------- Header ---------- */ .cmw-header{background:var(--cmw-header-bg);color:var(--cmw-header-text);position:sticky;top:0;z-index:200;border-bottom:1px solid var(--cmw-border);transition:box-shadow .25s;} .cmw-header.is-stuck{box-shadow:0 4px 20px rgba(0,0,0,.08);} .cmw-header-inner{display:flex;align-items:center;gap:24px;height:78px;} .cmw-logo{flex-shrink:0;display:flex;align-items:center;} .cmw-logo img{max-height:50px;width:auto;} .cmw-logo-text{font-family:var(--cmw-font-heading);font-size:26px;font-weight:800;letter-spacing:.5px;color:var(--cmw-header-text);text-transform:uppercase;} .cmw-logo-text span{color:var(--cmw-accent);} /* primary nav (dedicated navbar — redesigned) */ .cmw-navbar{background:var(--cmw-primary);position:relative;} .cmw-navbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--cmw-accent),transparent);opacity:.5;} .cmw-navbar .cmw-container{display:flex;align-items:center;justify-content:space-between;gap:20px;} .cmw-primary-nav{display:flex;} .cmw-menu{display:flex;list-style:none;margin:0;padding:0;align-items:stretch;} .cmw-menu>li{position:relative;display:flex;} .cmw-menu-link{display:flex;align-items:center;gap:6px;padding:15px 20px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.88);font-family:var(--cmw-font-body);letter-spacing:.2px;position:relative;transition:color .2s ease,background .25s ease;} .cmw-menu>li>.cmw-menu-link::before{content:"";position:absolute;inset:6px 6px;border-radius:8px;background:rgba(255,255,255,.14);opacity:0;transform:scale(.85);transition:opacity .22s ease,transform .22s ease;z-index:-1;} .cmw-menu>li:hover>.cmw-menu-link::before,.cmw-menu>li.current-menu-item>.cmw-menu-link::before{opacity:1;transform:scale(1);} .cmw-menu>li:hover>.cmw-menu-link,.cmw-menu>li.current-menu-item>.cmw-menu-link{color:#fff;} .cmw-caret{font-size:9px;opacity:.7;transition:transform .25s ease;} .cmw-menu>li:hover>.cmw-menu-link .cmw-caret{transform:rotate(180deg);} .cmw-navbar-right{display:flex;align-items:center;gap:14px;flex-shrink:0;} .cmw-navbar-social{display:flex;gap:5px;align-items:center;} .cmw-navbar-social a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);border-radius:7px;transition:all .18s;} .cmw-navbar-social a:hover{color:#fff;background:rgba(255,255,255,.16);transform:translateY(-2px);} .cmw-navbar-social svg{width:16px;height:16px;} .cmw-navbar-cta{display:flex;align-items:center;gap:8px;color:#fff;font-size:13.5px;font-weight:600;font-family:var(--cmw-font-body);background:#25D366;padding:9px 18px;border-radius:30px;transition:all .2s ease;white-space:nowrap;} .cmw-navbar-cta:hover{background:#1ebe5b;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,211,102,.35);} .cmw-navbar-cta svg{width:18px;height:18px;fill:#fff;} /* dropdown */ .cmw-sub-menu{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--cmw-border);border-radius:12px;box-shadow:0 14px 44px rgba(0,0,0,.13);list-style:none;margin:0;padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:50;} .cmw-menu>li:hover>.cmw-sub-menu{opacity:1;visibility:visible;transform:translateY(0);} .cmw-sub-menu li{position:relative;} .cmw-sub-menu .cmw-menu-link{color:#1d2735;padding:10px 14px;border-radius:8px;font-size:14px;} .cmw-sub-menu .cmw-menu-link:hover{background:var(--cmw-surface);color:var(--cmw-accent-dark);padding-left:18px;} .cmw-sub-deep{top:-8px;left:100%;margin-left:6px;} /* header actions */ .cmw-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;} .cmw-icon-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--cmw-header-text);border-radius:10px;background:transparent;border:none;transition:background .15s;} .cmw-icon-btn:hover{background:rgba(128,128,128,.12);} .cmw-icon-btn svg{width:22px;height:22px;} .cmw-cart-btn .cmw-cart-count{position:absolute;top:3px;right:1px;min-width:19px;height:19px;padding:0 5px;background:var(--cmw-accent);color:var(--cmw-accent-text);font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1;font-family:var(--cmw-font-body);} .cmw-cart-btn .cmw-cart-count[data-count="0"]{display:none;} /* burger */ .cmw-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:none;} .cmw-burger span{display:block;width:22px;height:2px;background:var(--cmw-header-text);border-radius:2px;transition:.25s;} .cmw-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .cmw-burger.is-open span:nth-child(2){opacity:0;} .cmw-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} /* search bar */ .cmw-search-bar{border-top:1px solid var(--cmw-border);background:var(--cmw-header-bg);padding:16px 0;} .cmw-searchform{display:flex;max-width:620px;margin:0 auto;border:2px solid var(--cmw-border);border-radius:10px;overflow:hidden;background:#fff;} .cmw-search-input{flex:1;border:none;padding:13px 16px;font-size:15px;outline:none;color:#1d2735;} .cmw-search-submit{border:none;background:var(--cmw-accent);color:var(--cmw-accent-text);padding:0 22px;display:flex;align-items:center;} .cmw-search-submit svg{width:20px;height:20px;} /* ---------- Mobile slide-in nav ---------- */ .cmw-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;opacity:0;transition:opacity .25s;} .cmw-mobile-overlay.is-open{opacity:1;} .cmw-mobile-nav{position:fixed;top:0;left:0;height:100%;width:320px;max-width:86vw;background:#fff;z-index:310;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:0 0 50px rgba(0,0,0,.25);} .cmw-mobile-nav.is-open{transform:translateX(0);} .cmw-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--cmw-border);} .cmw-mobile-head .cmw-logo-text{color:var(--cmw-primary);font-size:22px;} .cmw-mobile-close{font-size:32px;line-height:1;background:transparent;border:none;color:#1d2735;width:40px;height:40px;} .cmw-mobile-menu{list-style:none;margin:0;padding:8px 0 30px;} .cmw-mobile-menu li{border-bottom:1px solid var(--cmw-border);} .cmw-mobile-menu .cmw-menu-link{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:#1d2735;font-size:15px;font-weight:500;} .cmw-mobile-menu .cmw-sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;margin:0;padding:0;background:var(--cmw-surface);max-height:0;overflow:hidden;transition:max-height .3s ease;} .cmw-mobile-menu li.is-expanded>.cmw-sub-menu{max-height:600px;} .cmw-mobile-menu .cmw-caret{transition:transform .25s;} .cmw-mobile-menu li.is-expanded>.cmw-menu-link .cmw-caret{transform:rotate(180deg);} /* ---------- Hero ---------- */ .cmw-hero{position:relative;overflow:hidden;background:var(--cmw-surface);} .cmw-hero-slide{display:none;min-height:480px;background-size:cover;background-position:center;position:relative;} .cmw-hero-slide.is-active{display:block;animation:cmwFade .8s ease;} @keyframes cmwFade{from{opacity:.3;}to{opacity:1;}} .cmw-hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18));} .cmw-hero-slide.cmw-hero-nobg::before{background:linear-gradient(120deg,var(--cmw-primary),var(--cmw-primary-dark));} .cmw-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:480px;max-width:600px;color:#fff;} .cmw-hero-heading{font-size:48px;color:#fff;margin-bottom:16px;line-height:1.08;} .cmw-hero-heading span{color:var(--cmw-accent);} .cmw-hero-sub{font-size:19px;margin-bottom:28px;opacity:.95;font-family:var(--cmw-font-body);} .cmw-hero-prev,.cmw-hero-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);border:none;font-size:26px;color:#222;z-index:3;display:flex;align-items:center;justify-content:center;transition:background .15s;} .cmw-hero-prev:hover,.cmw-hero-next:hover{background:#fff;} .cmw-hero-prev{left:20px;}.cmw-hero-next{right:20px;} .cmw-hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;} .cmw-hero-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.5);transition:all .2s;} .cmw-hero-dot.is-active{background:var(--cmw-accent);width:28px;border-radius:5px;} /* ---------- Feature strip ---------- */ .cmw-feature-strip{background:var(--cmw-surface);border-bottom:1px solid var(--cmw-border);} .cmw-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:26px 20px;} .cmw-feature{display:flex;align-items:center;gap:13px;} .cmw-feature-ico{width:46px;height:46px;background:var(--cmw-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cmw-accent-dark);} .cmw-feature-ico svg{width:24px;height:24px;} .cmw-feature strong{display:block;font-size:14px;font-family:var(--cmw-font-body);} .cmw-feature small{color:var(--cmw-text-muted);font-size:12px;} /* ---------- Sale banner ---------- */ .cmw-sale-banner{background:var(--cmw-sale);color:#fff;text-align:center;padding:15px 20px;font-weight:600;font-size:15px;letter-spacing:.3px;font-family:var(--cmw-font-body);} .cmw-sale-banner a{color:#fff;text-decoration:underline;text-underline-offset:3px;} /* ---------- Category grid ---------- */ .cmw-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;} .cmw-cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);transition:transform .2s,box-shadow .2s;} .cmw-cat-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.1);} .cmw-cat-img{width:88px;height:88px;border-radius:50%;background-size:cover;background-position:center;margin-bottom:13px;background-color:var(--cmw-bg);} .cmw-cat-name{font-weight:600;font-size:14px;font-family:var(--cmw-font-body);} .cmw-cat-count{font-size:12px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} /* ========================================================================== PRODUCT CARDS — robust grid that overrides WooCommerce defaults ========================================================================== */ .woocommerce ul.products, .woocommerce-page ul.products, ul.products{ display:grid!important; grid-template-columns:repeat(4,1fr); gap:22px; list-style:none!important; margin:0!important; padding:0!important; } /* kill WooCommerce's float/percentage widths */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product{ width:auto!important; float:none!important; margin:0!important; clear:none!important; } .woocommerce ul.products li.product::before, .woocommerce ul.products li.product::after{display:none!important;} .cmw-product-card{ position:relative; background:var(--cmw-bg); border:1px solid var(--cmw-border); border-radius:var(--cmw-card-radius); overflow:hidden; transition:box-shadow .2s,transform .2s; display:flex!important; flex-direction:column; height:100%; } .cmw-product-card:hover{box-shadow:0 14px 32px rgba(0,0,0,.11);transform:translateY(-4px);} .cmw-card-media{position:relative;display:block;background:var(--cmw-surface);overflow:hidden;aspect-ratio:1/1;} .cmw-card-media img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .4s ease;margin:0!important;} .cmw-product-card:hover .cmw-card-media img{transform:scale(1.06);} .cmw-card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:7px;flex:1;} .cmw-card-cat{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-card-title{font-family:var(--cmw-font-body);font-size:15px;font-weight:600;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.2em;} .cmw-card-title a:hover{color:var(--cmw-accent-dark);} .cmw-card-rating{font-size:13px;color:var(--cmw-star);} .cmw-card-price{font-family:var(--cmw-font-body);font-size:18px;font-weight:700;color:var(--cmw-primary);margin-top:auto;} .cmw-card-price del{color:var(--cmw-text-muted);font-weight:400;font-size:14px;margin-right:7px;opacity:.8;} .cmw-card-price ins{text-decoration:none;color:var(--cmw-sale);} .cmw-card-atc{margin-top:8px;} .cmw-card-atc .button,.cmw-card-atc a.button{display:block;width:100%;text-align:center;background:var(--cmw-primary);color:#fff!important;padding:11px;border-radius:var(--cmw-btn-radius);font-weight:600;font-size:14px;border:none;transition:background .15s;font-family:var(--cmw-font-body);} .cmw-card-atc .button:hover{background:var(--cmw-accent);color:var(--cmw-accent-text)!important;} .cmw-card-atc .added_to_cart{margin-top:6px;font-size:12px;text-align:center;color:var(--cmw-success);} /* sale / discount badge */ .cmw-card-media{position:relative;} .cmw-badge{position:absolute;z-index:3;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:7px;font-family:var(--cmw-font-body);line-height:1.3;display:inline-flex;align-items:center;gap:4px;color:#fff;} .cmw-badge-sale{top:12px;left:12px;background:var(--cmw-sale);} .cmw-badge-hot{top:12px;right:12px;background:linear-gradient(135deg,#ff6a3d,#ff3d3d);box-shadow:0 3px 10px rgba(255,61,61,.35);} .cmw-badge-hot svg{width:12px;height:12px;} .cmw-badge-new{top:12px;right:12px;background:var(--cmw-success);} /* If both hot and new exist, push new below hot. */ .cmw-badge-hot ~ .cmw-badge-new{top:44px;} /* ========================================================================== SHOP / ARCHIVE ========================================================================== */ .cmw-shop-wrap{padding:30px 20px 70px;} .cmw-shop-header{margin-bottom:28px;} .woocommerce-products-header__title,.cmw-shop-header .page-title{font-size:34px;margin-bottom:8px;} .term-description{color:var(--cmw-text-muted);max-width:780px;font-family:var(--cmw-font-body);} .cmw-shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--cmw-border);} .woocommerce-result-count{color:var(--cmw-text-muted);font-size:14px;margin:0;font-family:var(--cmw-font-body);} .woocommerce-ordering select{padding:11px 15px;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);background:var(--cmw-bg);font-family:var(--cmw-font-body);font-size:14px;} /* load more / infinite scroll */ .cmw-loadmore-wrap{text-align:center;margin-top:44px;} .cmw-loadmore{display:inline-flex;align-items:center;gap:10px;background:var(--cmw-primary);color:#fff;border:none;padding:15px 40px;border-radius:var(--cmw-btn-radius);font-weight:600;font-size:15px;font-family:var(--cmw-font-body);transition:background .15s;} .cmw-loadmore:hover{background:var(--cmw-accent);color:var(--cmw-accent-text);} .cmw-loadmore[disabled]{opacity:.6;cursor:default;} .cmw-loadmore .cmw-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cmwSpin .7s linear infinite;display:none;} .cmw-loadmore.is-loading .cmw-spinner{display:inline-block;} @keyframes cmwSpin{to{transform:rotate(360deg);}} .cmw-loadmore-done{color:var(--cmw-text-muted);font-size:14px;font-family:var(--cmw-font-body);} /* ========================================================================== SINGLE PRODUCT ========================================================================== */ .single-product div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px 50px;align-items:start;grid-template-areas:"gallery summary" "tabs summary" "reviews reviews" "related related";grid-template-rows:auto auto;} .single-product div.product .woocommerce-product-gallery{grid-area:gallery;} .single-product div.product .entry-summary{grid-area:summary;} .single-product div.product .woocommerce-tabs{grid-area:tabs;align-self:start;} .single-product div.product .cmw-reviews{grid-area:reviews;align-self:start;background:transparent;padding:0;} .single-product div.product .related,.single-product div.product .upsells{grid-area:related;} .single-product div.product .cmw-faq{grid-column:1 / -1;} .single-product .woocommerce-product-gallery{margin:0!important;width:auto!important;float:none!important;} .single-product .woocommerce-product-gallery__wrapper{margin:0;} .single-product .woocommerce-product-gallery__image img{border-radius:var(--cmw-card-radius);border:1px solid var(--cmw-border);} .single-product .flex-control-thumbs{display:flex;gap:10px;list-style:none;margin:14px 0 0;padding:2px 0 8px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--cmw-accent) var(--cmw-border);} .single-product .flex-control-thumbs::-webkit-scrollbar{height:6px;} .single-product .flex-control-thumbs::-webkit-scrollbar-track{background:var(--cmw-border);border-radius:10px;} .single-product .flex-control-thumbs::-webkit-scrollbar-thumb{background:var(--cmw-accent);border-radius:10px;} .single-product .flex-control-thumbs li{width:74px;flex:0 0 74px;scroll-snap-align:start;} .single-product .flex-control-thumbs img{border-radius:8px;border:2px solid transparent;cursor:pointer;width:100%;} .single-product .flex-control-thumbs img.flex-active{border-color:var(--cmw-accent);} .single-product div.product .entry-summary{margin:0!important;float:none!important;width:auto!important;} .single-product .product_title{font-size:32px;line-height:1.18;margin:6px 0 12px;} .cmw-product-subtitle{font-family:var(--cmw-font-body);font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--cmw-text-muted);margin-bottom:4px;} .single-product .price{font-family:var(--cmw-font-body);font-size:28px;font-weight:800;color:var(--cmw-primary);margin:10px 0 18px;} .single-product .price del{color:var(--cmw-text-muted);font-weight:400;font-size:20px;margin-right:10px;} .single-product .price ins{text-decoration:none;color:var(--cmw-sale);} .single-product .woocommerce-product-rating{margin-bottom:14px;} .single-product .woocommerce-product-details__short-description{color:var(--cmw-text-muted);font-size:15px;line-height:1.7;margin-bottom:22px;border-top:1px solid var(--cmw-border);padding-top:18px;font-family:var(--cmw-font-body);} .single-product form.cart{margin:0 0 10px;display:flex;flex-direction:column;align-items:stretch;gap:10px;} .single-product .quantity{width:100%;} .single-product .quantity input.qty{width:100%;max-width:140px;height:52px;text-align:center;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);font-size:16px;} /* Each action button takes its own full-width line. */ .single-product form.cart .single_add_to_cart_button{width:100%;background:var(--cmw-primary)!important;color:#fff!important;border:none!important;padding:0 20px!important;height:54px;line-height:54px!important;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:16px;font-family:var(--cmw-font-body);transition:background .15s;text-align:center;} .single-product form.cart .single_add_to_cart_button:hover{background:var(--cmw-primary-dark)!important;} .cmw-buy-now{width:100%;background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;border:none!important;height:54px;padding:0 20px!important;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:16px;font-family:var(--cmw-font-body);text-align:center;cursor:pointer;} .cmw-buy-now:hover{background:var(--cmw-accent-dark)!important;} .cmw-wa-order{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#25D366!important;color:#fff!important;padding:14px;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:16px;margin:0 0 10px;border:none!important;font-family:var(--cmw-font-body);transition:background .15s;text-shadow:none;} .cmw-wa-order:hover{background:#1ebe5b!important;color:#fff!important;} .cmw-wa-order svg{width:20px;height:20px;fill:#fff;} /* bulk tiers */ .cmw-bulk-tiers{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap;} .cmw-tier{flex:1;min-width:100px;background:var(--cmw-surface);border:2px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:13px;text-align:center;transition:border-color .15s,background .15s;font-family:var(--cmw-font-body);} .cmw-tier:hover{border-color:var(--cmw-accent);} .cmw-tier.is-active{border-color:var(--cmw-accent);background:var(--cmw-bg);box-shadow:0 0 0 3px rgba(0,0,0,.04);} .cmw-tier-qty{display:block;font-weight:700;font-size:14px;} .cmw-tier-price{display:block;font-size:15px;color:var(--cmw-primary);margin-top:3px;} .cmw-tier-save{display:inline-block;margin-top:7px;font-size:11px;color:var(--cmw-success);font-weight:600;} /* trust list */ .cmw-trust{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--cmw-border);display:grid;grid-template-columns:1fr 1fr;gap:11px;} .cmw-trust li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-trust-ico{color:var(--cmw-success);flex-shrink:0;} .cmw-trust-ico svg{width:18px;height:18px;display:block;} /* tabs */ .woocommerce-tabs{margin-top:8px;} .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 24px;border-bottom:2px solid var(--cmw-border);flex-wrap:wrap;} .woocommerce-tabs ul.tabs li a{display:block;padding:13px 22px;font-weight:600;color:var(--cmw-text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--cmw-font-body);} .woocommerce-tabs ul.tabs li.active a{color:var(--cmw-primary);border-bottom-color:var(--cmw-accent);} .related.products,.upsells.products{margin-top:60px;} .related.products>h2,.upsells.products>h2{font-size:26px;margin-bottom:24px;} /* sticky add-to-cart (mobile) */ .cmw-sticky-atc{position:fixed;left:0;right:0;bottom:0;background:var(--cmw-bg);border-top:1px solid var(--cmw-border);padding:10px 16px;display:none;align-items:center;gap:12px;z-index:250;box-shadow:0 -4px 20px rgba(0,0,0,.1);} .cmw-sticky-atc .cmw-sticky-price{font-weight:800;color:var(--cmw-primary);font-size:18px;font-family:var(--cmw-font-body);} .cmw-sticky-atc .cmw-sticky-btn{margin-left:auto;background:var(--cmw-accent);color:var(--cmw-accent-text);border:none;padding:13px 26px;border-radius:var(--cmw-btn-radius);font-weight:700;font-family:var(--cmw-font-body);} /* breadcrumb */ .woocommerce-breadcrumb{font-size:13px;color:var(--cmw-text-muted);margin-bottom:22px;font-family:var(--cmw-font-body);} .cmw-bc-sep{margin:0 8px;opacity:.5;} /* checkout */ .cmw-checkout-strip{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:15px 18px;margin-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;} .cmw-checkout-trust{display:flex;gap:18px;font-size:13px;color:var(--cmw-text-muted);flex-wrap:wrap;font-family:var(--cmw-font-body);} .cmw-checkout-trust span{display:flex;align-items:center;gap:6px;} .cmw-checkout-wa{color:#1ebe5b;font-weight:600;font-size:14px;font-family:var(--cmw-font-body);} /* pagination */ .woocommerce-pagination ul,.cmw-blog .navigation .nav-links{display:flex;gap:8px;list-style:none;padding:0;margin:40px 0 0;justify-content:center;flex-wrap:wrap;} .woocommerce-pagination a,.woocommerce-pagination span,.nav-links a,.nav-links span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--cmw-border);border-radius:9px;font-weight:600;font-family:var(--cmw-font-body);} .woocommerce-pagination .current,.nav-links .current{background:var(--cmw-primary);color:#fff;border-color:var(--cmw-primary);} /* ---------- Footer ---------- */ .cmw-footer{background:var(--cmw-footer-bg);color:var(--cmw-footer-text);margin-top:0;} .cmw-footer-top{display:grid;grid-template-columns:1.4fr 2fr;gap:44px;padding:58px 20px 42px;} .cmw-footer-about p{font-size:14px;line-height:1.7;opacity:.85;margin:14px 0;font-family:var(--cmw-font-body);} .cmw-footer-logo span{color:var(--cmw-accent);} .cmw-footer-contact a{color:var(--cmw-accent);font-weight:600;font-size:14px;font-family:var(--cmw-font-body);} .cmw-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;} .cmw-widget-title{font-family:var(--cmw-font-body);font-size:15px;color:#fff;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px;} .cmw-footer-list{list-style:none;margin:0;padding:0;} .cmw-footer-list li{margin-bottom:10px;} .cmw-footer-list a{font-size:14px;opacity:.82;transition:opacity .15s,color .15s,padding-left .15s;font-family:var(--cmw-font-body);} .cmw-footer-list a:hover{opacity:1;color:var(--cmw-accent);padding-left:4px;} .cmw-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;} .cmw-footer-bottom .cmw-container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;opacity:.85;font-family:var(--cmw-font-body);} .cmw-pay-methods{display:flex;gap:8px;flex-wrap:wrap;} .cmw-pay-methods span{background:rgba(255,255,255,.1);padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.3px;} /* ---------- Floating WhatsApp ---------- */ .cmw-float-wa{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;z-index:240;box-shadow:0 6px 20px rgba(37,211,102,.45);transition:transform .15s;} .cmw-float-wa:hover{transform:scale(1.09);} .cmw-float-wa svg{width:30px;height:30px;} /* ---------- Back to top ---------- */ .cmw-totop{position:fixed;right:20px;bottom:86px;width:46px;height:46px;border-radius:50%;background:var(--cmw-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;z-index:239;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s;} .cmw-totop.is-visible{opacity:1;visibility:visible;transform:translateY(0);} .cmw-totop svg{width:22px;height:22px;} /* ---------- Blog / page ---------- */ .cmw-blog,.cmw-single-page{padding:44px 20px 70px;} .cmw-page-title{font-size:34px;margin-bottom:22px;} .cmw-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;} .cmw-post-card{background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);overflow:hidden;transition:transform .2s,box-shadow .2s;} .cmw-post-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.1);} .cmw-post-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;} .cmw-post-body{padding:20px;} .cmw-post-title{font-size:19px;} .cmw-post-meta{font-size:12px;color:var(--cmw-text-muted);margin-bottom:10px;font-family:var(--cmw-font-body);} .cmw-entry-content{font-size:16px;line-height:1.8;max-width:780px;font-family:var(--cmw-font-body);} .cmw-404{text-align:center;padding:90px 20px;} .cmw-404 h1{font-size:96px;color:var(--cmw-accent);margin:0;} /* ========================================================================== SCROLL ANIMATIONS ========================================================================== */ .cmw-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;} .cmw-reveal.is-visible{opacity:1;transform:none;} /* Product card gentle fade-up (no flicker) */ .cmw-prod-reveal{opacity:0;transform:translateY(22px);will-change:opacity,transform;backface-visibility:hidden;} .cmw-prod-reveal.cmw-prod-in{opacity:1;transform:none;transition:opacity .55s ease var(--cmw-d,0ms),transform .55s cubic-bezier(.2,.7,.2,1) var(--cmw-d,0ms);} body.cmw-no-anim .cmw-prod-reveal{opacity:1;transform:none;} .cmw-reveal-delay-1{transition-delay:.08s;} .cmw-reveal-delay-2{transition-delay:.16s;} .cmw-reveal-delay-3{transition-delay:.24s;} body.cmw-no-anim .cmw-reveal{opacity:1;transform:none;transition:none;} /* ========================================================================== RESPONSIVE ========================================================================== */ @media (max-width:1024px){ .cmw-cat-grid{grid-template-columns:repeat(4,1fr);} .woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr);} .cmw-post-grid{grid-template-columns:repeat(2,1fr);} .single-product div.product{grid-template-columns:1fr;gap:32px;grid-template-areas:"gallery" "summary" "tabs" "reviews" "related";} .single-product .woocommerce-product-gallery{position:static;} .cmw-hero-heading{font-size:38px;} } @media (max-width:768px){ .cmw-navbar{display:none;} .cmw-burger{display:flex;} .cmw-header-inner{gap:10px;height:66px;} .cmw-logo{flex:1;justify-content:center;} .cmw-logo-text{font-size:21px;} .cmw-feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;} .cmw-cat-grid{grid-template-columns:repeat(3,1fr);gap:12px;} .woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr);gap:14px;} .cmw-card-body{padding:13px;gap:5px;} .cmw-card-title{font-size:14px;min-height:4em;} .cmw-card-price{font-size:16px;} .cmw-hero-slide,.cmw-hero-content{min-height:360px;} .cmw-hero-heading{font-size:30px;} .cmw-hero-sub{font-size:16px;} .cmw-section{padding:38px 0;} .cmw-section-title{font-size:24px;} .cmw-footer-top{grid-template-columns:1fr;gap:32px;padding:42px 20px 30px;} .cmw-footer-cols{grid-template-columns:repeat(2,1fr);} .cmw-post-grid{grid-template-columns:1fr;} .single-product .product_title{font-size:26px;} .single-product.cmw-has-sticky .cmw-sticky-atc{display:flex;} .single-product.cmw-has-sticky{padding-bottom:84px;} .cmw-trust{grid-template-columns:1fr;} .cmw-float-wa{bottom:78px;} .cmw-totop{bottom:142px;} } @media (max-width:480px){ .cmw-cat-grid{grid-template-columns:repeat(2,1fr);} .cmw-feature-grid{grid-template-columns:1fr 1fr;} .cmw-hero-heading{font-size:25px;} .cmw-bulk-tiers{flex-direction:column;} .cmw-tier{display:flex;align-items:center;justify-content:space-between;text-align:left;} .cmw-tier-save{margin-top:0;} .cmw-footer-bottom .cmw-container{flex-direction:column;text-align:center;} } @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *{transition:none!important;animation:none!important;} .cmw-reveal{opacity:1;transform:none;} } /* ========================================================================== ANIMATION STYLE VARIANTS (driven by body class) ========================================================================== */ .cmw-anim-fade-up .cmw-reveal{opacity:0;transform:translateY(28px);} .cmw-anim-fade .cmw-reveal{opacity:0;} .cmw-anim-zoom .cmw-reveal{opacity:0;transform:scale(.93);} .cmw-anim-slide-left .cmw-reveal{opacity:0;transform:translateX(-36px);} .cmw-reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);} .cmw-reveal.is-visible{opacity:1!important;transform:none!important;} /* Hover effects (opt-in via body class) */ .cmw-hover-zoom .cmw-card-media img{transition:transform .5s cubic-bezier(.2,.7,.2,1);} .cmw-hover-zoom .cmw-product-card:hover .cmw-card-media img{transform:scale(1.08);} .cmw-hover-lift .cmw-product-card,.cmw-hover-lift .cmw-cat-card,.cmw-hover-lift .cmw-post-card{transition:transform .25s ease,box-shadow .25s ease;} .cmw-hover-lift .cmw-product-card:hover,.cmw-hover-lift .cmw-cat-card:hover,.cmw-hover-lift .cmw-post-card:hover{transform:translateY(-6px);} body:not(.cmw-hover-lift) .cmw-product-card:hover{transform:none;} .cmw-tint-cards .cmw-product-card{background:var(--cmw-surface);} /* ========================================================================== NEW: stock bar, shipping note, countdown, share, quick cats, brand strip, CTA ========================================================================== */ .cmw-stock-bar{margin:0 0 16px;} .cmw-stock-bar small{display:block;margin-top:6px;font-size:13px;color:var(--cmw-sale);font-weight:600;font-family:var(--cmw-font-body);} .cmw-stock-bar.cmw-in-stock{display:flex;align-items:center;gap:9px;} .cmw-stock-bar.cmw-in-stock small{color:var(--cmw-success);display:inline;margin-top:0;} .cmw-stock-track{height:7px;border-radius:5px;background:var(--cmw-border);overflow:hidden;} .cmw-stock-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cmw-sale),#e8743b);border-radius:5px;} .cmw-in-stock .cmw-dot{width:9px;height:9px;border-radius:50%;background:var(--cmw-success);display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px rgba(42,138,92,.18);} .cmw-ship-note{display:flex;align-items:center;gap:10px;background:var(--cmw-surface);border:1px dashed var(--cmw-border);border-radius:var(--cmw-card-radius);padding:12px 15px;margin:0 0 18px;font-size:13px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-ship-note svg{color:var(--cmw-accent-dark);flex-shrink:0;} .cmw-countdown{display:flex;align-items:center;gap:12px;background:var(--cmw-primary);color:#fff;border-radius:var(--cmw-card-radius);padding:12px 16px;margin:0 0 18px;} .cmw-countdown-label{font-size:13px;opacity:.85;font-family:var(--cmw-font-body);} .cmw-countdown-timer{font-family:var(--cmw-font-body);font-weight:800;font-size:18px;letter-spacing:.5px;margin-left:auto;} .cmw-share{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-share a{width:34px;height:34px;border-radius:50%;border:1px solid var(--cmw-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--cmw-text);transition:all .15s;} .cmw-share a:hover{background:var(--cmw-primary);color:#fff;border-color:var(--cmw-primary);} .cmw-quick-cats{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px;} .cmw-qc{padding:8px 18px;border:1.5px solid var(--cmw-border);border-radius:30px;font-size:13px;font-weight:600;color:var(--cmw-text-muted);transition:all .15s;font-family:var(--cmw-font-body);} .cmw-qc:hover{border-color:var(--cmw-accent);color:var(--cmw-accent-dark);} .cmw-qc.is-active{background:var(--cmw-primary);color:#fff;border-color:var(--cmw-primary);} .cmw-brand-strip{background:var(--cmw-primary);color:#fff;padding:46px 0;} .cmw-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;} .cmw-brand-point{display:flex;gap:14px;align-items:flex-start;} .cmw-brand-ico{width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cmw-accent);} .cmw-brand-point strong{display:block;font-size:15px;font-family:var(--cmw-font-body);margin-bottom:4px;} .cmw-brand-point p{margin:0;font-size:13px;opacity:.82;line-height:1.5;font-family:var(--cmw-font-body);} .cmw-cta-band{background:linear-gradient(120deg,var(--cmw-primary),var(--cmw-primary-dark));color:#fff;text-align:center;padding:64px 20px;} .cmw-cta-band h2{color:#fff;font-size:34px;margin-bottom:24px;} @media (max-width:768px){ .cmw-brand-grid{grid-template-columns:1fr 1fr;gap:20px;} .cmw-cta-band h2{font-size:25px;} } @media (max-width:480px){ .cmw-brand-grid{grid-template-columns:1fr;} } /* footer newsletter */ .cmw-footer-newsletter{border-top:1px solid rgba(255,255,255,.12);padding:30px 0;} .cmw-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;} .cmw-newsletter-inner strong{display:block;font-family:var(--cmw-font-body);font-size:18px;color:#fff;} .cmw-newsletter-inner span{font-size:13px;opacity:.8;font-family:var(--cmw-font-body);} .cmw-newsletter-form{display:flex;gap:10px;flex:1;max-width:480px;min-width:280px;} .cmw-newsletter-form input{flex:1;padding:13px 16px;border:none;border-radius:var(--cmw-btn-radius);font-size:14px;} .cmw-newsletter-form .cmw-btn{padding:13px 26px;white-space:nowrap;} @media (max-width:600px){.cmw-newsletter-form{max-width:100%;}} /* single + sidebar wrappers */ .cmw-single-wrap{padding:30px 20px 70px;} /* Product summary must always be visible (never hidden by reveal). */ .single-product .entry-summary,.single-product .product_title{opacity:1!important;} .single-product .product_title{display:inline-block;margin:0 0 12px;} .cmw-shop-wrap.cmw-has-sidebar .cmw-shop-main{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start;} .cmw-shop-sidebar{position:sticky;top:100px;} .cmw-shop-sidebar .cmw-widget{margin-bottom:26px;} @media (max-width:900px){ .cmw-shop-wrap.cmw-has-sidebar .cmw-shop-main{grid-template-columns:1fr;} .cmw-shop-sidebar{position:static;} } /* ========================================================================== SOCIAL LINKS (footer) ========================================================================== */ .cmw-footer-social{display:flex;gap:10px;margin-top:16px;} .cmw-footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .18s;} .cmw-footer-social a:hover{background:var(--cmw-accent);color:var(--cmw-accent-text);transform:translateY(-3px);} .cmw-footer-social svg{width:18px;height:18px;} /* ========================================================================== OFFERS BAND (cart + checkout) ========================================================================== */ .cmw-offers-band{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:16px 18px;margin:0 0 24px;} .cmw-offers-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} .cmw-offers-row+.cmw-offers-row{margin-top:12px;padding-top:12px;border-top:1px dashed var(--cmw-border);} .cmw-offers-label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--cmw-text-muted);font-weight:700;font-family:var(--cmw-font-body);min-width:64px;} .cmw-offers-chips{display:flex;gap:9px;flex-wrap:wrap;flex:1;} .cmw-offer-chip{display:inline-flex;align-items:center;gap:6px;background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);} .cmw-offer-chip svg{color:var(--cmw-accent-dark);} .cmw-offer-hot{background:var(--cmw-accent);color:var(--cmw-accent-text);border-color:var(--cmw-accent);} .cmw-offer-hot svg{color:var(--cmw-accent-text);} .cmw-bank-details{margin-top:12px;padding-top:12px;border-top:1px dashed var(--cmw-border);display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-bank-details svg{color:var(--cmw-accent-dark);flex-shrink:0;} /* ========================================================================== FREE SHIPPING PROGRESS (cart) ========================================================================== */ .cmw-ship-progress{background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:15px 18px;margin:0 0 22px;} .cmw-ship-progress-msg{display:flex;align-items:center;gap:9px;font-size:14px;font-family:var(--cmw-font-body);margin-bottom:11px;color:var(--cmw-text);} .cmw-ship-progress-msg svg{color:var(--cmw-accent-dark);} .cmw-ship-progress-msg.cmw-qualified{color:var(--cmw-success);font-weight:600;} .cmw-ship-progress-msg.cmw-qualified svg{color:var(--cmw-success);} .cmw-ship-progress-track{height:8px;background:var(--cmw-border);border-radius:5px;overflow:hidden;} .cmw-ship-progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cmw-accent),var(--cmw-accent-dark));border-radius:5px;transition:width .5s ease;} /* ========================================================================== PREMIUM CART PAGE ========================================================================== */ .woocommerce-cart .cmw-content{padding:30px 0 70px;} .woocommerce-cart table.cart{border:none;width:100%;} .woocommerce-cart table.cart thead th{border-bottom:2px solid var(--cmw-border);padding:14px;font-family:var(--cmw-font-body);font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--cmw-text-muted);text-align:left;} .woocommerce-cart table.cart td{padding:18px 14px;border-bottom:1px solid var(--cmw-border);vertical-align:middle;} .woocommerce-cart table.cart .product-thumbnail img{width:78px;height:78px;object-fit:cover;border-radius:var(--cmw-card-radius);border:1px solid var(--cmw-border);} .woocommerce-cart table.cart .product-name a{font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);} .woocommerce-cart table.cart .product-name a:hover{color:var(--cmw-accent-dark);} .woocommerce-cart .quantity input.qty{width:70px;height:44px;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);text-align:center;} .woocommerce-cart .product-remove a{color:var(--cmw-sale);font-size:20px;text-decoration:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;} .woocommerce-cart .product-remove a:hover{background:var(--cmw-surface);} .woocommerce-cart .actions{padding:20px 0;} .woocommerce-cart .actions .button,.woocommerce-cart .coupon .button{background:var(--cmw-primary);color:#fff;border:none;padding:13px 24px;border-radius:var(--cmw-btn-radius);font-weight:600;font-family:var(--cmw-font-body);} .woocommerce-cart .coupon input{height:48px;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);padding:0 14px;margin-right:8px;} .cart_totals{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:24px;} .cart_totals h2{font-size:20px;margin-bottom:16px;} .cart_totals table{width:100%;} .cart_totals th,.cart_totals td{padding:12px 0;border-bottom:1px solid var(--cmw-border);font-family:var(--cmw-font-body);text-align:left;} .cart_totals .order-total .amount{font-size:22px;color:var(--cmw-primary);font-weight:800;} .wc-proceed-to-checkout .checkout-button{display:block;background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;text-align:center;padding:16px!important;border-radius:var(--cmw-btn-radius);font-weight:700!important;font-size:16px;margin-top:16px;font-family:var(--cmw-font-body);border:none;transition:background .15s;} .wc-proceed-to-checkout .checkout-button:hover{background:var(--cmw-accent-dark)!important;} /* ========================================================================== PREMIUM CHECKOUT PAGE ========================================================================== */ .woocommerce-checkout .cmw-content{padding:30px 0 70px;} .woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{margin-bottom:20px;} .woocommerce-checkout h3{font-size:19px;padding-bottom:12px;border-bottom:2px solid var(--cmw-border);margin-bottom:20px;} .woocommerce-checkout .form-row label{font-family:var(--cmw-font-body);font-size:13.5px;font-weight:500;margin-bottom:6px;display:block;color:var(--cmw-text);} .woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout select,.woocommerce-checkout .select2-container .select2-selection{border:1.5px solid var(--cmw-border)!important;border-radius:var(--cmw-btn-radius)!important;padding:12px 14px!important;font-size:14px;min-height:48px;background:var(--cmw-bg);font-family:var(--cmw-font-body);} .woocommerce-checkout .form-row input.input-text:focus,.woocommerce-checkout .form-row textarea:focus{border-color:var(--cmw-accent)!important;outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.04);} .woocommerce-checkout #order_review{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:26px;position:sticky;top:100px;} .woocommerce-checkout #order_review_heading{font-size:20px;margin-bottom:16px;} .woocommerce-checkout .woocommerce-checkout-review-order-table{width:100%;font-family:var(--cmw-font-body);} .woocommerce-checkout .woocommerce-checkout-review-order-table th,.woocommerce-checkout .woocommerce-checkout-review-order-table td{padding:12px 0;border-bottom:1px solid var(--cmw-border);text-align:left;} .woocommerce-checkout .order-total .amount{font-size:22px;color:var(--cmw-primary);font-weight:800;} .woocommerce-checkout .wc_payment_methods{list-style:none;margin:0 0 20px;padding:0;} .woocommerce-checkout .wc_payment_method{border:1.5px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:14px 16px;margin-bottom:10px;transition:border-color .15s;} .woocommerce-checkout .wc_payment_method label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-family:var(--cmw-font-body);margin:0;} .woocommerce-checkout #place_order{width:100%;background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;border:none!important;padding:17px!important;border-radius:var(--cmw-btn-radius);font-weight:700!important;font-size:17px;margin-top:14px;font-family:var(--cmw-font-body);transition:background .15s;} .woocommerce-checkout #place_order:hover{background:var(--cmw-accent-dark)!important;} .cmw-checkout-strip{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:15px 18px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;} .cmw-checkout-trust{display:flex;gap:18px;font-size:13px;color:var(--cmw-text-muted);flex-wrap:wrap;font-family:var(--cmw-font-body);} .cmw-checkout-trust span{display:flex;align-items:center;gap:6px;} .cmw-checkout-trust svg{color:var(--cmw-success);} .cmw-checkout-wa{color:#1ebe5b;font-weight:600;font-size:14px;font-family:var(--cmw-font-body);display:flex;align-items:center;gap:6px;} @media (max-width:768px){ .woocommerce-checkout #order_review{position:static;margin-top:20px;} .cmw-offers-label{min-width:auto;} } /* ========================================================================== PRODUCT PAGE — engaging hover + entrance polish ========================================================================== */ .single-product .woocommerce-product-gallery__image{overflow:hidden;border-radius:var(--cmw-card-radius);} .cmw-hover-zoom .single-product .woocommerce-product-gallery__image img{transition:transform .6s cubic-bezier(.2,.7,.2,1);} .cmw-hover-zoom .single-product .woocommerce-product-gallery__image:hover img{transform:scale(1.12);} /* animated underline on product title */ .single-product .product_title{position:relative;display:inline-block;} .single-product .product_title::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:3px;background:var(--cmw-accent);border-radius:2px;transition:width .6s ease .3s;} .single-product.cmw-title-in .product_title::after{width:64px;} /* buttons get a subtle press feedback */ .single-product form.cart .single_add_to_cart_button,.cmw-buy-now,.cmw-wa-order{transition:transform .12s ease,background .15s ease;} .single-product form.cart .single_add_to_cart_button:active,.cmw-buy-now:active,.cmw-wa-order:active{transform:scale(.97);} /* tabs fade content */ .woocommerce-tabs .panel{animation:cmwFadeIn .4s ease;} @keyframes cmwFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}} /* trust badges hover */ .cmw-trust li{transition:transform .15s ease;} .cmw-hover-lift .cmw-trust li:hover{transform:translateX(3px);} /* gallery thumb hover */ .single-product .flex-control-thumbs img{transition:border-color .15s,transform .15s;} .single-product .flex-control-thumbs img:hover{transform:translateY(-2px);} /* related/upsell product entrance handled by reveal */ .cross-sells{margin-top:40px;} .cross-sells>h2,.upsells>h2{font-size:24px;margin-bottom:22px;} /* ========================================================================== COLLECTION / ARCHIVE — engaging header + grid polish ========================================================================== */ .cmw-archive-hero{background:var(--cmw-surface);border-bottom:1px solid var(--cmw-border);padding:40px 0 36px;margin-bottom:8px;position:relative;overflow:hidden;} .cmw-archive-hero::before{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:var(--cmw-accent);opacity:.06;} .cmw-archive-hero::after{content:"";position:absolute;right:90px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:var(--cmw-primary);opacity:.05;} .cmw-archive-bc{font-size:13px;color:var(--cmw-text-muted);margin-bottom:12px;font-family:var(--cmw-font-body);position:relative;z-index:1;} .cmw-archive-bc a:hover{color:var(--cmw-accent-dark);} .cmw-archive-title{font-size:38px;margin:0;position:relative;z-index:1;} .cmw-archive-desc{max-width:680px;color:var(--cmw-text-muted);margin-top:12px;font-family:var(--cmw-font-body);position:relative;z-index:1;line-height:1.7;} /* engaging product card hover (quick shadow + accent edge) */ .cmw-product-card{position:relative;} .cmw-product-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cmw-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:0 0 var(--cmw-card-radius) var(--cmw-card-radius);} .cmw-product-card:hover::after{transform:scaleX(1);} /* quick-view-ish badge shine on hover */ .cmw-card-media{position:relative;} .cmw-card-media::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);transform:translateX(-100%);transition:transform .7s ease;z-index:2;pointer-events:none;} .cmw-product-card:hover .cmw-card-media::before{transform:translateX(100%);} /* staggered entrance for grid items */ .woocommerce ul.products li.product{min-width:0;} /* "add to cart" reveal on hover (desktop) */ @media (min-width:769px){ .cmw-card-atc{opacity:1;} .cmw-hover-lift .cmw-card-atc{transition:opacity .2s ease;} } @media (max-width:768px){ .cmw-archive-title{font-size:28px;} .cmw-archive-hero{padding:28px 0 24px;} } /* payment options strip (product) */ .cmw-pay-options{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--cmw-border);} .cmw-pay-options-label{display:block;font-size:12px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);font-weight:600;margin-bottom:9px;} .cmw-pay-pills{display:flex;align-items:center;gap:9px;flex-wrap:wrap;} .cmw-pay-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:20px;padding:7px 13px;font-family:var(--cmw-font-body);font-weight:600;color:var(--cmw-text);cursor:pointer;transition:all .15s;} .cmw-pay-pill:hover{border-color:var(--cmw-accent);} .cmw-pay-pill[aria-expanded="true"]{background:var(--cmw-accent);color:var(--cmw-accent-text);border-color:var(--cmw-accent);} .cmw-pay-pill[aria-expanded="true"] svg{color:var(--cmw-accent-text);} .cmw-pay-pill svg{color:var(--cmw-accent-dark);} .cmw-pay-detail{margin-top:12px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-left:3px solid var(--cmw-accent);border-radius:var(--cmw-card-radius);padding:13px 16px;} .cmw-pay-detail strong{display:block;margin-bottom:4px;font-family:var(--cmw-font-body);font-size:13.5px;color:var(--cmw-text);} .cmw-pay-detail p{margin:0;font-family:var(--cmw-font-body);font-size:13px;color:var(--cmw-text-muted);line-height:1.6;} /* ========================================================================== PROMINENT OFFERS BOX (product page bundles) ========================================================================== */ .cmw-offers-box{border:2px solid var(--cmw-accent);border-radius:var(--cmw-card-radius);padding:0;margin:0 0 22px;overflow:hidden;background:var(--cmw-bg);} .cmw-offers-box-head{display:flex;align-items:center;gap:9px;background:var(--cmw-accent);color:var(--cmw-accent-text);padding:10px 16px;font-family:var(--cmw-font-body);font-weight:700;font-size:14px;letter-spacing:.3px;} .cmw-offers-box-head svg{flex-shrink:0;} .cmw-offers-box .cmw-bulk-tiers{display:flex;gap:0;margin:0;flex-wrap:nowrap;} .cmw-offers-box .cmw-tier{flex:1;position:relative;background:var(--cmw-bg);border:none;border-right:1px solid var(--cmw-border);border-radius:0;padding:16px 12px;text-align:center;cursor:pointer;transition:background .18s;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--cmw-font-body);} .cmw-offers-box .cmw-tier:last-child{border-right:none;} .cmw-offers-box .cmw-tier:hover{background:var(--cmw-surface);} .cmw-offers-box .cmw-tier.is-active{background:var(--cmw-surface);box-shadow:inset 0 -3px 0 var(--cmw-accent);} .cmw-tier-ribbon{position:absolute;top:8px;right:8px;background:var(--cmw-accent);color:var(--cmw-accent-text);font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:10px;letter-spacing:.3px;} .cmw-tier-qty{font-weight:700;font-size:15px;color:var(--cmw-text);} .cmw-tier-price{font-size:17px;font-weight:800;color:var(--cmw-primary);} .cmw-tier-save{font-size:11.5px;color:var(--cmw-success);font-weight:700;background:rgba(42,138,92,.12);padding:3px 8px;border-radius:8px;margin-top:2px;} .cmw-tier-save.cmw-tier-base{color:var(--cmw-text-muted);font-weight:500;background:transparent;} @media (max-width:480px){ .cmw-offers-box .cmw-bulk-tiers{flex-direction:column;} .cmw-offers-box .cmw-tier{border-right:none;border-bottom:1px solid var(--cmw-border);flex-direction:row;justify-content:space-between;text-align:left;} .cmw-offers-box .cmw-tier.is-active{box-shadow:inset 3px 0 0 var(--cmw-accent);} .cmw-tier-ribbon{position:static;} } /* ========================================================================== CHECKOUT STEPS INDICATOR (engaging) ========================================================================== */ .cmw-checkout-steps{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 28px;} .cmw-checkout-step{display:flex;align-items:center;gap:9px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);font-size:13.5px;font-weight:600;} .cmw-checkout-step .cmw-step-num{width:30px;height:30px;border-radius:50%;background:var(--cmw-surface);border:2px solid var(--cmw-border);display:flex;align-items:center;justify-content:center;font-size:13px;} .cmw-checkout-step.is-active{color:var(--cmw-primary);} .cmw-checkout-step.is-active .cmw-step-num{background:var(--cmw-accent);border-color:var(--cmw-accent);color:var(--cmw-accent-text);} .cmw-checkout-step-line{width:60px;height:2px;background:var(--cmw-border);margin:0 12px;} @media (max-width:560px){ .cmw-checkout-step span:not(.cmw-step-num){display:none;} .cmw-checkout-step-line{width:30px;} } /* payment instructions on thank-you */ .cmw-pay-instructions{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-left:4px solid var(--cmw-accent);border-radius:var(--cmw-card-radius);padding:18px 20px;margin:20px 0;} .cmw-pay-instructions h3{font-size:17px;margin-bottom:8px;} .cmw-pay-instructions p{font-family:var(--cmw-font-body);color:var(--cmw-text-muted);margin:4px 0;white-space:pre-line;} /* ========================================================================== ANNOUNCEMENT TICKER (features.php markup) ========================================================================== */ .cmw-ticker{background:var(--cmw-primary-dark);color:#fff;overflow:hidden;white-space:nowrap;} .cmw-ticker-track{display:flex;width:max-content;} .cmw-ticker-run{display:flex;align-items:center;} .cmw-ticker-item{display:inline-flex;align-items:center;padding:9px 16px;font-size:13px;font-weight:500;font-family:var(--cmw-font-body);letter-spacing:.2px;} .cmw-ticker-dot{color:var(--cmw-accent);opacity:.8;} /* ========================================================================== ACTIVE OFFERS STRIP (features.php markup) ========================================================================== */ .cmw-active-offers{background:linear-gradient(95deg,var(--cmw-surface),var(--cmw-bg));border-top:1px solid var(--cmw-border);border-bottom:1px solid var(--cmw-border);} .cmw-active-offers-grid{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 0;} .cmw-active-offers-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--cmw-font-body);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--cmw-accent-dark);white-space:nowrap;} .cmw-active-offers-title svg{color:var(--cmw-accent-dark);} .cmw-active-offer{display:inline-flex;align-items:center;gap:8px;background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:30px;padding:7px 15px;font-size:13px;font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);} .cmw-active-offer svg{color:var(--cmw-success);flex-shrink:0;} /* ========================================================================== NEED MORE DISCOUNT (WhatsApp) ========================================================================== */ .cmw-need-discount{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:rgba(37,211,102,.1);border:1.5px dashed #25D366;color:#1ebe5b;padding:12px;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:14.5px;font-family:var(--cmw-font-body);margin:4px 0 16px;transition:background .15s;} .cmw-need-discount:hover{background:rgba(37,211,102,.18);} .cmw-need-discount svg{flex-shrink:0;} .cmw-need-discount-arrow{transition:transform .2s;} .cmw-need-discount:hover .cmw-need-discount-arrow{transform:translateX(4px);} /* ========================================================================== HOT-SELLING BADGE (product image corner) ========================================================================== */ .single-product .woocommerce-product-gallery{position:relative;} .cmw-hot-badge{position:absolute;top:14px;right:14px;z-index:5;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#ff6a3d,#ff3d3d);color:#fff;font-family:var(--cmw-font-body);font-weight:700;font-size:12px;padding:6px 12px;border-radius:30px;box-shadow:0 4px 14px rgba(255,61,61,.4);animation:cmwPulse 2s ease-in-out infinite;} @keyframes cmwPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}} body.cmw-no-anim .cmw-hot-badge{animation:none;} /* ========================================================================== CUSTOMER REVIEWS (features.php marquee markup) ========================================================================== */ .cmw-reviews{background:var(--cmw-surface);padding:56px 0;overflow:hidden;} .cmw-reviews-head{text-align:center;margin-bottom:32px;} .cmw-reviews-head .cmw-section-title{display:inline-block;} .cmw-reviews-head .cmw-section-title::after{left:50%;transform:translateX(-50%);} .cmw-reviews-rating{font-family:var(--cmw-font-body);font-size:15px;color:var(--cmw-text-muted);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px;} .cmw-reviews-rating .cmw-reviews-stars{color:var(--cmw-star);font-size:18px;letter-spacing:2px;} .cmw-reviews-rating strong{color:var(--cmw-text);font-size:18px;} .cmw-reviews-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);} .cmw-reviews-marquee .cmw-reviews-track{display:flex;gap:20px;width:max-content;} /* Static (single product / few reviews): centered, no scroll, wraps. */ .cmw-reviews-static{-webkit-mask-image:none;mask-image:none;} .cmw-reviews-static .cmw-reviews-track{width:auto;flex-wrap:wrap;justify-content:center;} .cmw-review-card{flex:0 0 340px;background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:22px;} .cmw-review-stars{color:var(--cmw-star);font-size:15px;letter-spacing:2px;margin-bottom:11px;} .cmw-review-text{margin:0 0 16px;font-family:var(--cmw-font-body);font-size:14.5px;line-height:1.65;color:var(--cmw-text);} .cmw-review-author{display:flex;align-items:center;gap:11px;} .cmw-review-avatar{width:38px;height:38px;border-radius:50%;background:var(--cmw-accent);color:var(--cmw-accent-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--cmw-font-body);flex-shrink:0;} .cmw-review-author strong{display:block;font-family:var(--cmw-font-body);font-size:14px;color:var(--cmw-text);} .cmw-review-author small{color:var(--cmw-text-muted);font-size:12px;font-family:var(--cmw-font-body);} .cmw-review-verified{margin-left:auto;color:var(--cmw-success);display:flex;} /* ========================================================================== FAQ ACCORDION (features.php markup) ========================================================================== */ .cmw-faq-section{background:var(--cmw-bg);} .cmw-faq-wrap{max-width:860px;} .cmw-faq-list{margin-top:8px;} .cmw-faq-item{border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);margin-bottom:12px;overflow:hidden;background:var(--cmw-bg);} .cmw-faq-q{width:100%;text-align:left;background:transparent;border:none;padding:18px 20px;font-family:var(--cmw-font-body);font-weight:600;font-size:15.5px;color:var(--cmw-text);display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;} .cmw-faq-icon{font-size:24px;color:var(--cmw-accent-dark);transition:transform .25s;flex-shrink:0;line-height:1;} .cmw-faq-item.is-open .cmw-faq-icon{transform:rotate(45deg);} .cmw-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .cmw-faq-item.is-open .cmw-faq-a{max-height:400px;} .cmw-faq-a p{margin:0;padding:0 20px 18px;font-family:var(--cmw-font-body);font-size:14.5px;line-height:1.7;color:var(--cmw-text-muted);} /* ========================================================================== ADD-TO-CART TOAST (fades up from bottom) ========================================================================== */ .cmw-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:9999;display:flex;align-items:center;gap:13px;background:var(--cmw-primary);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.28);font-family:var(--cmw-font-body);font-size:14.5px;max-width:92vw;opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .4s ease;} .cmw-toast.is-show{transform:translate(-50%,0);opacity:1;} .cmw-toast-ic{width:26px;height:26px;border-radius:50%;background:var(--cmw-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;} .cmw-toast-msg{font-weight:500;} .cmw-toast-btn{margin-left:6px;background:var(--cmw-accent);color:var(--cmw-accent-text);padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px;white-space:nowrap;} .cmw-toast-btn:hover{filter:brightness(1.06);} @media (max-width:480px){.cmw-toast{flex-wrap:wrap;justify-content:center;text-align:center;bottom:16px;}} /* ========================================================================== BLOCK-BASED CHECKOUT (WooCommerce Blocks) — widen + tidy ========================================================================== */ .wp-block-woocommerce-checkout{max-width:1180px;margin:0 auto;} .wc-block-checkout__form,.wp-block-woocommerce-checkout-fields-block{min-width:0;} .wc-block-components-sidebar,.wp-block-woocommerce-checkout-totals-block{min-width:340px;} @media (min-width:1000px){ .wc-block-checkout,.wp-block-woocommerce-checkout{display:flex;gap:40px;align-items:flex-start;} .wc-block-checkout__main,.wp-block-woocommerce-checkout-fields-block{flex:1 1 60%;min-width:0;} .wc-block-checkout__sidebar,.wp-block-woocommerce-checkout-totals-block{flex:0 0 360px;} } .wc-block-components-order-summary__content,.wc-block-components-order-summary-item{min-width:0;} .wc-block-components-order-summary-item{display:grid!important;grid-template-columns:48px 1fr auto;gap:12px;align-items:start;} .wc-block-components-order-summary-item__image{width:48px;} .wc-block-components-order-summary-item__description{min-width:0;} .wc-block-components-order-summary-item__total-price{white-space:nowrap;} .wc-block-components-order-summary-item__description p,.wc-block-components-order-summary-item__name{word-break:normal;overflow-wrap:anywhere;} /* Order summary card look */ .wc-block-components-sidebar .wc-block-components-panel,.wp-block-woocommerce-checkout-totals-block{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:22px;} /* Place order button */ .wc-block-components-checkout-place-order-button{background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;border-radius:var(--cmw-btn-radius)!important;font-weight:700!important;height:54px;} /* Inputs */ .wc-block-components-text-input input,.wc-block-components-address-form input,.wc-block-components-select select{border-radius:var(--cmw-btn-radius)!important;} /* ========================================================================== PRODUCT-PAGE INLINE OFFERS (clickable, under Add to cart) ========================================================================== */ .cmw-offers-inline{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 4px;} .cmw-offer-inline{display:inline-flex;align-items:center;gap:8px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:30px;padding:9px 15px;font-size:13px;font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);transition:all .15s;cursor:pointer;} .cmw-offer-inline:hover{border-color:var(--cmw-accent);background:var(--cmw-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);} .cmw-offer-inline svg{color:var(--cmw-accent-dark);flex-shrink:0;} .cmw-offer-inline span{white-space:nowrap;} @media (max-width:560px){.cmw-offer-inline span{white-space:normal;}} /* Make storewide active-offers chips clickable too */ a.cmw-active-offer{cursor:pointer;transition:all .15s;} a.cmw-active-offer:hover{border-color:var(--cmw-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);} /* Bundle box flash when reached via offer link */ .cmw-offers-box.cmw-flash{animation:cmwFlash 1.2s ease;} @keyframes cmwFlash{0%,100%{box-shadow:0 0 0 0 rgba(201,161,74,0);}30%{box-shadow:0 0 0 4px var(--cmw-accent);}} /* Offer-activated toast (richer, two-line) */ .cmw-toast-offer{align-items:flex-start;max-width:380px;} .cmw-toast-body{display:flex;flex-direction:column;gap:3px;} .cmw-toast-body strong{font-size:14.5px;} .cmw-toast-note{font-size:13px;opacity:.85;line-height:1.45;font-weight:400;} /* Gallery thumbnail scroll arrows */ .cmw-thumb-arrow{position:absolute;bottom:14px;width:32px;height:32px;border-radius:50%;background:var(--cmw-bg);border:1px solid var(--cmw-border);color:var(--cmw-text);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.12);z-index:4;transition:background .15s;} .cmw-thumb-arrow:hover{background:var(--cmw-accent);color:var(--cmw-accent-text);border-color:var(--cmw-accent);} .cmw-thumb-prev{left:0;} .cmw-thumb-next{right:0;} /* ========================================================================== SINGLE PRODUCT SALE BADGE (keep inside the image corner) ========================================================================== */ .single-product div.product .woocommerce-product-gallery{position:relative;} .single-product span.onsale,.single-product .cmw-badge.onsale{position:absolute;top:14px;left:14px;z-index:6;margin:0;background:var(--cmw-sale);color:#fff;font-family:var(--cmw-font-body);font-weight:700;font-size:13px;padding:7px 13px;border-radius:30px;min-height:0;min-width:0;line-height:1.2;box-shadow:0 3px 10px rgba(214,69,69,.35);} /* ========================================================================== BANNERS (admin-uploaded) ========================================================================== */ .cmw-banner{margin:24px 0;} .cmw-banner img{display:block;width:100%;height:auto;border-radius:var(--cmw-card-radius);} .cmw-banner a{display:block;} .cmw-banner-sidebar{margin:0 0 20px;} .cmw-banner-product{margin:20px 0;}