/*
Theme Name: Socksholm Storefront
Author: Socksholm
Description: Custom WooCommerce theme inspired by Scandinavian colour and Stockholm.
Version: 1.1.0
Text Domain: socksholm
*/
:root{--navy:#062b55;--ink:#06264a;--cream:#fffdf9;--muted:#566a80;--gold:#f4b927}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1664px;margin:auto;padding:0 5.2vw}.topbar{height:40px;background:linear-gradient(90deg,#063567,#07274f);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.4px}.topbar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar span{white-space:nowrap}.site-header{height:78px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1f5}.header-inner{height:100%;display:grid;grid-template-columns:350px 1fr 180px;align-items:center}.brand{font-size:43px;font-weight:800;letter-spacing:-3.1px;color:var(--navy);line-height:1}.sock-l{display:inline-block;width:17px;height:45px;margin:0 3px -8px 2px;border-radius:2px 2px 7px 2px;background:linear-gradient(#113a66 0 19%,#3e9fd1 19% 36%,#f3bd35 36% 53%,#ed4f5e 53% 69%,#ef8c79 69%);position:relative}.sock-l:after{content:"";position:absolute;width:17px;height:12px;right:-10px;bottom:0;background:#ed5965;border-radius:2px 9px 9px 7px;transform:rotate(27deg)}.nav{display:flex;justify-content:center;gap:34px;font-size:15px}.nav a:hover{opacity:.65}.icons{display:flex;justify-content:flex-end;align-items:center;gap:22px;font-size:24px}.cart{position:relative}.cart em{position:absolute;right:-9px;top:-10px;width:20px;height:20px;border-radius:50%;background:#0870aa;color:#fff;font:700 11px/20px Arial;text-align:center;font-style:normal}.hero{height:min(347px,21vw);min-height:285px;background:url('assets/hero-clean.webp') center center/cover no-repeat}.benefits{background:#fff;border-bottom:1px solid #f1ede7}.benefits-grid{height:82px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.benefit{display:flex;justify-content:center;align-items:center;gap:18px;min-height:46px;border-right:1px solid #e5ddd2}.benefit:last-child{border-right:0}.benefit-icon{font-size:38px;font-family:Georgia,serif;font-weight:400}.benefit b{display:block;font-size:13px;letter-spacing:1.4px}.benefit small{display:block;margin-top:5px;color:#52677d;font-size:12px}.categories{background:var(--cream);padding:24px 0 24px}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:44px}.cat{text-align:center;display:block}.cat-circle{display:block;width:100%;aspect-ratio:1.22/1;object-fit:cover;border-radius:50%;margin:0 auto 14px;transition:transform .2s ease}.cat:hover .cat-circle{transform:translateY(-4px)}.cat strong{font-size:13px;letter-spacing:1.25px}.cat strong span{font-size:19px;vertical-align:-1px}.story{display:grid;grid-template-columns:36.5% 63.5%;min-height:250px;border-top:1px solid #eee}.story-art{background:url('assets/story-textile.webp') center/cover no-repeat}.story-copy{display:grid;grid-template-columns:43% 57%;align-items:center;padding:35px 7vw 35px 6vw;background:#fff}.eyebrow{font-size:10px;letter-spacing:4px}.story h2{font:700 40px/1.02 Georgia,serif;margin:10px 0 14px;color:var(--navy)}.story-title i{display:block;width:70px;height:3px;background:var(--gold)}.story-text p{max-width:420px;color:#425b77;font-size:15px;line-height:1.55}.site-footer{background:var(--navy);color:#fff;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.woocommerce .button,.woocommerce button.button,.woocommerce a.button{background:var(--navy)!important;color:#fff!important;border-radius:999px!important}.woocommerce ul.products li.product .price{color:#0b6da9!important}
@media(max-width:1050px){.topbar span:nth-child(2),.topbar span:nth-child(3){display:none}.header-inner{grid-template-columns:270px 1fr 130px}.nav{gap:20px}.hero{height:300px;background-size:cover}.categories-grid{gap:22px}.story h2{font-size:34px}}
@media(max-width:760px){.topbar span:nth-child(4),.topbar span:nth-child(5){display:none}.topbar .wrap{justify-content:center}.site-header{height:70px}.header-inner{grid-template-columns:1fr auto}.brand{font-size:33px}.sock-l{width:13px;height:34px;margin-bottom:-6px}.sock-l:after{width:13px;height:9px;right:-7px}.nav{display:none}.icons{font-size:20px}.hero{height:43vw;min-height:230px;background-position:center}.benefits-grid{height:auto;grid-template-columns:1fr;padding:8px 5vw}.benefit{border-right:0;border-bottom:1px solid #eee;padding:10px}.benefit:last-child{border-bottom:0}.categories-grid{grid-template-columns:repeat(3,1fr);gap:24px}.story{grid-template-columns:1fr}.story-art{min-height:250px}.story-copy{grid-template-columns:1fr;padding:38px 8vw}.story-text p{max-width:none}}
@media(max-width:480px){.brand{font-size:29px}.icons{gap:13px}.hero{min-height:190px}.categories-grid{grid-template-columns:repeat(2,1fr)}.cat strong{font-size:12px}.story h2{font-size:34px}.footer-inner{flex-direction:column;text-align:center}}