@font-face{font-family:IRANYekanX;src:url('/assets/fonts/iran_yekan_medium.ttf') format('truetype');font-weight:400 900;font-display:swap}

:root{
  --s-navy:#0f2b6b; --s-navy2:#14356f; --s-blue:#1d4ed8; --s-blue2:#2563eb; --s-blue3:#3b82f6;
  --s-gold:#fbbf24; --s-gold2:#f59e0b;
  --s-ink:#0f172a; --s-ink2:#334155; --s-mut:#64748b; --s-mut2:#94a3b8;
  --s-bg:#f4f7fc; --s-card:#ffffff; --s-line:#e6edf8; --s-line2:#eef3fb;
  --s-ok:#16a34a; --s-okbg:#dcfce7; --s-warn:#d97706; --s-warnbg:#fef3c7;
  --s-danger:#dc2626; --s-dangerbg:#fee2e2;
  --s-r:16px; --s-r2:20px; --s-r3:26px;
  --s-sh:0 10px 30px rgba(15,23,42,.06);
  --s-sh2:0 18px 48px rgba(15,23,42,.10);
  --s-sh3:0 26px 64px rgba(29,78,216,.18);
}

*{box-sizing:border-box}
.site-body{margin:0;background:var(--s-bg);color:var(--s-ink);
  font-family:IRANYekanX,'Segoe UI',Tahoma,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}
.site-body a{text-decoration:none;}
.site-body img{max-width:100%;display:block}
.site-body ::-webkit-scrollbar{width:9px;height:9px}
.site-body ::-webkit-scrollbar-track{background:#e8effb}
.site-body ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--s-blue2),var(--s-blue3));border-radius:6px}

.site-nav{position:sticky;top:0;z-index:900;background:linear-gradient(105deg,var(--s-navy) 0%,#173a82 55%,var(--s-blue) 100%);
  box-shadow:0 6px 26px rgba(10,30,80,.28)}
.site-nav.scrolled{box-shadow:0 10px 34px rgba(10,30,80,.38)}
.site-nav-inner{max-width:1280px;margin:0 auto;padding:0 20px;height:74px;display:flex;align-items:center;gap:22px}

.site-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.site-brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg, #ffffff, #ffffff);
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgb(155 216 255 / 40%);flex-shrink:0}
.site-brand-mark img{width:30px;height:30px}
.site-brand-text b{display:block;color:#fff;font-size:1.12rem;font-weight:900;letter-spacing:-.3px}
.site-brand-text small{display:block;color:#b9cdf5;font-size:.68rem;margin-top:1px}

.site-menu{display:flex;align-items:center;gap:3px;margin-inline-start:auto}
.site-menu a{display:flex;align-items:center;gap:7px;color:#d6e3fb;font-size:.88rem;font-weight:700;
  padding:9px 13px;border-radius:12px;transition:.22s;white-space:nowrap}
.site-menu a svg{width:17px;height:17px;opacity:.85}
.site-menu a:hover{color:#fff;background:rgba(255,255,255,.12)}
.site-menu a.active{color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 -3px 0 var(--s-gold)}
.site-menu a.active svg{opacity:1;color:var(--s-gold)}

.site-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-cart{position:relative;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.13);
  display:flex;align-items:center;justify-content:center;color:#fff;transition:.22s}
.site-cart:hover{background:rgba(255,255,255,.24)}
.site-cart svg{width:20px;height:20px}
.site-cart-badge{position:absolute;top:-5px;inset-inline-start:-5px;min-width:21px;height:21px;padding:0 5px;
  border-radius:11px;background:var(--s-gold);color:#3a2500;font-size:.7rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(245,158,11,.5)}
.site-cart-badge[hidden]{display:none}

.site-login-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);color:#fff;
  padding:10px 16px;border-radius:13px;font-size:.85rem;font-weight:800;transition:.22s}
.site-login-btn:hover{background:#fff;color:var(--s-navy)}
.site-login-btn svg{width:17px;height:17px}

.site-account{position:relative}
.site-account-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:0;color:#fff;
  padding:7px 12px 7px 8px;border-radius:13px;font-family:inherit;font-size:.84rem;font-weight:800;cursor:pointer;transition:.22s}
.site-account-btn:hover{background:rgba(255,255,255,.24)}
.site-account-btn svg{width:15px;height:15px}
.site-account-avatar{width:29px;height:29px;border-radius:10px;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));
  color:#3a2500;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem}
.site-account-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:220px;background:#fff;
  border-radius:18px;box-shadow:var(--s-sh2);border:1px solid var(--s-line);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;z-index:50}
.site-account-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
.site-account-head{padding:10px 12px 12px;border-bottom:1px solid var(--s-line2);margin-bottom:6px}
.site-account-head b{display:block;font-size:.9rem;color:var(--s-ink)}
.site-account-head small{display:block;color:var(--s-mut);font-size:.74rem}
.site-account-menu a{display:block;padding:10px 12px;border-radius:11px;font-size:.85rem;font-weight:700;color:var(--s-ink2);transition:.18s}
.site-account-menu a:hover{background:#eff6ff;color:var(--s-blue)}
.site-account-menu a.danger{color:var(--s-danger)}
.site-account-menu a.danger:hover{background:var(--s-dangerbg)}

.site-burger{display:none;width:44px;height:44px;border:0;border-radius:13px;background:rgba(255,255,255,.15);
  flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}
.site-burger span{width:20px;height:2px;border-radius:3px;background:#fff;transition:.25s}
body.site-menu-open .site-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.site-menu-open .site-burger span:nth-child(2){opacity:0}
body.site-menu-open .site-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(10,25,60,.55);backdrop-filter:blur(3px);z-index:890}
.site-menu .site-menu-head{display:none}
.site-menu .site-menu-login{display:none}
.site-menu .site-menu-social{display:none}

.site-hero{position:relative;overflow:hidden;padding:52px 20px 58px;
  background:linear-gradient(105deg,var(--s-navy) 0%,#17408f 50%,#1e50b5 100%);color:#fff;text-align:center}
.site-hero-deco{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 88% 12%,rgba(251,191,36,.22),transparent 42%),
    radial-gradient(circle at 10% 88%,rgba(59,130,246,.32),transparent 46%)}
.site-hero-deco::after{content:'';position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}
.site-hero-inner{position:relative;max-width:840px;margin:0 auto}
.site-hero-icon{font-size:2.6rem;margin-bottom:10px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}
.site-hero-title{margin:0 0 12px;font-size:2.15rem;font-weight:900;letter-spacing:-.6px}
.site-hero-sub{margin:0 auto;max-width:620px;color:#c4d7f7;font-size:.97rem;line-height:2.1}
.site-hero-search{margin:26px auto 0;max-width:660px;display:flex;align-items:center;gap:8px;background:#fff;
  border-radius:999px;padding:7px 7px 7px 18px;box-shadow:0 20px 50px rgba(5,20,60,.34)}
.site-hero-search svg{width:20px;height:20px;color:var(--s-mut2);flex-shrink:0}
.site-hero-search input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:.92rem;color:var(--s-ink);min-width:0}
.site-hero-search input::placeholder{color:var(--s-mut2)}
.site-hero-search button{border:0;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:900;color:#3a2500;
  background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));padding:12px 28px;border-radius:999px;
  box-shadow:0 8px 20px rgba(245,158,11,.42);transition:.22s;white-space:nowrap}
.site-hero-search button:hover{filter:brightness(1.06);transform:translateY(-1px)}

.site-main{max-width:1280px;margin:0 auto;padding:30px 20px 60px}
.site-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.site-layout.reverse{grid-template-columns:minmax(0,1fr) 300px}
.site-layout-3{display:grid;grid-template-columns:272px minmax(0,1fr) 272px;gap:22px;align-items:start}
.site-layout > *,
.site-layout-3 > *{min-width:0}

.s-card{background:var(--s-card);border:1px solid var(--s-line);border-radius:var(--s-r2);box-shadow:var(--s-sh)}
.s-card-pad{padding:20px}
.s-side{position:sticky;top:94px;display:flex;flex-direction:column;gap:18px}

.site-nav-inner,.site-footer-inner{max-width:none;padding-inline:clamp(16px,2.6vw,56px)}
.site-main-fluid{max-width:none;padding-inline:clamp(16px,2.6vw,56px)}

.site-hero.has-bg{background:#0b1f4d}
.site-hero-bg{position:absolute;inset:0;z-index:0}
.site-hero-bg img{width:100%;height:100%;object-fit:cover;display:block}
.site-hero.has-bg::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,22,58,.78) 0%,rgb(8,22,58) 100%);opacity:var(--hero-overlay,.55)}
.site-hero.has-bg .site-hero-inner{z-index:2}
.site-hero.has-bg .site-hero-title,.site-hero.has-bg .site-hero-sub{text-shadow:0 2px 16px rgba(0,0,0,.4)}
.site-hero.has-bg .site-hero-sub{color:#e5eeff}
.site-hero .site-hero-title{color:var(--hero-title-color,#fff)}
.site-hero .site-hero-sub{color:var(--hero-sub-color,#c4d7f7)}
.site-hero.has-bg .site-hero-sub{color:var(--hero-sub-color,#e5eeff)}
.site-hero .site-hero-search input::placeholder{color:var(--hero-ph-color,var(--s-mut2));opacity:1}

.site-ad{position:relative;width:100%;max-width:calc(var(--ad-w) * 1px);margin-inline:auto}
.site-ad-box,.site-ad-tall{max-width:none}
.site-ad-wide{margin-bottom:18px}
.site-ad-infeed{margin-top:20px;margin-bottom:20px}
.site-ad-frame{position:relative;display:block;width:100%;aspect-ratio:var(--ad-w) / var(--ad-h);border-radius:16px;overflow:hidden;
  background:#fff;border:1px solid var(--s-line);box-shadow:var(--s-sh);transition:transform .25s,box-shadow .25s}
a.site-ad-frame:hover{box-shadow:var(--s-sh2);transform:translateY(-2px)}
.site-ad-frame picture{display:block;width:100%;height:100%}
.site-ad-frame img{width:100%;height:100%;object-fit:cover;display:block}
.site-ad-label{position:absolute;top:7px;inset-inline-end:7px;z-index:3;font-size:.62rem;font-weight:800;color:#64748b;
  background:rgba(255,255,255,.9);border-radius:6px;padding:1px 7px;pointer-events:none;line-height:1.8}
.site-ad.is-empty .site-ad-frame{display:flex;align-items:center;justify-content:center;box-shadow:none;
  background:linear-gradient(135deg,#f6faff,#e8f1ff);border:1.5px dashed #b9cff0}
.site-ad.is-empty .site-ad-frame::before{content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(-45deg,rgba(37,99,235,.04) 0 12px,transparent 12px 24px)}
.site-ad.is-empty a.site-ad-frame:hover{border-color:var(--s-blue3);background:linear-gradient(135deg,#eef5ff,#dfeaff)}
.site-ad-ph{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;text-align:center}
.site-ad-box .site-ad-ph,.site-ad-tall .site-ad-ph{flex-direction:column;gap:12px}
.site-ad-ph-ico{width:42px;height:42px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,var(--s-blue2),var(--s-navy));box-shadow:0 10px 22px rgba(37,99,235,.3)}
.site-ad-ph-ico svg{width:22px;height:22px}
.site-ad-tall .site-ad-ph-ico{width:60px;height:60px;border-radius:19px}
.site-ad-tall .site-ad-ph-ico svg{width:30px;height:30px}
.site-ad-ph-txt{display:flex;flex-direction:column;align-items:center}
.site-ad-wide .site-ad-ph-txt{align-items:flex-start}
.site-ad-ph-txt b{font-size:.95rem;font-weight:900;color:var(--s-navy);line-height:1.7}
.site-ad-tall .site-ad-ph-txt b{font-size:1.1rem}
.site-ad-ph-txt small{font-size:.74rem;color:var(--s-mut);font-weight:700}
.site-ad-ph-txt em{margin-top:10px;font-style:normal;font-size:.76rem;font-weight:900;color:#3a2500;
  background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));padding:6px 13px;border-radius:10px;box-shadow:0 8px 18px rgba(245,158,11,.3)}

.s-sec-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.s-sec-title{display:flex;align-items:center;gap:10px;font-size:1.16rem;font-weight:900;color:var(--s-ink)}
.s-sec-title .ico{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--s-blue2),var(--s-blue3));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 8px 20px rgba(37,99,235,.3)}
.s-sec-more{display:flex;align-items:center;gap:5px;color:var(--s-blue);font-size:.85rem;font-weight:800}
.s-sec-more:hover{gap:9px}

.s-catbox-head{display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid var(--s-line2);
  font-size:1rem;font-weight:900;color:var(--s-ink)}
.s-catbox-head .ico{width:30px;height:30px;border-radius:10px;background:#eff6ff;color:var(--s-blue);
  display:flex;align-items:center;justify-content:center;font-size:.9rem}
.s-catlist{padding:8px}
.s-cat{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;transition:.2s;color:var(--s-ink2)}
.s-cat:hover{background:#f3f8ff;color:var(--s-blue)}
.s-cat.active{background:linear-gradient(135deg,#eff6ff,#e0edff);color:var(--s-blue);box-shadow:inset 3px 0 0 var(--s-blue)}
.s-cat-ico{width:32px;height:32px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font-size:.95rem;background:#f1f5f9;flex-shrink:0}
.s-cat-name{flex:1;font-size:.87rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-cat-count{font-size:.76rem;font-weight:800;color:var(--s-mut);background:#f1f5f9;border-radius:999px;padding:2px 9px}
.s-cat.active .s-cat-count{background:#fff;color:var(--s-blue)}

.s-news{background:linear-gradient(145deg,var(--s-navy),#1c4699);border-radius:var(--s-r2);padding:22px;color:#fff;
  box-shadow:var(--s-sh3);position:relative;overflow:hidden}
.s-news::before{content:'';position:absolute;top:-50px;inset-inline-start:-40px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,191,36,.3),transparent 68%)}
.s-news-ico{position:relative;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:12px;box-shadow:0 8px 20px rgba(245,158,11,.4)}
.s-news h3{position:relative;margin:0 0 6px;font-size:1.02rem;font-weight:900}
.s-news p{position:relative;margin:0 0 14px;font-size:.81rem;color:#bed2f5;line-height:2}
.s-news input{width:100%;border:0;outline:0;border-radius:13px;padding:12px 14px;font-family:inherit;font-size:.86rem;
  background:rgba(255,255,255,.94);color:var(--s-ink);margin-bottom:9px}
.s-news button{width:100%;border:0;cursor:pointer;border-radius:13px;padding:12px;font-family:inherit;font-size:.88rem;
  font-weight:900;color:#3a2500;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));transition:.2s}
.s-news button:hover{filter:brightness(1.07)}

.s-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px;background:#fff;border:1px solid var(--s-line);
  border-radius:var(--s-r);box-shadow:var(--s-sh);margin-bottom:20px;scrollbar-width:thin}
.s-tab{padding:10px 17px;border-radius:12px;font-size:.87rem;font-weight:800;color:var(--s-mut);white-space:nowrap;transition:.2s}
.s-tab:hover{background:#f3f8ff;color:var(--s-blue)}
.s-tab.active{background:linear-gradient(135deg,var(--s-blue2),var(--s-blue));color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.3)}

.s-grid{display:grid;gap:20px}
.s-grid-3{grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}
.s-grid-4{grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}

.s-post{background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r2);overflow:hidden;
  box-shadow:var(--s-sh);transition:.28s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column}
.s-post:hover{transform:translateY(-5px);box-shadow:var(--s-sh2);border-color:#cfe0fa}
.s-post-cover{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#dbeafe,#eff6ff);overflow:hidden}
.s-post-cover img{width:100%;height:100%;object-fit:cover;transition:.5s}
.s-post:hover .s-post-cover img{transform:scale(1.06)}
.s-post-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;opacity:.55}
.s-post-cat{position:absolute;top:11px;inset-inline-end:11px;padding:5px 12px;border-radius:999px;
  font-size:.72rem;font-weight:900;color:#fff;background:rgba(15,43,107,.85);backdrop-filter:blur(6px)}
.s-post-body{padding:16px 17px 17px;flex:1;display:flex;flex-direction:column}
.s-post-title{margin:0 0 8px;font-size:.99rem;font-weight:900;color:var(--s-ink);line-height:1.85;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-post:hover .s-post-title{color:var(--s-blue)}
.s-post-ex{margin:0 0 14px;font-size:.83rem;color:var(--s-mut);line-height:2;flex:1;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-post-meta{display:flex;align-items:center;gap:13px;padding-top:12px;border-top:1px solid var(--s-line2);
  font-size:.75rem;color:var(--s-mut2);flex-wrap:wrap}
.s-post-meta span{display:flex;align-items:center;gap:4px}
.s-post-meta svg{width:13px;height:13px}
.s-post-more{margin-inline-start:auto;color:var(--s-blue);font-weight:800;display:flex;align-items:center;gap:4px}

.s-prod{background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r2);overflow:hidden;
  box-shadow:var(--s-sh);transition:.28s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column;position:relative}
.s-prod:hover{transform:translateY(-5px);box-shadow:var(--s-sh2);border-color:#cfe0fa}
.s-prod-badge{position:absolute;top:11px;inset-inline-start:11px;z-index:2;padding:4px 12px;border-radius:999px;
  font-size:.71rem;font-weight:900;color:#3a2500;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));
  box-shadow:0 6px 16px rgba(245,158,11,.4)}
.s-prod-badge.new{background:linear-gradient(135deg,#34d399,#10b981);color:#03291d}
.s-prod-cover{position:relative;aspect-ratio:4/3;background:linear-gradient(150deg,#f1f6ff,#e4edfb);
  display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}
.s-prod-cover img{width:100%;height:100%;object-fit:contain;transition:.45s}
.s-prod:hover .s-prod-cover img{transform:scale(1.05)}
.s-prod-filetag{display:flex;flex-direction:column;align-items:center;gap:8px}
.s-prod-filetag .ic{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;font-weight:900;box-shadow:0 10px 26px rgba(15,23,42,.12)}
.s-prod-filetag .tx{font-size:.78rem;font-weight:900;color:var(--s-mut)}
.s-prod-body{padding:15px 16px 16px;flex:1;display:flex;flex-direction:column}
.s-prod-title{margin:0 0 7px;font-size:.94rem;font-weight:900;color:var(--s-ink);line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-prod:hover .s-prod-title{color:var(--s-blue)}
.s-prod-sub{margin:0 0 12px;font-size:.79rem;color:var(--s-mut);line-height:1.95;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.s-prod-info{display:flex;align-items:center;gap:8px;font-size:.73rem;color:var(--s-mut2);margin-bottom:9px;flex-wrap:wrap}
.s-prod-chip{display:inline-flex;align-items:center;gap:4px;background:#f5f8fd;border-radius:8px;padding:3px 8px;font-weight:700}
.s-prod-rate{display:flex;align-items:center;gap:7px;margin-bottom:11px;font-size:.75rem;color:var(--s-mut)}
.s-stars{display:inline-flex;gap:1px;color:var(--s-gold2);font-size:.82rem;letter-spacing:-1px}
.s-stars .off{color:#dbe3ee}
.s-prod-foot{border-top:1px solid var(--s-line2);padding-top:12px;margin-top:auto}
.s-prod-price{display:flex;align-items:baseline;gap:7px;margin-bottom:11px;flex-wrap:wrap}
.s-prod-price b{font-size:1.12rem;font-weight:900;color:var(--s-navy)}
.s-prod-price .cur{font-size:.78rem;color:var(--s-mut);font-weight:700}
.s-prod-price del{font-size:.8rem;color:var(--s-mut2)}
.s-prod-price .free{font-size:1.02rem;font-weight:900;color:var(--s-ok)}
.s-btn-cart{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  font-family:inherit;font-size:.86rem;font-weight:900;color:#fff;padding:12px;border-radius:13px;
  background:linear-gradient(135deg,var(--s-blue2),var(--s-navy));box-shadow:0 10px 24px rgba(29,78,216,.28);transition:.22s}
.s-btn-cart:hover{filter:brightness(1.08);transform:translateY(-1px)}
.s-btn-cart svg{width:16px;height:16px}
.s-btn-cart.added{background:linear-gradient(135deg,var(--s-ok),#15803d);box-shadow:0 10px 24px rgba(22,163,74,.3)}
.s-btn-cart:disabled{opacity:.65;cursor:default}

.s-catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:16px;margin-bottom:34px}
.s-catcard{background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r2);padding:22px 18px;text-align:center;
  box-shadow:var(--s-sh);transition:.26s;position:relative;overflow:hidden}
.s-catcard:hover{transform:translateY(-5px);box-shadow:var(--s-sh2);border-color:#cfe0fa}
.s-catcard-ico{width:58px;height:58px;margin:0 auto 13px;border-radius:19px;display:flex;align-items:center;
  justify-content:center;font-size:1.65rem;background:#eff6ff;transition:.26s}
.s-catcard:hover .s-catcard-ico{transform:scale(1.08) rotate(-4deg)}
.s-catcard b{display:block;font-size:.9rem;font-weight:900;color:var(--s-ink);margin-bottom:5px;line-height:1.8}
.s-catcard small{display:block;color:var(--s-mut);font-size:.78rem;font-weight:700}
.s-catcard .arr{position:absolute;bottom:14px;inset-inline-start:16px;color:var(--s-mut2);opacity:0;transition:.26s}
.s-catcard:hover .arr{opacity:1;inset-inline-start:20px;color:var(--s-blue)}

.s-promo{background:linear-gradient(150deg,var(--s-navy),#1b4498);border-radius:var(--s-r2);padding:24px;color:#fff;
  box-shadow:var(--s-sh3);position:relative;overflow:hidden;text-align:center}
.s-promo::before{content:'';position:absolute;top:-60px;inset-inline-end:-50px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,191,36,.32),transparent 68%)}
.s-promo-ico{position:relative;font-size:2.5rem;margin-bottom:10px}
.s-promo h3{position:relative;margin:0 0 8px;font-size:1.08rem;font-weight:900}
.s-promo p{position:relative;margin:0 0 16px;font-size:.82rem;color:#c2d5f6;line-height:2}
.s-promo a{position:relative;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));
  color:#3a2500;font-size:.87rem;font-weight:900;padding:11px 22px;border-radius:12px;box-shadow:0 10px 24px rgba(245,158,11,.4);transition:.22s}
.s-promo a:hover{transform:translateY(-2px);filter:brightness(1.07)}

.s-perks{display:flex;flex-direction:column;gap:10px}
.s-perk{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--s-line);border-radius:15px;
  padding:13px 15px;box-shadow:var(--s-sh);transition:.22s}
.s-perk:hover{border-color:#cfe0fa;transform:translateX(-3px)}
.s-perk-ico{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--s-navy),var(--s-blue));
  color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.s-perk-ico svg{width:18px;height:18px}
.s-perk b{display:block;font-size:.85rem;font-weight:900;color:var(--s-ink)}
.s-perk small{display:block;font-size:.74rem;color:var(--s-mut)}

.qa-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.qa-sort{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--s-mut);font-weight:700}
.qa-sort select{border:1px solid var(--s-line);border-radius:12px;padding:9px 13px;font-family:inherit;
  font-size:.85rem;background:#fff;color:var(--s-ink);font-weight:700;cursor:pointer}

.qa-list{display:flex;flex-direction:column;gap:14px}
.qa-item{display:flex;gap:15px;background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r2);
  padding:18px;box-shadow:var(--s-sh);transition:.24s}
.qa-item:hover{border-color:#cfe0fa;box-shadow:var(--s-sh2);transform:translateY(-2px)}
.qa-avatar{flex-shrink:0;text-align:center;width:66px}
.qa-avatar .av{width:46px;height:46px;margin:0 auto 7px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--s-blue2),var(--s-navy));
  box-shadow:0 8px 20px rgba(37,99,235,.26)}
.qa-avatar .nm{font-size:.74rem;font-weight:800;color:var(--s-ink2);line-height:1.6;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.qa-avatar .tm{font-size:.68rem;color:var(--s-mut2);margin-top:2px}
.qa-main{flex:1;min-width:0}
.qa-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.qa-title{flex:1;margin:0;font-size:1rem;font-weight:900;color:var(--s-ink);line-height:1.85}
.qa-item:hover .qa-title{color:var(--s-blue)}
.qa-badge{flex-shrink:0;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:900;white-space:nowrap}
.qa-badge-ok{background:var(--s-okbg);color:#15803d}
.qa-badge-wait{background:var(--s-warnbg);color:#92400e}
.qa-badge-closed{background:#f1f5f9;color:var(--s-mut)}
.qa-body{margin:0 0 11px;font-size:.85rem;color:var(--s-mut);line-height:2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qa-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.qa-cat{background:#eff6ff;color:var(--s-blue);border-radius:9px;padding:4px 11px;font-size:.74rem;font-weight:800}
.qa-stats{display:flex;align-items:center;gap:13px;margin-inline-start:auto;font-size:.76rem;color:var(--s-mut2)}
.qa-stats span{display:flex;align-items:center;gap:4px}
.qa-stats svg{width:14px;height:14px}

.qa-ask-box{background:linear-gradient(150deg,var(--s-blue2),var(--s-navy));border-radius:var(--s-r2);padding:22px;
  color:#fff;box-shadow:var(--s-sh3);position:relative;overflow:hidden}
.qa-ask-box::before{content:'';position:absolute;bottom:-52px;inset-inline-start:-42px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,191,36,.26),transparent 68%)}
.qa-ask-box b{position:relative;display:flex;align-items:center;gap:9px;font-size:1rem;font-weight:900;margin-bottom:7px}
.qa-ask-box .plus{width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));
  color:#3a2500;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900}
.qa-ask-box p{position:relative;margin:0 0 15px;font-size:.81rem;color:#c4d6f7;line-height:2}
.qa-ask-box a,.qa-ask-box button{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;
  border:0;cursor:pointer;font-family:inherit;background:#fff;color:var(--s-navy);font-size:.88rem;font-weight:900;
  padding:12px;border-radius:13px;transition:.22s}
.qa-ask-box a:hover,.qa-ask-box button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.2)}

.qa-tip{background:linear-gradient(150deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:var(--s-r2);padding:19px}
.qa-tip b{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:900;color:#92400e;margin-bottom:7px}
.qa-tip p{margin:0;font-size:.8rem;color:#a16207;line-height:2}

.qa-crumbs{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--s-mut);margin-bottom:18px;flex-wrap:wrap}
.qa-crumbs a{font-weight:700;color:var(--s-ink2)}
.qa-crumbs a:hover{color:var(--s-blue)}
.qa-notice{background:var(--s-warnbg);color:#92400e;border-radius:16px;padding:14px 18px;margin-bottom:18px;font-size:.86rem;font-weight:800;line-height:2}
.qa-notice a{color:var(--s-blue);font-weight:900;border-bottom:1px dashed currentColor}
.qa-notice.muted{background:#f1f5f9;color:var(--s-mut)}
.qa-av{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-size:1.05rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#64748b,#475569)}
.qa-av.lg{width:54px;height:54px;border-radius:18px;font-size:1.3rem;background:linear-gradient(135deg,var(--s-blue2),var(--s-navy));box-shadow:0 10px 24px rgba(37,99,235,.28)}
.qa-av.sm{width:32px;height:32px;border-radius:11px;font-size:.85rem}
.qa-av.gold{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px rgba(245,158,11,.3)}
.qa-q-card{background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r3);box-shadow:var(--s-sh);padding:24px 26px;position:relative;overflow:hidden}
.qa-q-card::before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:0;width:5px;background:linear-gradient(180deg,var(--s-blue3),var(--s-navy))}
.qa-q-top{display:flex;align-items:flex-start;gap:16px}
.qa-q-headline{flex:1;min-width:0}
.qa-q-titlerow{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.qa-q-title{flex:1;margin:0;font-size:1.3rem;font-weight:900;line-height:1.85;min-width:0;color:var(--s-ink);overflow-wrap:anywhere}
.qa-q-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--s-mut)}
.qa-q-meta b{color:var(--s-ink2);font-weight:900}
.qa-q-body{margin-top:18px;padding-top:18px;border-top:1px solid var(--s-line2)}
.qa-q-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px dashed var(--s-line)}
.qa-q-foot-sp{flex:1}
.qa-chip{display:inline-flex;align-items:center;gap:6px;background:#f5f8fd;border-radius:10px;padding:6px 11px;font-size:.78rem;font-weight:800;color:var(--s-mut)}
.qa-chip svg{width:14px;height:14px}
.qa-act{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--s-line);background:#fff;color:var(--s-ink2);
  border-radius:11px;padding:7px 12px;font-family:inherit;font-size:.8rem;font-weight:800;cursor:pointer;transition:.2s;white-space:nowrap}
.qa-act svg{width:15px;height:15px}
.qa-act:hover{background:#eff6ff;border-color:#bfdbfe;color:var(--s-blue)}
.qa-act.primary{background:linear-gradient(135deg,var(--s-blue2),var(--s-navy));color:#fff;border-color:transparent}
.qa-act.primary:hover{filter:brightness(1.08);color:#fff}
.qa-act.ghost{border-color:transparent;background:transparent;color:var(--s-mut)}
.qa-act.accept:hover,.qa-act.accept.on{background:var(--s-okbg);border-color:#86efac;color:#15803d}
.qa-badge-expert{background:#fef3c7;color:#92400e}
.qa-badge.sm{padding:2px 8px;font-size:.66rem}
.qa-ans-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:30px 0 16px;scroll-margin-top:90px}
.qa-ans-sort{display:flex;gap:4px;background:#fff;border:1px solid var(--s-line);border-radius:14px;padding:4px;box-shadow:var(--s-sh)}
.qa-ans-sort a{padding:7px 13px;border-radius:10px;font-size:.8rem;font-weight:800;color:var(--s-mut);transition:.2s;white-space:nowrap}
.qa-ans-sort a:hover{background:#f3f8ff;color:var(--s-blue)}
.qa-ans-sort a.on{background:linear-gradient(135deg,var(--s-blue2),var(--s-blue));color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.28)}
.qa-answers{display:flex;flex-direction:column;gap:14px}
.qa-ans{display:flex;gap:16px;background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r2);box-shadow:var(--s-sh);
  padding:20px 22px;scroll-margin-top:90px;transition:border-color .3s,box-shadow .3s}
.qa-ans.is-accepted{border-color:#86efac;background:linear-gradient(165deg,#f3fdf6,#fff 42%);box-shadow:0 14px 36px rgba(22,163,74,.1)}
.qa-ans.is-expert:not(.is-accepted){border-color:#fde68a}
.qa-flash{animation:qaFlash 2.2s ease}
@keyframes qaFlash{0%,30%{box-shadow:0 0 0 4px rgba(59,130,246,.35)}100%{box-shadow:var(--s-sh)}}
.qa-vote{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:58px}
.qa-vote.busy{opacity:.6;pointer-events:none}
.qa-vote-btn{width:52px;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--s-line);background:#f8fafc;
  border-radius:14px;padding:8px 4px 6px;cursor:pointer;font-family:inherit;color:var(--s-mut);transition:.2s}
.qa-vote-btn svg{width:20px;height:20px}
.qa-vote-btn b{font-size:.78rem;font-weight:900}
.qa-vote-btn.up:hover:not(:disabled),.qa-vote-btn.up.on{background:var(--s-okbg);border-color:#86efac;color:#15803d}
.qa-vote-btn.down:hover:not(:disabled),.qa-vote-btn.down.on{background:var(--s-dangerbg);border-color:#fca5a5;color:var(--s-danger)}
.qa-vote-btn.on{box-shadow:0 6px 16px rgba(15,23,42,.1);transform:translateY(-1px)}
.qa-vote-btn:disabled{cursor:not-allowed;opacity:.55}
.qa-vote-score{font-size:.95rem;font-weight:900;color:var(--s-ink2);direction:ltr}
.qa-ans-main{flex:1;min-width:0}
.qa-ans-top{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:12px}
.qa-ans-who{flex:1;min-width:120px}
.qa-ans-who b{display:block;font-size:.9rem;font-weight:900;color:var(--s-ink)}
.qa-ans-who small{font-size:.75rem;color:var(--s-mut)}
.qa-ans-badges{display:flex;gap:6px;flex-wrap:wrap}
.qa-ans-body{font-size:.91rem;line-height:2.2}
.qa-ans-body > :last-child{margin-bottom:0}
.qa-helpful{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.qa-helpful-bar{width:120px;height:7px;border-radius:99px;background:#fee2e2;overflow:hidden;flex-shrink:0}
.qa-helpful-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .4s}
.qa-helpful small{font-size:.76rem;color:var(--s-mut)}
.qa-helpful small b{color:#15803d;font-weight:900}
.qa-ans-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--s-line2)}
.qa-replies{margin-top:14px;padding-inline-start:16px;border-inline-start:3px solid #dbeafe;display:flex;flex-direction:column;gap:10px}
.qa-reply{display:flex;gap:10px;background:#f8fbff;border:1px solid #e8f0fb;border-radius:15px;padding:11px 13px;scroll-margin-top:90px}
.qa-reply.is-expert{background:#fffbeb;border-color:#fde68a}
.qa-reply-main{flex:1;min-width:0}
.qa-reply-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.qa-reply-top b{font-size:.82rem;font-weight:900;color:var(--s-ink)}
.qa-reply-top small{font-size:.72rem;color:var(--s-mut2)}
.qa-reply-to{margin-inline-start:auto;border:0;background:transparent;color:var(--s-blue);font-family:inherit;font-size:.76rem;font-weight:800;cursor:pointer;padding:2px 6px;border-radius:8px}
.qa-reply-to:hover{background:#dbeafe}
.qa-reply-body{font-size:.85rem;line-height:2.1;color:var(--s-ink2);overflow-wrap:anywhere}
.qa-reply-toggle{align-self:flex-start;border:0;background:#eff6ff;color:var(--s-blue);font-family:inherit;font-size:.78rem;font-weight:800;padding:6px 13px;border-radius:10px;cursor:pointer}
.qa-reply-form{margin-top:12px;background:#f8fbff;border:1px solid #dbeafe;border-radius:15px;padding:12px}
.qa-reply-form textarea{width:100%;border:1px solid var(--s-line);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:.86rem;
  line-height:2;resize:vertical;outline:0;background:#fff;color:var(--s-ink)}
.qa-reply-form textarea:focus{border-color:var(--s-blue3);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.qa-reply-form-f{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}
.qa-reply-form-f .s-btn{padding:9px 16px;font-size:.82rem}
.qa-count{margin-inline-end:auto;font-size:.74rem;color:var(--s-mut2);font-weight:700}
.qa-compose{margin-top:26px;background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r2);box-shadow:var(--s-sh);padding:20px 22px;scroll-margin-top:90px}
.qa-compose-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}
.qa-compose-ico{width:38px;height:38px;border-radius:13px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qa-compose-h b{display:block;font-size:1rem;font-weight:900;color:var(--s-ink)}
.qa-compose-h small{display:block;font-size:.78rem;color:var(--s-mut);line-height:1.9}
.qa-compose-f{display:flex;align-items:center;gap:10px}
.qa-compose-note{margin:12px 0 0;font-size:.77rem;color:var(--s-mut);line-height:2}
.qa-side-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:900;margin-bottom:13px}
.qa-related{display:flex;flex-direction:column;gap:12px}
.qa-related a{display:block}
.qa-related a span{display:block;font-size:.83rem;font-weight:700;color:var(--s-ink2);line-height:1.9;margin-bottom:3px}
.qa-related a:hover span{color:var(--s-blue)}
.qa-related a small{font-size:.73rem;color:var(--s-mut2)}

.s-pager{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:30px;flex-wrap:wrap}
.s-pager a,.s-pager span{min-width:40px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;
  border-radius:13px;background:#fff;border:1px solid var(--s-line);font-size:.87rem;font-weight:800;color:var(--s-ink2);transition:.2s}
.s-pager a:hover{background:#eff6ff;color:var(--s-blue);border-color:#bfdbfe}
.s-pager .cur{background:linear-gradient(135deg,var(--s-blue2),var(--s-navy));color:#fff;border-color:transparent;
  box-shadow:0 8px 20px rgba(37,99,235,.3)}
.s-pager .off{opacity:.4;pointer-events:none}
.s-pager-info{text-align:center;margin-top:12px;font-size:.8rem;color:var(--s-mut)}

.s-empty{text-align:center;padding:58px 24px;background:#fff;border:1px dashed #cbd9ef;border-radius:var(--s-r2)}
.s-empty-ico{font-size:3rem;margin-bottom:12px;opacity:.5}
.s-empty b{display:block;font-size:1.02rem;font-weight:900;color:var(--s-ink2);margin-bottom:6px}
.s-empty p{margin:0;font-size:.86rem;color:var(--s-mut)}

.s-article{background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r3);overflow:hidden;box-shadow:var(--s-sh)}
.s-article-cover{aspect-ratio:21/9;background:linear-gradient(135deg,#dbeafe,#eff6ff)}
.s-article-cover img{width:100%;height:100%;object-fit:cover}
.s-article-body{padding:30px 34px 36px}
.s-article h1{margin:0 0 14px;font-size:1.65rem;font-weight:900;line-height:1.75;color:var(--s-ink)}
.s-article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;
  border-bottom:1px solid var(--s-line2);font-size:.81rem;color:var(--s-mut)}
.s-article-meta span{display:flex;align-items:center;gap:5px}
.s-article-meta svg{width:14px;height:14px}
.s-content{font-size:.95rem;line-height:2.3;color:var(--s-ink2)}
.s-content h2{font-size:1.22rem;font-weight:900;color:var(--s-ink);margin:28px 0 12px;padding-inline-start:12px;
  border-inline-start:4px solid var(--s-blue2)}
.s-content h3{font-size:1.06rem;font-weight:900;color:var(--s-ink);margin:22px 0 10px}
.s-content p{margin:0 0 16px}
.s-content ul,.s-content ol{margin:0 0 16px;padding-inline-start:24px}
.s-content li{margin-bottom:7px}
.s-content img{border-radius:var(--s-r);margin:18px 0;box-shadow:var(--s-sh)}
.s-content blockquote{margin:18px 0;padding:15px 19px;background:#f5f9ff;border-inline-start:4px solid var(--s-blue3);
  border-radius:0 var(--s-r) var(--s-r) 0;color:var(--s-ink2)}
.s-content a{color:var(--s-blue);font-weight:700;border-bottom:1px dashed currentColor}
.s-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.88rem}
.s-content th,.s-content td{border:1px solid var(--s-line);padding:9px 11px;text-align:right}
.s-content th{background:#f1f6ff;font-weight:900}
.s-content > :first-child{margin-top:0}
.s-content h4{font-size:.98rem;font-weight:900;color:var(--s-ink);margin:18px 0 8px}
.s-content img{display:inline-block;max-width:100%;height:auto;vertical-align:middle}
.s-content pre{direction:ltr;text-align:left;background:#0f172a;color:#e2e8f0;padding:16px 18px;border-radius:var(--s-r);
  overflow-x:auto;font-size:.84rem;line-height:1.9;margin:18px 0;white-space:pre-wrap}
.s-content code{font-family:Consolas,'Courier New',monospace;font-size:.88em;background:#f1f5f9;padding:1px 6px;border-radius:6px;direction:ltr;unicode-bidi:embed}
.s-content pre code{background:transparent;padding:0;color:inherit}
.s-content hr{border:0;border-top:1px dashed #cbd9ef;margin:26px 0}
.s-content mark{background:#fef08a;border-radius:4px;padding:0 3px}
.s-content sub,.s-content sup{font-size:.72em}
.s-content [dir="ltr"]{text-align:left}
.s-content iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--s-r);margin:18px 0;background:#0f172a}
.s-content .re-video{position:relative;aspect-ratio:16/9;margin:18px 0;border-radius:var(--s-r);overflow:hidden;background:#0f172a;box-shadow:var(--s-sh)}
.s-content .re-video iframe{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0}
.s-content td,.s-content th{vertical-align:top}

.s-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--s-line2)}
.s-tag{background:#f1f6ff;color:var(--s-blue);border-radius:10px;padding:6px 13px;font-size:.79rem;font-weight:800;transition:.2s}
.s-tag:hover{background:var(--s-blue2);color:#fff}

.s-buy{position:sticky;top:94px;background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r2);
  padding:22px;box-shadow:var(--s-sh2)}
.s-buy-price{text-align:center;padding-bottom:18px;margin-bottom:18px;border-bottom:1px dashed var(--s-line)}
.s-buy-price b{display:block;font-size:1.75rem;font-weight:900;color:var(--s-navy);line-height:1.5}
.s-buy-price del{display:block;font-size:.92rem;color:var(--s-mut2);margin-bottom:3px}
.s-buy-price small{font-size:.82rem;color:var(--s-mut);font-weight:700}
.s-buy-rows{display:flex;flex-direction:column;gap:11px;margin-bottom:18px}
.s-buy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.84rem}
.s-buy-row span:first-child{color:var(--s-mut);display:flex;align-items:center;gap:7px}
.s-buy-row b{color:var(--s-ink);font-weight:800}
.s-buy-row svg{width:15px;height:15px;color:var(--s-mut2)}

.s-cart-row{display:flex;align-items:center;gap:15px;padding:16px;border-bottom:1px solid var(--s-line2)}
.s-cart-row:last-child{border-bottom:0}
.s-cart-thumb{width:74px;height:74px;border-radius:15px;background:linear-gradient(150deg,#f1f6ff,#e4edfb);
  display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:900;flex-shrink:0;overflow:hidden}
.s-cart-thumb img{width:100%;height:100%;object-fit:cover}
.s-cart-info{flex:1;min-width:0}
.s-cart-info b{display:block;font-size:.92rem;font-weight:900;color:var(--s-ink);margin-bottom:4px}
.s-cart-info small{display:block;font-size:.78rem;color:var(--s-mut)}
.s-cart-price{font-size:1rem;font-weight:900;color:var(--s-navy);white-space:nowrap}
.s-cart-del{width:36px;height:36px;border:0;border-radius:12px;background:var(--s-dangerbg);color:var(--s-danger);
  cursor:pointer;font-size:1.1rem;flex-shrink:0;transition:.2s}
.s-cart-del:hover{background:var(--s-danger);color:#fff}

.s-coupon{display:flex;gap:8px;margin-bottom:16px}
.s-coupon input{flex:1;border:1px solid var(--s-line);border-radius:13px;padding:12px 14px;font-family:inherit;
  font-size:.88rem;outline:0;transition:.2s;min-width:0}
.s-coupon input:focus{border-color:var(--s-blue3);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.s-coupon button{border:0;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:900;color:#fff;
  background:linear-gradient(135deg,var(--s-navy),var(--s-blue));padding:12px 20px;border-radius:13px;white-space:nowrap;transition:.2s}
.s-coupon button:hover{filter:brightness(1.1)}
.s-coupon-ok{background:var(--s-okbg);color:#15803d;border-radius:12px;padding:10px 14px;font-size:.82rem;
  font-weight:800;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.s-coupon-ok button{border:0;background:transparent;color:#15803d;cursor:pointer;font-size:1.1rem;font-family:inherit}

.s-sum-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:.89rem;color:var(--s-ink2)}
.s-sum-row.total{border-top:1px dashed var(--s-line);margin-top:8px;padding-top:14px;font-size:1.06rem;font-weight:900;color:var(--s-navy)}
.s-sum-row.discount{color:var(--s-ok);font-weight:800}

.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:inherit;
  font-size:.9rem;font-weight:900;padding:13px 24px;border-radius:14px;transition:.22s;text-align:center}
.s-btn-primary{color:#fff;background:linear-gradient(135deg,var(--s-blue2),var(--s-navy));box-shadow:0 12px 28px rgba(29,78,216,.28)}
.s-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07)}
.s-btn-gold{color:#3a2500;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));box-shadow:0 12px 28px rgba(245,158,11,.35)}
.s-btn-gold:hover{transform:translateY(-2px);filter:brightness(1.06)}
.s-btn-ghost{color:var(--s-ink2);background:#fff;border:1px solid var(--s-line)}
.s-btn-ghost:hover{background:#f5f9ff;color:var(--s-blue);border-color:#bfdbfe}
.s-btn-block{width:100%}
.s-btn:disabled{opacity:.6;cursor:default;transform:none}
.s-btn svg{width:17px;height:17px}

.s-modal-bd{position:fixed;inset:0;background:rgba(10,25,60,.6);backdrop-filter:blur(5px);z-index:1200;
  display:none;align-items:center;justify-content:center;padding:18px}
.s-modal-bd.open{display:flex}
.s-modal{background:#fff;border-radius:var(--s-r3);width:min(620px,96vw);max-height:92vh;overflow:auto;
  box-shadow:0 40px 90px rgba(0,0,0,.34);animation:sModalIn .26s cubic-bezier(.2,.9,.3,1)}
@keyframes sModalIn{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
.s-modal-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--s-line2)}
.s-modal-h h3{margin:0;font-size:1.06rem;font-weight:900;color:var(--s-ink)}
.s-modal-h button{width:34px;height:34px;border:0;border-radius:11px;background:#f1f5f9;color:var(--s-mut);
  cursor:pointer;font-size:1.2rem;transition:.2s}
.s-modal-h button:hover{background:var(--s-dangerbg);color:var(--s-danger)}
.s-modal-b{padding:22px 24px}
.s-modal-f{padding:16px 24px;border-top:1px solid var(--s-line2);display:flex;gap:10px;justify-content:flex-start}

.s-field{margin-bottom:15px}
.s-field label{display:block;font-size:.84rem;font-weight:800;color:var(--s-ink2);margin-bottom:7px}
.s-field label .req{color:var(--s-danger)}
.s-field input,.s-field select,.s-field textarea{width:100%;border:1px solid var(--s-line);border-radius:13px;
  padding:12px 14px;font-family:inherit;font-size:.88rem;color:var(--s-ink);outline:0;transition:.2s;background:#fff}
.s-field input:focus,.s-field select:focus,.s-field textarea:focus{border-color:var(--s-blue3);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.s-field textarea{resize:vertical;line-height:2}
.s-field small{display:block;margin-top:6px;font-size:.76rem;color:var(--s-mut)}

.site-toast{position:fixed;bottom:26px;inset-inline-start:26px;z-index:1500;background:var(--s-ink);color:#fff;
  padding:14px 22px;border-radius:15px;font-size:.88rem;font-weight:800;box-shadow:0 20px 44px rgba(0,0,0,.3);
  opacity:0;visibility:hidden;transform:translateY(16px);transition:.28s;max-width:min(420px,90vw)}
.site-toast.show{opacity:1;visibility:visible;transform:none}
.site-toast.success{background:linear-gradient(135deg,#16a34a,#15803d)}
.site-toast.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}

.site-footer{background:linear-gradient(105deg,var(--s-navy),#17408f);color:#fff;margin-top:40px}
.site-footer-inner{max-width:1280px;margin:0 auto;padding:30px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;flex-wrap:wrap}
.site-footer-brand{display:flex;align-items:center;gap:11px}
.site-footer-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.site-footer-links a{color:#c3d5f5;font-size:.85rem;font-weight:700;padding:7px 12px;border-radius:10px;transition:.2s}
.site-footer-links a:hover{color:#fff;background:rgba(255,255,255,.12)}
.site-footer-social{display:flex;align-items:center;gap:12px}
.site-footer-social span{font-size:.82rem;color:#c3d5f5;font-weight:700}
.site-footer-social div{display:flex;gap:7px}
.site-footer-social a{width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.13);
  display:flex;align-items:center;justify-content:center;color:#fff;transition:.22s}
.site-footer-social a:hover{background:var(--sn,var(--s-gold));color:#fff;transform:translateY(-2px)}
.site-footer-social svg{width:18px;height:18px}
.site-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 20px;text-align:center;
  font-size:.79rem;color:#a8c0e8}

@media(min-width:901px){
  .site-menu{min-width:0;overflow-x:auto;scrollbar-width:none}
  .site-menu::-webkit-scrollbar{display:none}
}

@media(min-width:901px) and (max-width:1080px){
  .site-nav-inner{gap:12px;padding:0 16px}
  .site-brand-text small{display:none}
  .site-menu{gap:0}
  .site-menu a{padding:8px 10px;font-size:.82rem}
  .site-menu a svg{display:none}
  .site-account-label{display:none}
  .site-login-btn{padding:10px 12px}
  .site-login-btn span{display:none}
}

@media(max-width:1080px){
  .site-layout-3{grid-template-columns:250px minmax(0,1fr)}
  .site-layout-3 > .s-side:last-child{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;position:static}
  .site-layout-3 > .s-side:last-child > *{flex:1;min-width:260px}
}

@media(max-width:900px){
  .site-nav-inner{height:64px;gap:10px;padding:0 14px}
  .site-burger{display:flex;order:-1}
  .site-brand{flex:1;min-width:0}
  .site-brand-mark{width:38px;height:38px;border-radius:12px}
  .site-brand-mark img{width:25px;height:25px}
  .site-brand-text b{font-size:.98rem}
  .site-brand-text small{display:none}
  .site-nav-actions{gap:7px}
  .site-account-label{display:none}
  .site-cart{width:38px;height:38px;border-radius:11px}
  .site-cart svg{width:18px;height:18px}
  .site-login-btn{padding:9px 11px}
  .site-login-btn span{display:none}
  .site-account-btn{padding:6px}

  .site-menu{position:fixed;top:0;right:0;left:auto;bottom:0;width:min(84vw,320px);
    background:linear-gradient(170deg,var(--s-navy),#17408f 60%,#1d4ed8);
    flex-direction:column;align-items:stretch;gap:4px;padding:0 14px 24px;z-index:895;margin:0;
    transform:translateX(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);
    overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-26px 0 64px rgba(0,0,0,.38);
    visibility:hidden}
  body.site-menu-open .site-menu{transform:translateX(0);visibility:visible}
  body.site-menu-open{overflow:hidden}
  body.site-menu-open .site-menu-backdrop{display:block}

  .site-menu .site-menu-head{display:flex;align-items:center;gap:11px;position:sticky;top:0;z-index:2;
    padding:16px 2px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.14);
    background:linear-gradient(170deg,var(--s-navy),#1b3f87)}
  .site-menu-head b{display:block;color:#fff;font-size:.95rem;font-weight:900}
  .site-menu-head small{display:block;color:#a9c2ee;font-size:.7rem}
  .site-menu-close{margin-inline-start:auto;width:34px;height:34px;border:0;border-radius:11px;
    background:rgba(255,255,255,.14);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;flex-shrink:0}
  .site-menu-close:active{background:rgba(255,255,255,.26)}

  .site-menu a{padding:13px 14px;font-size:.93rem;border-radius:13px}
  .site-menu a svg{width:19px;height:19px}
  .site-menu a.active{box-shadow:none;background:rgba(255,255,255,.18)}
  .site-menu .site-menu-login{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;
    padding:13px;border-radius:13px;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));
    color:#3a2500;font-size:.92rem;font-weight:900}
  .site-menu-login svg{width:18px;height:18px}
  .site-menu .site-menu-social{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
  .site-menu .site-menu-social a{width:42px;height:42px;padding:0;justify-content:center;border-radius:13px;background:rgba(255,255,255,.14);color:#fff}
  .site-menu .site-menu-social a:hover{background:var(--sn,rgba(255,255,255,.26))}
  .site-menu .site-menu-social svg{width:20px;height:20px;opacity:1}

  .site-layout,.site-layout.reverse,.site-layout-3{grid-template-columns:minmax(0,1fr);gap:18px}
  .site-layout > *,
  .site-layout-3 > *{max-width:100%}
  .s-side{position:static;min-width:0}
  .site-layout-3 > .s-side:last-child{flex-direction:column}
  .site-layout-3 > .s-side:last-child > *{min-width:0}
  .site-layout > .s-side,
  .site-layout-3 > .s-side{order:2}
  .site-layout > div,
  .site-layout-3 > div{order:1}

  .s-grid{gap:16px}
  .s-grid-3,.s-grid-4{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}
  .s-catgrid{grid-template-columns:repeat(auto-fill,minmax(min(158px,100%),1fr));gap:13px}
  .s-sec-head{gap:10px}
  .qa-sort{min-width:0;max-width:100%}
  .qa-sort select{flex:1;min-width:0;max-width:100%}
  .s-cat{min-width:0}
  .s-perk > span:last-child{min-width:0}
  .s-prod-title,.s-post-title,.s-cat-name,.s-prod-sub,.s-post-ex,
  .s-perk b,.s-perk small,.s-catcard b,.s-promo h3,.s-news h3{overflow-wrap:anywhere}

  .site-hero{padding:34px 16px 40px}
  .site-hero-title{font-size:1.5rem}
  .site-hero-sub{font-size:.87rem;line-height:2}
  .site-hero-icon{font-size:2.1rem}
  .s-article-body{padding:22px 18px 26px}
  .s-article h1{font-size:1.3rem}
  .s-buy{position:static}
  .s-sec-title{font-size:1.04rem}
  .site-footer-inner{flex-direction:column;text-align:center}
}

@media(max-width:560px){
  .site-main{padding:18px 13px 40px}
  .s-grid-3,.s-grid-4{grid-template-columns:minmax(0,1fr)}
  .s-catgrid{grid-template-columns:repeat(auto-fill,minmax(min(148px,100%),1fr));gap:11px}
  .s-catcard{padding:16px 11px}
  .s-catcard-ico{width:46px;height:46px;font-size:1.3rem;border-radius:15px}
  .s-catcard b{font-size:.83rem}
  .s-catcard small{font-size:.73rem}
  .site-hero{padding:28px 14px 34px}
  .site-hero-title{font-size:1.28rem;line-height:1.75}
  .site-hero-search{flex-wrap:wrap;border-radius:18px;padding:11px 13px;gap:10px}
  .site-hero-search svg{display:none}
  .site-hero-search input{width:100%;padding:6px 2px;border-bottom:1px solid var(--s-line)}
  .site-hero-search button{width:100%;padding:11px}
  .s-tabs{padding:5px;gap:4px}
  .s-tab{padding:9px 13px;font-size:.82rem}
  .qa-toolbar{gap:9px}
  .qa-sort{width:100%}
  .qa-sort select{flex:1;min-width:0}
  .qa-item{flex-direction:column;gap:11px;padding:15px}
  .qa-avatar{display:flex;align-items:center;gap:10px;width:auto;text-align:right}
  .qa-avatar .av{margin:0;width:38px;height:38px;font-size:1rem;border-radius:13px}
  .qa-avatar .nm{-webkit-line-clamp:1}
  .qa-avatar .tm{margin:0}
  .qa-head{flex-direction:column;gap:7px}
  .qa-title{font-size:.94rem}
  .qa-stats{margin-inline-start:0;width:100%}
  .qa-q-card{padding:18px 16px}
  .qa-q-top{gap:12px}
  .qa-av.lg{width:44px;height:44px;border-radius:14px;font-size:1.05rem}
  .qa-q-title{font-size:1.06rem}
  .qa-q-foot-sp{display:none}
  .qa-ans{flex-direction:column-reverse;padding:15px;gap:10px}
  .qa-vote{flex-direction:row;width:auto;justify-content:flex-start;gap:8px;padding-top:10px;border-top:1px solid var(--s-line2)}
  .qa-vote-btn{flex-direction:row;width:auto;padding:7px 12px;gap:6px}
  .qa-vote-score{order:3;margin-inline-start:4px}
  .qa-ans-actions{margin-top:10px}
  .qa-replies{padding-inline-start:10px}
  .qa-reply{padding:10px}
  .qa-ans-sort{width:100%}
  .qa-ans-sort a{flex:1;text-align:center;padding:7px 6px}
  .qa-compose{padding:16px}
  .s-cart-row{flex-wrap:wrap;gap:11px}
  .s-cart-thumb{width:56px;height:56px}
  .s-cart-price{width:100%;order:3}
  .s-modal-b,.s-modal-h,.s-modal-f{padding-inline:15px}
  .s-article-body{padding:18px 15px 22px}
  .s-article h1{font-size:1.16rem}
  .s-content{font-size:.9rem}
  .s-content table{display:block;overflow-x:auto;white-space:nowrap}
  .s-post-title{font-size:.94rem}
  .s-sec-head{gap:9px}
  .s-pager a,.s-pager span{min-width:36px;height:36px;font-size:.82rem}
  .site-footer-links{justify-content:center}
}

@media(max-width:380px){
  .s-catgrid{grid-template-columns:minmax(0,1fr)}
  .site-brand-text b{font-size:.9rem}
  .s-hero-title,.site-hero-title{font-size:1.16rem}
}

@media(min-width:1081px){
  .site-fluid .site-layout{grid-template-columns:clamp(270px,17vw,360px) minmax(0,1fr)}
  .site-fluid .site-layout.reverse{grid-template-columns:minmax(0,1fr) clamp(270px,17vw,360px)}
  .site-fluid .site-layout-3{grid-template-columns:clamp(250px,15vw,340px) minmax(0,1fr) clamp(250px,15vw,340px)}
  .site-fluid .site-hero-inner{max-width:min(1100px,100%)}
}

@media(min-width:1700px){
  .site-fluid .qa-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-fluid .s-grid{gap:24px}
}

@media(max-width:900px){
  .site-ad-wide .site-ad-ph{padding:4px 12px;gap:9px}
  .site-ad-wide .site-ad-ph-ico{width:32px;height:32px;border-radius:11px}
  .site-ad-wide .site-ad-ph-ico svg{width:17px;height:17px}
  .site-ad-wide .site-ad-ph-txt b{font-size:.82rem}
  .site-ad-wide .site-ad-ph-txt small{font-size:.68rem}
  .s-side .site-ad-box,.s-side .site-ad-tall{max-width:420px}
}

@media(max-width:640px){
  .site-ad-wide{max-width:calc(var(--ad-mw) * 1.5px)}
  .site-ad-wide.is-empty .site-ad-frame,.site-ad-wide.has-mobile .site-ad-frame{aspect-ratio:var(--ad-mw) / var(--ad-mh)}
  .site-ad-wide.is-empty .site-ad-ph{flex-direction:column;gap:6px}
  .site-ad-wide.is-empty .site-ad-ph-txt{align-items:center}
  .s-side .site-ad-tall .site-ad-frame{aspect-ratio:300 / 400}
}

.site-main-bare{max-width:none;padding:0}
.prod-aside{display:flex;flex-direction:column;gap:18px;min-width:0}
.prod-aside:has(.site-ad) .s-buy{position:static}

@media(min-width:901px){
  .s-side:has(> .site-ad-tall:last-child),.prod-aside:has(> .site-ad-tall:last-child){position:static;align-self:stretch}
  .s-side > .site-ad-tall:last-child,.prod-aside > .site-ad-tall:last-child{position:sticky;top:94px}
}

.pg-wrap{background:linear-gradient(150deg,#f1f6ff,#e2ecfb);display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px;min-height:250px;min-width:0}
.pg-wrap > .s-prod-filetag{align-self:center}
.pg{display:flex;flex-direction:column;gap:10px;min-width:0}
.pg-main{position:relative;display:block;width:100%;aspect-ratio:1/1;max-height:320px;border:0;padding:0;border-radius:16px;overflow:hidden;background:#fff;
  cursor:zoom-in;box-shadow:0 10px 26px rgba(15,23,42,.08)}
.pg-main img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s}
.pg-main:hover img{transform:scale(1.04)}
.pg-zoom{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.94);color:var(--s-navy);
  display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;box-shadow:0 6px 14px rgba(15,23,42,.15)}
.pg-zoom svg{width:17px;height:17px}
.pg-main:hover .pg-zoom,.pg-main:focus-visible .pg-zoom{opacity:1}
.pg-count{position:absolute;bottom:10px;right:10px;font-size:.72rem;font-weight:900;color:#fff;background:rgba(15,23,42,.72);border-radius:999px;padding:3px 10px}
.pg-thumbs{display:flex;gap:7px;overflow-x:auto;padding:2px;scrollbar-width:thin}
.pg-thumb{flex:0 0 56px;height:56px;border:2px solid transparent;border-radius:12px;padding:0;overflow:hidden;background:#fff;cursor:pointer;opacity:.7;transition:.2s}
.pg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pg-thumb:hover{opacity:1}
.pg-thumb.on{opacity:1;border-color:var(--s-blue2);box-shadow:0 4px 12px rgba(37,99,235,.25)}

.bgal-sec{margin-top:28px;padding-top:22px;border-top:1px solid var(--s-line2)}
.bgal-title{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:1.06rem;font-weight:900;color:var(--s-ink)}
.bgal-title .ic{width:32px;height:32px;border-radius:11px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.bgal-title small{margin-inline-start:auto;font-size:.76rem;font-weight:800;color:var(--s-mut);background:#f1f6ff;border-radius:999px;padding:3px 11px}
.bgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.bgal-item{position:relative;aspect-ratio:4/3;border:0;padding:0;border-radius:14px;overflow:hidden;cursor:zoom-in;background:#eef3fb}
.bgal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.bgal-item::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,.45),transparent 55%);opacity:0;transition:.25s}
.bgal-item span{position:absolute;z-index:1;bottom:9px;left:9px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.94);color:var(--s-navy);
  display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:.25s}
.bgal-item span svg{width:16px;height:16px}
.bgal-item:hover img{transform:scale(1.07)}
.bgal-item:hover::after,.bgal-item:hover span,.bgal-item:focus-visible span{opacity:1;transform:none}

.slb{position:fixed;inset:0;z-index:2000;background:rgba(3,8,26,.93);display:grid;grid-template-rows:auto minmax(0,1fr) auto;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.slb.open{opacity:1;visibility:visible}
.slb-top{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#e2e8f0}
.slb-count{font-size:.82rem;font-weight:900;background:rgba(255,255,255,.12);border-radius:999px;padding:4px 12px;white-space:nowrap}
.slb-title{flex:1;min-width:0;font-size:.86rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slb-x{width:42px;height:42px;border:0;border-radius:13px;background:rgba(255,255,255,.12);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:.2s}
.slb-x:hover{background:#dc2626}
.slb-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 78px}
.slb-fig{margin:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}
.slb-fig img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.slb-fig img.in{animation:slbIn .3s ease}
@keyframes slbIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.slb-nav{position:absolute;top:50%;width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:.2s}
.slb-nav:hover{background:rgba(255,255,255,.26)}
.slb-nav svg{width:24px;height:24px}
.slb-prev{right:16px}
.slb-next{left:16px}
.slb-strip{display:flex;justify-content:center;gap:7px;padding:12px 16px 18px;overflow-x:auto;scrollbar-width:thin}
.slb-strip button{flex:0 0 62px;height:46px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;opacity:.5;background:#0f172a;transition:.2s}
.slb-strip button:hover{opacity:.85}
.slb-strip button.on{opacity:1;border-color:var(--s-gold)}
.slb-strip img{width:100%;height:100%;object-fit:cover;display:block}
html.slb-lock,html.slb-lock body{overflow:hidden}

@media(max-width:760px){
  .pg-main{max-height:none;aspect-ratio:4/3}
  .bgal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slb-stage{padding:0 8px}
  .slb-nav{top:auto;bottom:10px;transform:none;width:44px;height:44px;background:rgba(15,23,42,.6)}
  .slb-strip{justify-content:flex-start}
}

.prod-top{display:grid;grid-template-columns:300px minmax(0,1fr)}
.bp-main{min-width:0;display:flex;flex-direction:column}
.s-article-meta a{display:flex;align-items:center;gap:5px;color:var(--s-blue);font-weight:800;transition:gap .2s}
.s-article-meta a:hover{gap:8px}
.s-article-meta a svg{width:14px;height:14px}
@media(min-width:1081px){
  .site-fluid .prod-top{grid-template-columns:clamp(300px,32%,580px) minmax(0,1fr)}
  .site-fluid .prod-top .pg-wrap{min-height:320px;padding:22px}
  .site-fluid .prod-top .pg-main{max-height:min(560px,62vh)}
}
@media(min-width:1500px){
  .site-fluid .prod-info{padding:32px clamp(28px,2.4vw,52px)!important}
  .site-fluid .prod-info h1{font-size:clamp(1.38rem,.7vw + .9rem,1.85rem)!important}
  .site-fluid .prod-desc{padding:32px clamp(28px,2.4vw,52px)!important}
  .site-fluid .s-article-body{padding:40px clamp(34px,3.2vw,72px) 46px}
  .site-fluid .s-article-cover{aspect-ratio:auto}
  .site-fluid .s-article h1{font-size:clamp(1.65rem,.9vw + 1rem,2.15rem)}
  .site-fluid .s-content{font-size:clamp(.95rem,.25vw + .76rem,1.08rem)}
  .site-fluid .qa-q-card{padding:30px clamp(26px,2.4vw,48px)}
  .site-fluid .qa-ans-body,.site-fluid .qa-q-body{font-size:clamp(.91rem,.2vw + .75rem,1.02rem)}
  .site-fluid .bfl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
}
.bfl{position:relative;margin:28px 0 8px;padding:20px;border-radius:22px;background:linear-gradient(150deg,#f5f9ff,#fff 62%);border:1px solid #dbe7fb;overflow:hidden;scroll-margin-top:96px;isolation:isolate}
.bfl::before{content:'';position:absolute;z-index:-1;width:280px;height:280px;inset-inline-end:-100px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);animation:bflGlow 7s ease-in-out infinite alternate}
@keyframes bflGlow{to{transform:translate(-40px,30px) scale(1.15)}}
.bfl-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.bfl-ico{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(140deg,var(--s-blue3),var(--s-navy));box-shadow:0 14px 26px -10px rgba(29,78,216,.6);flex-shrink:0}
.bfl-ico svg{width:23px;height:23px;animation:bflDrop 2.6s ease-in-out infinite}
@keyframes bflDrop{0%,55%,100%{transform:translateY(0)}30%{transform:translateY(3px)}}
.bfl-head h2{margin:0;font-size:1.06rem;font-weight:950;color:var(--s-ink);line-height:1.6}
.bfl-head small{display:block;font-size:.78rem;color:var(--s-mut);font-weight:700}
.bfl-lock{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--s-warnbg);color:#92400e;font-size:.74rem;font-weight:900}
.bfl-lock svg{width:14px;height:14px}
.bfl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bfl-item{--fc:#2563eb;--fb:#eff6ff;position:relative;display:flex;align-items:center;gap:12px;padding:11px;border-radius:17px;background:#fff;border:1px solid var(--s-line);box-shadow:0 6px 18px rgba(15,23,42,.05);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;overflow:hidden;isolation:isolate;animation:bflIn .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(min(var(--k,0),8) * 60ms)}
@keyframes bflIn{from{opacity:0;translate:0 14px}}
.bfl-item::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--fc) 10%,transparent) 50%,transparent 65%);background-size:260% 100%;background-position:130% 0;transition:background-position .9s}
.bfl-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--fc) 35%,#fff);box-shadow:0 18px 34px -16px color-mix(in srgb,var(--fc) 55%,transparent)}
.bfl-item:hover::after{background-position:-30% 0}
.bfl-ext{width:52px;height:52px;flex-shrink:0;border-radius:15px;background:var(--fb);color:var(--fc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:.58rem;font-weight:950;line-height:1.2;letter-spacing:.2px;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.bfl-ext svg{width:20px;height:20px}
.bfl-item:hover .bfl-ext{transform:rotate(-7deg) scale(1.07)}
.bfl-tx{flex:1;min-width:0}
.bfl-tx b{display:block;font-size:.86rem;font-weight:900;color:var(--s-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bfl-tx small{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--s-mut);font-weight:700}
.bfl-need{color:#b45309}
.bfl-btn{width:40px;height:40px;flex-shrink:0;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--fc) 68%,#fff),var(--fc));box-shadow:0 10px 20px -8px color-mix(in srgb,var(--fc) 70%,transparent);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.bfl-btn svg{width:18px;height:18px}
.bfl-item:hover .bfl-btn{transform:translateY(-2px) scale(1.05)}
.bfl-item.locked .bfl-btn{background:linear-gradient(140deg,#fbbf24,#d97706);box-shadow:0 10px 20px -8px rgba(217,119,6,.6)}
.bcm{scroll-margin-top:90px;min-width:0}
.bcm .qa-ans-bar{margin-top:30px}
.bcm-empty{padding:36px 22px}
.bcm .qa-ans{animation:bcmIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(min(var(--k,0),8) * 60ms)}
.bcm .qa-ans.qa-flash{animation:qaFlash 2.2s ease}
@keyframes bcmIn{from{opacity:0;translate:0 16px}}
.bcm .qa-compose{scroll-margin-top:96px}
.bcm-off{display:flex;align-items:center;gap:10px;margin-top:22px;padding:14px 18px;border-radius:16px;background:#f1f5f9;color:var(--s-mut);font-size:.85rem;font-weight:800}
@media(max-width:560px){.bfl{padding:16px;border-radius:18px}.bfl-grid{grid-template-columns:minmax(0,1fr)}.bfl-lock{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.bfl::before,.bfl-ico svg,.bfl-item,.bcm .qa-ans{animation:none}}

.bpdf{position:relative;display:flex;align-items:center;gap:24px;margin:30px 0 10px;padding:24px 26px;border-radius:26px;background:linear-gradient(135deg,#0b2461 0%,#1e3aa8 55%,#2563eb 100%);color:#fff;overflow:hidden;isolation:isolate;box-shadow:0 26px 52px -24px rgba(15,43,107,.75);scroll-margin-top:96px}
.bpdf::before{content:'';position:absolute;z-index:-1;width:340px;height:340px;inset-inline-start:-130px;bottom:-200px;border-radius:50%;background:radial-gradient(circle,rgba(247,198,0,.42),transparent 68%);animation:bpdfGlow 8s ease-in-out infinite alternate}
.bpdf::after{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.2px);background-size:15px 15px;-webkit-mask-image:linear-gradient(to left,#000,transparent 65%);mask-image:linear-gradient(to left,#000,transparent 65%)}
@keyframes bpdfGlow{to{transform:translate(70px,-50px) scale(1.25)}}
.bpdf-art{position:relative;width:100px;height:126px;flex-shrink:0;margin-inline:6px}
.bpdf-page{position:absolute;inset:0;border-radius:10px 24px 10px 10px;background:#fff}
.bpdf-page.p3{transform:rotate(-13deg) translate(16px,8px);opacity:.18}
.bpdf-page.p2{transform:rotate(-6deg) translate(8px,3px);opacity:.42}
.bpdf-page.p1{display:flex;flex-direction:column;gap:6px;padding:12px 12px 14px;box-shadow:0 18px 34px -12px rgba(0,0,0,.5);animation:bpdfFloat 4.8s ease-in-out infinite}
@keyframes bpdfFloat{50%{transform:translateY(-7px) rotate(1.8deg)}}
.bpdf-top{display:flex;align-items:center;gap:6px;padding-bottom:6px;margin-bottom:2px;border-bottom:2px solid #f7c600}
.bpdf-top img{width:22px;height:22px;object-fit:contain}
.bpdf-top i{flex:1;height:6px;border-radius:3px;background:#1e3aa8;opacity:.85}
.bpdf-page i.l{display:block;height:5px;border-radius:3px;background:#dde5f3}
.bpdf-page i.s{width:64%}
.bpdf-page i.m{width:42%}
.bpdf-page b{position:absolute;bottom:12px;inset-inline-start:-12px;padding:3px 10px;border-radius:8px;background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;font-size:.68rem;font-weight:950;letter-spacing:.6px;box-shadow:0 8px 18px -6px rgba(190,18,60,.7)}
.bpdf-tx{flex:1;min-width:0}
.bpdf-kicker{display:inline-flex;align-items:center;padding:3px 12px;border-radius:99px;background:rgba(247,198,0,.16);border:1px solid rgba(247,198,0,.35);color:#fde047;font-size:.72rem;font-weight:900;margin-bottom:7px}
.bpdf-tx h2{margin:0 0 4px;font-size:1.14rem;font-weight:950;line-height:1.7;color:#fff}
.bpdf-tx p{margin:0 0 11px;font-size:.84rem;color:rgba(224,231,255,.85);line-height:1.95}
.bpdf-meta{display:flex;flex-wrap:wrap;gap:8px}
.bpdf-meta span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:.74rem;font-weight:800;color:#e0e7ff}
.bpdf-meta svg{width:14px;height:14px}
.bpdf-acts{display:flex;flex-direction:column;gap:9px;flex-shrink:0;min-width:170px}
.bpdf .bpdf-dl{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:15px;background:linear-gradient(135deg,#fde047,#facc15 45%,#f59e0b);color:#0b2461;font-weight:950;font-size:.9rem;box-shadow:0 16px 30px -12px rgba(250,204,21,.75);overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.bpdf .bpdf-dl::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);background-size:250% 100%;background-position:160% 0;animation:bpdfShine 3.4s ease-in-out infinite}
@keyframes bpdfShine{0%,35%{background-position:160% 0}75%,100%{background-position:-60% 0}}
.bpdf .bpdf-dl svg{width:19px;height:19px;transition:transform .3s}
.bpdf .bpdf-dl:hover{transform:translateY(-2px);box-shadow:0 22px 36px -12px rgba(250,204,21,.85)}
.bpdf .bpdf-dl:hover svg{transform:translateY(2px)}
.bpdf .bpdf-view{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:800;font-size:.82rem;transition:background .25s,border-color .25s}
.bpdf .bpdf-view svg{width:17px;height:17px}
.bpdf .bpdf-view:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
@media(max-width:720px){
  .bpdf{flex-direction:column;align-items:stretch;text-align:center;padding:22px 18px;gap:16px}
  .bpdf-art{margin:6px auto 4px}
  .bpdf-meta{justify-content:center}
  .bpdf-acts{flex-direction:row;min-width:0}
  .bpdf-acts a{flex:1;white-space:nowrap}
  .bpdf .bpdf-dl,.bpdf .bpdf-view{padding:12px 10px;font-size:.84rem}
}
@media(prefers-reduced-motion:reduce){.bpdf::before,.bpdf-page.p1,.bpdf .bpdf-dl::after{animation:none}}
.pw{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;vertical-align:middle}
.pw-old{position:relative;display:inline-flex;align-items:center;padding:0 3px;font-size:.76rem;font-weight:800;color:#94a3b8;white-space:nowrap;line-height:1.6;letter-spacing:-.2px}
.pw-old::after{content:'';position:absolute;inset-inline:-2px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg, #fb7185a8, #e11d4896);transform:rotate(-10deg);box-shadow:0 0 0 1.5px rgb(255 255 255 / 36%);animation:pwStrike .6s .35s cubic-bezier(.3,1.3,.5,1) both}
@keyframes pwStrike{from{transform:rotate(-10deg) scaleX(0)}}
.pw-pct{position:relative;display:inline-flex;align-items:center;gap:3px;padding:1px 8px 1px 6px;border-radius:9px 9px 9px 3px;background:linear-gradient(135deg,#fb7185,#e11d48 55%,#be123c);color:#fff;font-size:.72rem;font-weight:950;line-height:1.75;white-space:nowrap;box-shadow:0 6px 14px -5px rgba(225,29,72,.6);overflow:hidden;isolation:isolate}
.pw-pct svg{width:14px;height:14px;flex-shrink:0;animation:pwTilt 3.4s ease-in-out infinite}
@keyframes pwTilt{0%,70%,100%{transform:rotate(0)}78%{transform:rotate(-16deg) scale(1.12)}88%{transform:rotate(12deg)}}
.pw-pct::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:250% 100%;background-position:160% 0;animation:pwShine 3.4s ease-in-out infinite}
@keyframes pwShine{0%,45%{background-position:160% 0}85%,100%{background-position:-60% 0}}
.pw-lg{gap:9px;margin-bottom:6px;justify-content:center}
.pw-lg .pw-old{font-size:1rem}
.pw-lg .pw-pct{font-size:.8rem;padding:2px 11px 2px 8px}
.pw-lg .pw-pct svg{width:16px;height:16px}
.s-buy-price .pw-save{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:4px 11px;border-radius:10px;background:#ecfdf5;color:#047857;font-size:.76rem;font-weight:800}
.s-buy-price .pw-save svg{width:14px;height:14px}
@media(max-width:900px){
  .site-layout.prod-layout{display:flex;flex-direction:column;gap:18px}
  .prod-layout > .prod-main,.prod-layout > .prod-aside{display:contents}
  .prod-layout .prod-card{order:1;min-width:0;max-width:100%}
  .prod-layout .s-buy{order:2;position:static;min-width:0;max-width:100%}
  .prod-layout .site-ad[data-ad="product_content"]{order:3;margin:0 auto}
  .prod-layout .site-ad[data-ad="product_side"]{order:4;max-width:336px;margin:0 auto}
  .prod-layout .site-ad[data-ad="product_side_bottom"]{order:5;max-width:336px;margin:0 auto;position:static}
  .prod-layout .site-ad[data-ad="product_side_bottom"] .site-ad-frame{aspect-ratio:300 / 400}
}
.pbar{position:fixed;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:950;transform:translateY(150%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.9,.3,1.15),opacity .3s}
.pbar.on{transform:none;opacity:1;pointer-events:auto}
.pbar-in{display:flex;align-items:center;gap:10px;padding:8px;padding-inline-start:10px;border-radius:20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--s-line);box-shadow:0 20px 46px -14px rgba(15,23,42,.38)}
.pbar-th{width:46px;height:46px;border-radius:13px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.pbar-th img{width:100%;height:100%;object-fit:cover}
.pbar-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.pbar-tx > b{font-size:.76rem;font-weight:900;color:var(--s-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7}
.pbar-now{display:flex;align-items:center;gap:5px;flex-wrap:wrap;line-height:1.5}
.pbar-now strong{font-size:1rem;font-weight:950;color:var(--s-navy)}
.pbar-now small{font-size:.66rem;color:var(--s-mut);font-weight:800}
.pbar .pw{gap:4px}
.pbar .pw-old{font-size:.66rem}
.pbar .pw-pct{font-size:.62rem;padding:0 6px}
.pbar .pbar-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 15px;border:0;border-radius:15px;font-family:inherit;font-size:.8rem;font-weight:900;color:#3a2500;background:linear-gradient(135deg,var(--s-gold),var(--s-gold2));box-shadow:0 10px 22px -8px rgba(245,158,11,.65);cursor:pointer;white-space:nowrap;transition:transform .2s}
.pbar .pbar-btn:active{transform:scale(.96)}
.pbar .pbar-btn svg{width:18px;height:18px;flex-shrink:0}
.pbar .pbar-btn.added{color:#fff;background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 10px 22px -8px rgba(5,150,105,.6)}
.pbar .pbar-btn:disabled{opacity:.8}
body.pbar-on .site-toast{bottom:92px}
@media(min-width:901px){.pbar{display:none}}
@media(prefers-reduced-motion:reduce){.pw-old::after,.pw-pct svg,.pw-pct::after{animation:none}.pbar{transition:none}}