/* Handle: ss-shop */
/* WooCommerce shop archive. */
    .ss-shop { --ss-blue:#3282b8; --ss-navy:#102a43; --ss-ink:#1d2b3a; --ss-sky:#eaf5fb; --ss-line:#dce7ee; --ss-muted:#607486; background:#f8fbfc; }
    .ss-shop *, .ss-shop *:before, .ss-shop *:after { box-sizing:border-box; }
    .ss-shop-hero { background:linear-gradient(116deg,#102a43 0%,#174767 58%,#3282b8 100%); color:#fff; overflow:hidden; position:relative; }
    .ss-shop-hero:after { content:''; position:absolute; width:540px; height:540px; border:1px solid rgba(255,255,255,.14); border-radius:50%; right:-210px; top:-310px; box-shadow:0 0 0 58px rgba(255,255,255,.035),0 0 0 116px rgba(255,255,255,.035); }
    .ss-shop-wrap { max-width:1240px; margin:0 auto; padding:0 28px; }
    .ss-shop-hero-inner { padding:68px 0 64px; position:relative; z-index:1; }
    .ss-shop-kicker { display:inline-flex; gap:8px; align-items:center; border:1px solid rgba(255,255,255,.25); border-radius:100px; padding:7px 12px; color:#d8f1ff; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .ss-shop-kicker i { width:7px; height:7px; border-radius:50%; background:#62d4a6; display:block; box-shadow:0 0 0 4px rgba(98,212,166,.16); }
    .ss-shop h1 { max-width:710px; margin:17px 0 13px; font-size:clamp(2.25rem,5vw,4.15rem); line-height:1.05; letter-spacing:-.05em; color:#fff; font-weight:800; }
    .ss-shop-hero p { max-width:620px; font-size:17px; line-height:1.65; color:#d8e7f0; margin:0; }
    .ss-shop-main { padding:40px 0 80px; }
    .ss-shop-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 0 29px; border-bottom:1px solid var(--ss-line); margin-bottom:30px; }
    .ss-shop-toolbar strong { color:var(--ss-navy); font-size:17px; }
    .ss-shop-toolbar span { color:#718294; font-size:14px; margin-left:6px; }
    .ss-shop-sort select { appearance:auto; border:1px solid var(--ss-line); background:#fff; border-radius:9px; padding:10px 34px 10px 12px; color:#405466; font-size:14px; outline:none; }
    .ss-shop-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:34px; align-items:start; }
    .ss-filter-toggle { display:none; }
    .ss-sidebar { position:sticky; top:92px; }
    .ss-side-section { padding:0 0 25px; margin:0 0 24px; border-bottom:1px solid var(--ss-line); }
    .ss-side-section:last-child { border:0; }
    .ss-side-title { font-size:13px; color:var(--ss-navy); text-transform:uppercase; letter-spacing:.09em; margin:0 0 14px; font-weight:800; }
    .ss-search { position:relative; }
    .ss-search input { width:100%; padding:11px 12px 11px 37px; border:1px solid var(--ss-line); border-radius:9px; color:var(--ss-ink); background:#fff; outline:none; font-size:14px; }
    .ss-search input:focus { border-color:var(--ss-blue); box-shadow:0 0 0 3px rgba(50,130,184,.13); }
    .ss-search svg { position:absolute; width:17px; height:17px; left:12px; top:12px; color:#8093a2; }
    .ss-cat-list, .ss-tag-list { list-style:none; padding:0; margin:0; }
    .ss-cat-list li { margin:2px 0; }
    .ss-cat-list a { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:9px 10px; margin:0 -10px; color:#486071; text-decoration:none; border-radius:8px; font-size:14px; font-weight:600; transition:.18s; position:relative; }
    .ss-cat-list a:hover, .ss-cat-list a.active { color:var(--ss-blue); background:var(--ss-sky); }
    .ss-cat-list a.active { padding-left:32px; }
    .ss-cat-list a.active:before { content:''; position:absolute; left:13px; top:50%; width:7px; height:7px; border-radius:50%; background:var(--ss-blue); box-shadow:0 0 0 4px rgba(50,130,184,.14); transform:translateY(-50%); }
    .ss-cat-list small { color:#8b9aa6; font-size:12px; font-weight:700; }
    .ss-tag-list { display:flex; flex-wrap:wrap; gap:7px; }
    .ss-tag-list a { color:#557080; background:#fff; border:1px solid var(--ss-line); font-size:12px; font-weight:700; padding:7px 9px; border-radius:7px; text-decoration:none; transition:.18s; }
    .ss-tag-list a:hover, .ss-tag-list a.active { background:var(--ss-blue); border-color:var(--ss-blue); color:#fff; }
    .ss-support { border-radius:12px; background:#e9f5f8; padding:17px; color:#386170; }
    .ss-support svg { width:23px; height:23px; color:var(--ss-blue); margin-bottom:7px; }
    .ss-support strong { color:var(--ss-navy); display:block; font-size:14px; margin-bottom:4px; }
    .ss-support p { font-size:12px; line-height:1.55; margin:0; }
    .ss-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
    .ss-product-card { background:#fff; border:1px solid var(--ss-line); border-radius:15px; padding:21px; min-height:365px; display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s,border-color .2s; }
    .ss-product-card:hover { transform:translateY(-4px); border-color:#b8d5e5; box-shadow:0 14px 35px rgba(28,75,104,.11); }
    .ss-product-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:17px; }
    .ss-product-icon { width:54px; height:54px; border-radius:13px; background:linear-gradient(135deg,#e5f4fb,#d5ecf8); display:flex; align-items:center; justify-content:center; overflow:hidden; color:var(--ss-blue); font-size:21px; font-weight:800; }
    .ss-product-icon img { width:100%; height:100%; object-fit:cover; }
    .ss-product-category { color:var(--ss-blue); background:var(--ss-sky); padding:5px 8px; border-radius:6px; font-size:10px; line-height:1.1; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
    .ss-product-card h2 { font-size:18px; line-height:1.3; letter-spacing:-.025em; margin:0 0 9px; font-weight:800; }
    .ss-product-card h2 a { color:var(--ss-navy); text-decoration:none; }
    .ss-product-card h2 a:hover { color:var(--ss-blue); }
    .ss-product-description { color:#607486; font-size:13px; line-height:1.58; margin:0; }
    .ss-product-meta { margin-top:auto; padding-top:18px; display:flex; align-items:end; justify-content:space-between; gap:9px; border-top:1px solid #edf2f5; }
    .ss-product-price { color:var(--ss-navy); font-size:17px; font-weight:800; line-height:1.2; }
    .ss-product-price del { display:block; color:#91a0aa; font-size:11px; font-weight:600; }
    .ss-product-price ins { text-decoration:none; }
    .ss-view-product { width:34px; height:34px; flex:0 0 34px; border-radius:9px; display:flex; justify-content:center; align-items:center; color:#fff; background:var(--ss-blue); text-decoration:none; transition:.18s; }
    .ss-view-product:hover { background:#216b9c; color:#fff; }
    .ss-view-product svg { width:16px; height:16px; }
    .ss-trust-row { grid-column:1/-1; border-top:1px solid var(--ss-line); padding-top:22px; margin-top:8px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
    .ss-trust { display:flex; align-items:center; gap:10px; color:#536a79; font-size:12px; font-weight:700; }
    .ss-trust svg { flex:0 0 auto; width:20px; height:20px; color:var(--ss-blue); }
    .ss-empty { grid-column:1/-1; padding:65px 25px; text-align:center; background:#fff; border:1px dashed #c9dce6; border-radius:15px; color:#617685; }
    .ss-empty h2 { color:var(--ss-navy); margin:0 0 8px; font-size:21px; }
    .ss-empty a { color:var(--ss-blue); font-weight:700; }
    @media (max-width:1020px) { .ss-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
    @media (max-width:760px) { .ss-shop-wrap{padding:0 18px}.ss-shop-hero-inner{padding:48px 0}.ss-shop-main{padding-top:26px}.ss-shop-toolbar{margin-bottom:20px}.ss-filter-toggle{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ss-line);background:#fff;padding:11px;border-radius:9px;color:var(--ss-navy);font-weight:800;margin-bottom:17px}.ss-shop-layout{display:block}.ss-sidebar{display:none;position:static;background:#fff;padding:19px;border:1px solid var(--ss-line);border-radius:12px;margin-bottom:18px}.ss-sidebar.open{display:block}.ss-product-grid{grid-template-columns:1fr;gap:14px}.ss-product-card{min-height:275px}.ss-trust-row{grid-template-columns:1fr}.ss-shop-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.ss-shop-sort{width:100%}.ss-shop-sort select{width:100%} }