/* Shain Store v1.0.74 — unified visual system. Visual-only: no checkout/auth logic changes. */
:root{
 --ss-red:#b5122a;--ss-red-deep:#850d20;--ss-red-soft:#fff1f3;--ss-ink:#191b21;--ss-muted:#707784;
 --ss-line:#e8e9ee;--ss-surface:#fff;--ss-page:#f7f8fa;--ss-radius:16px;
 --ss-shadow:0 5px 22px rgba(24,28,38,.055);--ss-shadow-hover:0 14px 34px rgba(24,28,38,.11)
}
html{scroll-behavior:smooth}
body{color:var(--ss-ink);background:var(--ss-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body .container{width:min(1280px,calc(100% - 40px))}
:where(h1,h2,h3,h4,.section-heading h2,.woocommerce-products-header__title,.product_title){letter-spacing:-.025em;text-wrap:pretty}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(181,18,42,.35);outline-offset:3px}
/* Header: cleaner layers and consistent controls */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e9e9ee;box-shadow:0 4px 18px rgba(20,24,32,.035);backdrop-filter:saturate(140%) blur(12px)}
.header-main{gap:clamp(12px,2vw,26px)}
.brand{gap:11px}
.brand-icon{border-radius:13px;box-shadow:0 6px 16px rgba(181,18,42,.22)}
.brand-copy b{font-size:clamp(19px,1.8vw,23px);font-weight:900}
.brand-copy small{font-size:12px;line-height:1.6}
.search-form{height:48px;border:1px solid #e3e5eb;border-radius:14px;background:#f6f7f9;transition:border-color .2s,box-shadow .2s,background .2s}
.search-form:focus-within{background:#fff;border-color:#d78391;box-shadow:0 0 0 4px rgba(181,18,42,.08)}
.search-form input[type=search]{font-size:15px}
.search-form button{width:50px;font-size:24px;transition:background .2s}
.header-actions{gap:clamp(10px,1.5vw,19px)}
.account-link,.cart-link{border-radius:11px;padding:8px 10px;transition:background .2s,color .2s}
.account-link:hover,.cart-link:hover{background:var(--ss-red-soft);color:var(--ss-red)}
.main-nav{border-top:1px solid #f0f0f3;background:#fff}
.nav-inner{min-height:48px;gap:18px}
.nav-menu{gap:clamp(12px,1.7vw,24px)}
.nav-menu a{font-size:14px;font-weight:700;color:#424752;padding-block:12px}
.nav-menu a:hover{color:var(--ss-red)}
.category-trigger{border-radius:10px;padding:8px 13px}
/* Page surfaces and section rhythm */
.home-main,.site-main{min-width:0}
.woocommerce .woocommerce-breadcrumb,.breadcrumb-wrap{font-size:13px;color:#737986;margin-block:14px 18px}
.woocommerce .woocommerce-breadcrumb a,.breadcrumb-wrap a{color:#626976}
.woocommerce .woocommerce-breadcrumb a:hover,.breadcrumb-wrap a:hover{color:var(--ss-red)}
.section-heading{gap:18px;margin-bottom:20px;align-items:center}
.section-heading h2,.woocommerce-products-header__title{font-size:clamp(21px,2.2vw,29px);line-height:1.45;font-weight:900}
.section-heading p{font-size:14px;color:#737986}
.section-kicker,.eyebrow{font-size:12px;letter-spacing:.01em}
/* Homepage hero: preserve dimensions and artwork, polish surface only */
.hero-grid{border-radius:24px;box-shadow:0 12px 35px rgba(70,28,36,.07)}
.hero-copy h1{line-height:1.35}
.hero-buttons .btn,.btn{min-height:44px;border-radius:12px}
.btn-primary,.button.alt,.single_add_to_cart_button{background:var(--ss-red);border-color:var(--ss-red);color:#fff}
.btn-primary:hover,.button.alt:hover,.single_add_to_cart_button:hover{background:var(--ss-red-deep);border-color:var(--ss-red-deep);color:#fff}
/* Categories and brands */
.category-tile,.category-card,.category-tile,.ss-brand-card,.brand-card{border-radius:15px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.category-tile:hover,.category-card:hover,.ss-brand-card:hover,.brand-card:hover{transform:translateY(-3px);box-shadow:var(--ss-shadow-hover)}
/* Product cards: consistent border, image field, price and actions */
.woocommerce ul.products li.product,.ss-shop-results li.pt-product-card,.product-card,.shop-loop-card{
 min-width:0;border:1px solid var(--ss-line);border-radius:16px;background:var(--ss-surface);box-shadow:0 2px 8px rgba(24,28,38,.025);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.woocommerce ul.products li.product:hover,.ss-shop-results li.pt-product-card:hover,.product-card:hover,.shop-loop-card:hover{transform:translateY(-3px);border-color:#e1b2ba;box-shadow:var(--ss-shadow-hover)}
.woocommerce ul.products li.product .product-thumb,.ss-shop-results li.pt-product-card .product-thumb{background:#fff;border-bottom:1px solid #f0f1f4}
.woocommerce ul.products li.product .product-thumb img,.ss-shop-results li.pt-product-card .product-thumb img{transition:transform .25s ease}
.woocommerce ul.products li.product:hover .product-thumb img,.ss-shop-results li.pt-product-card:hover .product-thumb img{transform:scale(1.025)}
.woocommerce-loop-product__title,.ss-shop-results li.pt-product-card .woocommerce-loop-product__title{color:#252933;font-size:14px;line-height:1.75;font-weight:800}
.woocommerce ul.products li.product .price,.ss-shop-results li.pt-product-card .price,.product-price,.current-price{color:var(--ss-red);font-weight:900;font-variant-numeric:tabular-nums}
.woocommerce ul.products li.product .price del{color:#9095a0;font-size:.82em;font-weight:500}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button,.ss-shop-results li.pt-product-card .product-card-actions .button{min-height:38px;border-radius:10px;font-size:12px;font-weight:800}
.ss-product-icon-actions .ss-icon-action,.compare-button,.wishlist-button{box-shadow:0 3px 10px rgba(20,24,32,.09);transition:transform .18s ease,background .18s ease}
.ss-product-icon-actions .ss-icon-action:hover,.compare-button:hover,.wishlist-button:hover{transform:translateY(-2px)}
/* Filters and sorting */
.ss-shop-layout{gap:22px}
.ss-shop-sidebar .pt-advanced-filter,.pt-shop-filters,.widget,.woocommerce-widget-layered-nav{border-color:var(--ss-line);border-radius:15px}
.ss-shop-sidebar .pt-advanced-filter{box-shadow:var(--ss-shadow);overflow:hidden}
.ss-shop-sidebar .pt-advanced-filter>summary{font-weight:800}
.pt-shop-filters input:not([type=checkbox]):not([type=radio]),.pt-shop-filters select,.woocommerce-ordering select,.ss-shop-results .woocommerce-ordering select{min-height:40px;border:1px solid #dfe2e8;border-radius:10px;padding:8px 11px;background:#fff;color:#272b33}
.pt-shop-filters input:focus,.pt-shop-filters select:focus,.woocommerce-ordering select:focus{border-color:#d78391;box-shadow:0 0 0 3px rgba(181,18,42,.07);outline:0}
.pt-filter-actions button,.pt-filter-actions .button{border-radius:10px;min-height:40px;font-weight:800}
/* Single product */
body.single-product .pt-single-product{gap:clamp(18px,3vw,34px)}
body.single-product .ss-product-gallery-main{border-radius:18px;border-color:#e8e9ee;box-shadow:var(--ss-shadow)}
body.single-product .product_title{font-size:clamp(23px,2.6vw,34px);line-height:1.55;font-weight:900}
body.single-product .summary .price{font-size:clamp(22px,2.4vw,30px);color:var(--ss-red);font-weight:900}
body.single-product .single_add_to_cart_button{min-height:48px;border-radius:12px;font-weight:900;box-shadow:0 6px 16px rgba(181,18,42,.17)}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:24px 0 12px}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:1px solid #e5e7ec;border-radius:10px;background:#f7f8fa;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 15px;font-size:14px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ss-red);border-color:var(--ss-red)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce div.product .woocommerce-tabs .panel{padding:clamp(14px,2.4vw,26px);border:1px solid #e8e9ee;border-radius:15px;background:#fff}
/* Forms, tables, account, cart */
input,select,textarea{max-width:100%}
input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{border-radius:10px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{min-height:42px;border:1px solid #dfe2e8;padding:9px 12px;background:#fff;color:#252933}
.woocommerce form .form-row input:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:#d78391;box-shadow:0 0 0 3px rgba(181,18,42,.07);outline:0}
.woocommerce table.shop_table{border:1px solid #e7e9ee;border-radius:13px;border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table th{background:#f5f6f8;color:#343944;font-weight:800}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:#eceef2;padding:13px 14px}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button{border-radius:10px;font-weight:800;min-height:40px;transition:transform .18s ease,background .18s ease}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{transform:translateY(-1px)}
.woocommerce .woocommerce-message{border-top-color:#1b9a68;border-radius:10px;background:#f0fbf6}
.woocommerce .woocommerce-error{border-top-color:var(--ss-red);border-radius:10px}
/* Footer: quiet surface and reliable grid */
.site-footer,.ss-footer-v13{background:#171a20;color:#e9ebf0}
.site-footer .footer-top,.ss-footer-v13 .footer-top{gap:clamp(18px,2.4vw,30px)}
.site-footer h3,.ss-footer-v13 h3{font-size:15px;line-height:1.7;color:#fff;margin-bottom:12px}
.site-footer p,.site-footer li,.site-footer a,.ss-footer-v13 p,.ss-footer-v13 li,.ss-footer-v13 a{font-size:13px;line-height:2;color:#c2c6cf}
.site-footer a:hover,.ss-footer-v13 a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);color:#aeb4bf}
/* Dark mode — only when the theme's explicit class is active */
html.ss-dark-mode body{background:#17191f;color:#eceef3}
html.ss-dark-mode .site-header,html.ss-dark-mode .main-nav{background:#1d2028;border-color:#303440}
html.ss-dark-mode .brand-copy b,html.ss-dark-mode .header-actions a,html.ss-dark-mode .nav-menu a{color:#f2f3f7}
html.ss-dark-mode .search-form{background:#252933;border-color:#3a3f4c}
html.ss-dark-mode .search-form:focus-within{background:#20232b;border-color:#a94a5b}
html.ss-dark-mode .search-form input[type=search]{color:#f3f4f7}
html.ss-dark-mode .account-link:hover,html.ss-dark-mode .cart-link:hover{background:#35232a;color:#fff}
html.ss-dark-mode .woocommerce ul.products li.product,html.ss-dark-mode .ss-shop-results li.pt-product-card,html.ss-dark-mode .product-card,html.ss-dark-mode .shop-loop-card{background:#20232b;border-color:#363b47;box-shadow:0 3px 14px rgba(0,0,0,.14)}
html.ss-dark-mode .woocommerce ul.products li.product .product-thumb,html.ss-dark-mode .ss-shop-results li.pt-product-card .product-thumb{background:#242832;border-color:#343945}
html.ss-dark-mode .woocommerce-loop-product__title,html.ss-dark-mode .ss-shop-results li.pt-product-card .woocommerce-loop-product__title{color:#f0f1f5}
html.ss-dark-mode .woocommerce .woocommerce-breadcrumb,html.ss-dark-mode .breadcrumb-wrap,html.ss-dark-mode .section-heading p,html.ss-dark-mode .ss-shop-results .woocommerce-result-count{color:#b7bdc8}
html.ss-dark-mode .ss-shop-sidebar .pt-advanced-filter,html.ss-dark-mode .pt-shop-filters,html.ss-dark-mode .widget{background:#20232b;border-color:#363b47;color:#eceef3}
html.ss-dark-mode .pt-shop-filters input:not([type=checkbox]):not([type=radio]),html.ss-dark-mode .pt-shop-filters select,html.ss-dark-mode .woocommerce-ordering select,html.ss-dark-mode .ss-shop-results .woocommerce-ordering select{background:#292d37;color:#f1f2f6;border-color:#454b59}
html.ss-dark-mode .pt-shop-filters label,html.ss-dark-mode .pt-shop-filters span,html.ss-dark-mode .pt-shop-filters legend{color:#e5e7ed}
html.ss-dark-mode body.single-product .ss-product-gallery-main{background:#20232b;border-color:#383d49}
html.ss-dark-mode body.single-product .product_title,html.ss-dark-mode body.single-product .summary,html.ss-dark-mode body.single-product .summary label{color:#eceef3}
html.ss-dark-mode .woocommerce div.product .woocommerce-tabs ul.tabs li{background:#242832;border-color:#3b404c}
html.ss-dark-mode .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#e6e8ee}
html.ss-dark-mode .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ss-red);border-color:var(--ss-red)}
html.ss-dark-mode .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
html.ss-dark-mode .woocommerce div.product .woocommerce-tabs .panel{background:#20232b;border-color:#383d49;color:#e6e8ee}
html.ss-dark-mode .woocommerce table.shop_table{background:#20232b;border-color:#383d49;color:#e6e8ee}
html.ss-dark-mode .woocommerce table.shop_table th{background:#292d37;color:#f0f1f5}
html.ss-dark-mode .woocommerce table.shop_table td,html.ss-dark-mode .woocommerce table.shop_table th{border-color:#383d49}
html.ss-dark-mode .woocommerce form .form-row input.input-text,html.ss-dark-mode .woocommerce form .form-row textarea,html.ss-dark-mode .woocommerce form .form-row select{background:#292d37;color:#f2f3f7;border-color:#454b59}
html.ss-dark-mode .woocommerce .woocommerce-message{background:#1c332b;color:#d8f7e9}
html.ss-dark-mode .woocommerce .woocommerce-error{background:#351f25;color:#ffe4e8}
html.ss-dark-mode .category-tile,html.ss-dark-mode .category-card,html.ss-dark-mode .ss-brand-card,html.ss-dark-mode .brand-card{border:1px solid #363b47}
/* Responsive polish */
@media(max-width:900px){body .container{width:min(100% - 28px,760px)}.header-main{min-height:76px}.nav-menu{gap:12px}}
@media(max-width:640px){body .container{width:calc(100% - 24px)}.hero-grid{border-radius:17px}.section-heading{align-items:flex-start}.section-heading h2{font-size:21px}.section-heading p{font-size:12px}.woocommerce ul.products li.product,.ss-shop-results li.pt-product-card{border-radius:13px}.woocommerce-loop-product__title,.ss-shop-results li.pt-product-card .woocommerce-loop-product__title{font-size:12px;line-height:1.65}.woocommerce ul.products li.product .button,.ss-shop-results li.pt-product-card .product-card-actions .button{font-size:11px;min-height:35px;padding:7px 5px}.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:9px 8px;font-size:12px}.woocommerce div.product .woocommerce-tabs .panel{padding:13px}.site-footer .footer-top,.ss-footer-v13 .footer-top{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
