:root{--cv-navy:#14284b;--cv-navy-2:#1d3561;--cv-ink:#132238;--cv-muted:#5b6b82;--cv-line:#e3e9f1;--cv-bg:#f5f8fc;--cv-soft:#eef4fb;--cv-green:#1a7a43;--cv-green-2:#18733f;--cv-blue:#1d4ed8;--cv-r:14px;--cv-shadow:0 1px 2px rgba(16,32,64,.05),0 8px 24px rgba(16,32,64,.06)}
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--cv-ink);background:#fff;-webkit-font-smoothing:antialiased}
.cv-wrap{width:min(1320px,100% - 32px);margin-inline:auto}
.cv-top,.cv-header,.cv-home{font-family:"Inter",system-ui,sans-serif}
.cv-top svg,.cv-header svg,.cv-home svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* topbar */
.cv-top{background:var(--cv-navy);color:#e6edf7;font-size:13px;font-weight:500}
.cv-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.cv-top-msg{display:flex;align-items:center;gap:8px}
.cv-top-msg svg{width:17px;height:17px}
.cv-top-links{display:flex;gap:22px;align-items:center}
.cv-top-links a,.cv-lang{display:flex;align-items:center;gap:6px;color:#e6edf7;text-decoration:none}
.cv-top-links a:hover{color:#fff;text-decoration:underline}
.cv-top-links svg{width:15px;height:15px}
.cv-lang svg{width:16px;height:10px;stroke:none;border-radius:2px}
/* header */
.cv-header{background:#fff;border-bottom:1px solid var(--cv-line);position:sticky;top:0;z-index:60}
.cv-head-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:28px;min-height:78px}
.cv-burger{display:none}
.cv-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cv-navy)}
.cv-logo img{width:42px;height:42px}
.cv-logo-tag{display:flex;flex-direction:column;margin-left:4px;padding-left:14px;border-left:1px solid #cfd8e6;font-family:"Manrope","Manrope Fallback","Inter",sans-serif;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:-.005em;color:var(--cv-navy);white-space:nowrap}
.cv-logo .cv-mark{width:42px;height:42px;flex:none}
.cv-logo b{font-family:"Manrope","Manrope Fallback","Inter",sans-serif;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--cv-navy)}
.cv-logo-tag em{font-style:normal;font-weight:500;color:var(--cv-muted)}
@media (max-width:1100px) and (min-width:861px){.cv-logo-tag{display:none}}
.cv-search{display:flex;max-width:560px;width:100%;justify-self:center;border:1px solid #cfd8e4;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}
.cv-search:focus-within{border-color:var(--cv-blue);box-shadow:0 0 0 3px rgba(29,78,216,.14)}
.cv-search input{flex:1;min-width:0;border:0;outline:0;padding:0 16px;height:44px;font:inherit;font-size:15px;color:var(--cv-ink);background:transparent}
.cv-search input::placeholder{color:#7a889b}
.cv-search button{width:54px;border:0;background:var(--cv-navy);color:#fff;cursor:pointer;display:grid;place-items:center}
.cv-search button:hover{background:var(--cv-navy-2)}
.cv-search button svg{width:20px;height:20px}
.cv-act{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cv-ink)}
.cv-act>svg,.cv-cart-ico>svg{width:28px;height:28px;color:var(--cv-navy)}
.cv-act span{display:flex;flex-direction:column;line-height:1.25}
.cv-act b{font-size:14px;font-weight:600}
.cv-act small{font-size:12px;color:var(--cv-muted)}
.cv-act:hover b{color:var(--cv-blue)}
.cv-cart-ico{position:relative;display:block!important}
.cv-cart-ico em{position:absolute;top:-8px;right:-9px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--cv-green);color:#fff;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center}
.cv-cart-ico em[data-zero]::before{content:"0"}
/* nav */
.cv-nav{background:#f7f9fc;border-top:1px solid var(--cv-line)}
.cv-nav-row{display:flex;align-items:center;gap:6px;min-height:50px}
.cv-nav-row>a{position:relative;padding:15px 16px;font-size:14px;font-weight:600;color:var(--cv-ink);text-decoration:none}
.cv-nav-row>a:hover{color:var(--cv-blue)}
.cv-nav-row>a[aria-current]::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--cv-navy);border-radius:2px}
.cv-allcats{position:relative;margin-right:36px}
.cv-allcats button{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--cv-ink);padding:12px 4px;cursor:pointer}
.cv-allcats button svg{width:20px;height:20px}
.cv-catmenu{position:absolute;top:100%;left:0;width:320px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--cv-line);border-radius:12px;box-shadow:0 18px 40px rgba(16,32,64,.14);padding:8px;z-index:70}
.cv-catmenu a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--cv-ink);text-decoration:none}
.cv-catmenu a:hover{background:var(--cv-soft)}
.cv-catmenu img{width:32px;height:32px;object-fit:contain;border-radius:6px;background:#fff}
.cv-catmenu-all{border-top:1px solid var(--cv-line);margin-top:4px;color:var(--cv-blue)!important;font-weight:600!important}
/* home */
.cv-home{background:#fff;padding-bottom:56px}
.cv-home h2{font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--cv-ink);margin:0}
.cv-hero{position:relative;margin-top:20px;border-radius:18px;overflow:hidden;min-height:480px;background:#eef2f6;display:flex;flex-direction:column;justify-content:space-between}
.cv-hero{background:#f4f5f3}
.cv-hero picture{position:absolute;top:0;right:0;bottom:0;width:66%}
.cv-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 20%}
.cv-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f5f3 0%,#f4f5f3 34%,rgba(244,245,243,.85) 42%,rgba(244,245,243,0) 58%);z-index:1}
.cv-hero-copy{position:relative;z-index:2;max-width:520px;padding:40px 0 24px 48px}
.cv-pill{display:inline-block;padding:5px 12px;border-radius:999px;background:#dff3ff;color:#0b4f7c;font-size:13px;font-weight:700}
.cv-hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:var(--cv-navy);margin:14px 0 14px}
.cv-hero p{font-size:16.5px;line-height:1.55;color:#33435a;margin:0 0 24px;max-width:470px}
.cv-hero-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.cv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:9px;font-size:15px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.cv-btn-green{background:var(--cv-green);color:#fff;box-shadow:0 6px 16px rgba(31,138,76,.25)}
.cv-btn-green:hover{background:var(--cv-green-2)}
.cv-btn-navy{background:var(--cv-navy);color:#fff}
.cv-btn-navy:hover{background:var(--cv-navy-2)}
.cv-play{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--cv-ink);text-decoration:none}
.cv-play svg{width:22px;height:22px}
.cv-play:hover{color:var(--cv-blue)}
.cv-hero-usp{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,max-content));gap:30px;list-style:none;margin:0 0 0 48px;padding:18px 0 26px;border-top:1px solid rgba(20,40,75,.1);width:max-content;max-width:calc(100% - 96px)}
.cv-hero-usp li{display:flex;align-items:center;gap:12px;font-size:13.5px;line-height:1.35;font-weight:500;color:var(--cv-ink)}
.cv-hero-usp svg{width:26px;height:26px;flex:none;color:var(--cv-navy)}
.cv-main,.cv-check{min-width:0}
.cv-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;margin-top:30px;align-items:start}
.cv-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.cv-sec-head a{font-size:13.5px;font-weight:600;color:var(--cv-ink);text-decoration:none;white-space:nowrap}
.cv-sec-head a:hover{color:var(--cv-blue)}
.cv-cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:30px;min-height:140px}
.cv-cat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px 14px;border:1px solid var(--cv-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--cv-ink);font-size:13px;font-weight:600;text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}
.cv-cat:hover{transform:translateY(-2px);box-shadow:var(--cv-shadow);border-color:#cdd8e6}
.cv-cat-img{width:84px;height:84px;display:grid;place-items:center}
.cv-cat-img img{max-width:100%;max-height:100%;object-fit:contain}
.cv-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:330px}
.cv-card{position:relative;display:flex;flex-direction:column;padding:14px;border:1px solid var(--cv-line);border-radius:12px;background:#fff;transition:box-shadow .15s}
.cv-card:hover{box-shadow:var(--cv-shadow)}
.cv-stock{position:absolute;top:12px;right:12px;padding:3px 9px;border-radius:999px;background:#e5f6ec;color:#16703d;font-size:11.5px;font-weight:700;z-index:1}
.cv-card-img{display:grid;place-items:center;aspect-ratio:1/1;margin:8px 0 12px}
.cv-card-img img{max-width:88%;max-height:100%;object-fit:contain}
.cv-card h3{font-size:14px;font-weight:600;line-height:1.35;margin:0 0 8px;min-height:38px}
.cv-card h3 a{color:var(--cv-ink);text-decoration:none}
.cv-card h3 a:hover{color:var(--cv-blue)}
.cv-price{font-size:17px;font-weight:800;color:var(--cv-ink);margin-bottom:12px}
.cv-card-foot{display:flex;gap:8px;margin-top:auto}
.cv-add{flex:1;height:38px;border:0;border-radius:8px;background:var(--cv-navy);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:grid;place-items:center;text-decoration:none}
.cv-add:hover{background:var(--cv-navy-2)}
.cv-add.is-added{background:var(--cv-green)}
.cv-fav{width:38px;height:38px;flex:none;border:1px solid var(--cv-line);border-radius:8px;background:#fff;color:var(--cv-navy);cursor:pointer;display:grid;place-items:center}
.cv-fav svg{width:18px;height:18px}
.cv-fav.is-on{color:#d0344d}
.cv-fav.is-on svg{fill:currentColor}
/* smart check */
.cv-check{border:1px solid #d6e3f3;border-radius:16px;background:linear-gradient(180deg,#f2f7fd,#eef4fb);padding:22px}
.cv-check-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}
.cv-check-head>svg{width:38px;height:38px;flex:none;color:#fff;fill:var(--cv-green);stroke:#fff}
.cv-check h2{font-size:18px!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cv-beta{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#dbe8fb;color:var(--cv-blue)}
.cv-check-head p{margin:5px 0 0;font-size:13.5px;line-height:1.5;color:var(--cv-muted)}
.cv-check label{display:block;font-size:13.5px;font-weight:600;margin:0 0 7px}
.cv-check select{width:100%;height:44px;margin-bottom:16px;padding:0 38px 0 12px;border:1px solid #cfd8e4;border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314284b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;appearance:none;font:inherit;font-size:14px;color:var(--cv-ink)}
.cv-check select:focus{outline:0;border-color:var(--cv-blue);box-shadow:0 0 0 3px rgba(29,78,216,.14)}
.cv-check .cv-btn{width:100%;margin-top:4px}
.cv-sc-result{margin-top:16px;padding:14px;border-radius:12px;background:#fff;border:1px solid var(--cv-line);font-size:13.5px;line-height:1.5}
.cv-sc-result p{margin:0 0 8px}
.cv-sc-result small{display:block;color:var(--cv-muted);font-size:12px}
.cv-sc-verdict{display:inline-block;margin-bottom:8px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:13px}
.cv-sc-result.is-ok .cv-sc-verdict{background:#e5f6ec;color:#16703d}
.cv-sc-result.is-warn .cv-sc-verdict{background:#fff3d6;color:#8a5a00}
.cv-sc-result.is-bad .cv-sc-verdict{background:#fde7ea;color:#a31d33}
.cv-sc-links{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 8px}
.cv-sc-links a{font-weight:600;color:var(--cv-blue);text-decoration:none}
.cv-sc-tip{display:flex;gap:12px;margin-top:18px;padding:14px;border:1px solid #d6e3f3;border-radius:12px;background:#fff;font-size:13px;line-height:1.5;color:var(--cv-muted)}
.cv-sc-tip svg{width:22px;height:22px;flex:none;color:var(--cv-navy)}
.cv-sc-tip a{display:inline-block;margin-top:6px;font-weight:600;color:var(--cv-blue);text-decoration:none}
/* service strip */
.cv-service{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-radius:14px;background:var(--cv-bg);border:1px solid var(--cv-line)}
.cv-service div{display:flex;align-items:center;gap:14px;padding:20px 26px}
.cv-service div+div{border-left:1px solid var(--cv-line)}
.cv-service svg{width:30px;height:30px;flex:none;color:var(--cv-navy)}
.cv-service b{display:block;font-size:14px;font-weight:700}
.cv-service span{font-size:13px;color:var(--cv-muted)}
/* more sections */
.cv-block{margin-top:64px}
.cv-block>.cv-sec-head p{margin:6px 0 0;color:var(--cv-muted);font-size:15px}
.cv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s;list-style:none;padding:0;margin:0}
.cv-steps li{padding:22px;border:1px solid var(--cv-line);border-radius:14px;background:#fff;counter-increment:s}
.cv-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cv-navy);color:#fff;font-weight:700;font-size:15px;margin-bottom:14px}
.cv-steps b{display:block;font-size:16px;margin-bottom:6px}
.cv-steps span{font-size:14px;line-height:1.55;color:var(--cv-muted)}
.cv-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cv-why div{padding:22px;border-radius:14px;background:var(--cv-bg);border:1px solid var(--cv-line)}
.cv-why svg{width:28px;height:28px;color:var(--cv-green);margin-bottom:12px}
.cv-why b{display:block;font-size:16px;margin-bottom:6px}
.cv-why p{margin:0;font-size:14px;line-height:1.55;color:var(--cv-muted)}
.cv-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cv-faq details{border:1px solid var(--cv-line);border-radius:12px;background:#fff;padding:0 18px}
.cv-faq summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.cv-faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--cv-navy)}
.cv-faq details[open] summary::after{content:"–"}
.cv-faq p{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--cv-muted)}
.cv-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 36px;border-radius:16px;background:var(--cv-navy);color:#fff}
.cv-cta h2{color:#fff!important}
.cv-cta p{margin:6px 0 0;color:#c9d6ea}
.cv-home .shelves{margin-top:0}
/* responsive */
@media (max-width:1100px){
  .cv-grid{grid-template-columns:1fr}
  .cv-cats{grid-template-columns:repeat(7,124px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .cv-cat{scroll-snap-align:start}
  .cv-act-track span{display:none}
  .cv-head-row{gap:18px}
}
@media (max-width:860px){
  .cv-top-links a:not(:last-of-type),.cv-lang{display:none}
  .cv-head-row{grid-template-columns:auto 1fr auto;gap:10px 12px;min-height:64px;padding:8px 0 10px}
  .cv-burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;border:0;background:none;padding:9px;cursor:pointer}
  .cv-burger span{display:block;height:2px;border-radius:2px;background:var(--cv-navy)}
  .cv-logo{justify-self:start}
  .cv-logo{gap:10px}.cv-logo b{font-size:25px}.cv-logo img,.cv-logo .cv-mark{width:36px;height:36px}.cv-logo-tag{font-size:11.5px;padding-left:11px;margin-left:2px}
  .cv-search{grid-column:1/-1;grid-row:2;max-width:none}
  .cv-act-track{display:none}
  .cv-cart>span:last-child{display:none}
  .cv-nav{display:none}
  .cv-nav.is-open{display:block}
  .cv-nav-row{flex-direction:column;align-items:stretch;gap:0;padding:6px 0}
  .cv-nav-row>a{padding:13px 4px;border-bottom:1px solid var(--cv-line)}
  .cv-nav-row>a[aria-current]::after{display:none}
  .cv-nav-row>a[aria-current]{color:var(--cv-blue)}
  .cv-allcats{margin:0}
  .cv-catmenu{position:static;width:auto;box-shadow:none}
  .cv-hero{min-height:0;margin-top:12px;border-radius:14px}
  .cv-hero picture{position:relative;display:block;aspect-ratio:3/2;width:100%}
  .cv-hero picture img{position:absolute}
  .cv-hero::before{display:none}
  .cv-hero-copy{padding:20px 18px 6px;max-width:none}
  .cv-hero h1{font-size:31px}
  .cv-hero p{font-size:15.5px}
  .cv-hero-usp{grid-template-columns:1fr 1fr;gap:14px;margin:0 18px;padding:16px 0 20px;width:auto;max-width:none}
  .cv-products{grid-template-columns:repeat(4,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;min-height:0}
  .cv-card{scroll-snap-align:start}
  .cv-service{grid-template-columns:1fr}
  .cv-service div+div{border-left:0;border-top:1px solid var(--cv-line)}
  .cv-steps,.cv-why{grid-template-columns:1fr 1fr}
  .cv-faq{grid-template-columns:1fr}
  .cv-cta{padding:24px}
}
@media (max-width:520px){
  .cv-top-msg{font-size:12px}
  .cv-top-links{display:none}
  .cv-steps{grid-template-columns:1fr}
  .cv-products{grid-template-columns:repeat(4,78%)}
  .cv-hero-cta .cv-btn{flex:1}
}
/* footer */
.footer{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:36px;margin:0!important;padding:52px max(24px,calc((100% - 1320px)/2)) 40px!important;background:var(--cv-navy)!important;color:#c9d6ea;border:0!important;max-width:none!important;width:auto!important;font-family:"Inter",system-ui,sans-serif}
.footer h3{color:#fff!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
.footer a{color:#c9d6ea!important;text-decoration:none;display:block;padding:4px 0;font-size:14px}
.footer a:hover{color:#fff!important}
.footer p{color:#c9d6ea;font-size:14px;line-height:1.6}
.footer .footer-brand{display:flex!important;align-items:center;gap:10px;color:#fff!important;font-size:24px;font-weight:800;letter-spacing:-.02em;text-transform:none}
.footer .footer-brand{font-family:"Manrope","Manrope Fallback","Inter",sans-serif}.footer .footer-brand i{font-style:normal;font-weight:600;font-size:.62em;color:#9dbbff}
.footer-trust{display:flex;flex-direction:column;gap:12px}
.footer-trust span{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:#dbe5f3}
.footer-trust svg{width:18px;height:18px;flex:none;color:#5fd08e}
@media (max-width:860px){
  .footer{grid-template-columns:1fr 1fr;gap:24px 20px;padding:36px 20px 28px!important}
  .footer>div:first-child,.footer-trust{grid-column:1/-1}
  .cv-hero-cta{gap:16px}
  .cv-btn{white-space:nowrap;padding:0 20px}
  .cv-service div{padding:14px 18px}
  .cv-block{margin-top:44px}
  .cv-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:14px;padding:16px}
  .cv-steps li::before{grid-row:span 2;margin:0}
  .cv-steps b{font-size:15px;margin-bottom:2px}
  .cv-why{grid-template-columns:1fr 1fr!important;gap:10px}
  .cv-why div{padding:14px}
  .cv-why svg{width:22px;height:22px;margin-bottom:8px}
  .cv-why b{font-size:14px}
  .cv-why p{font-size:12.5px;line-height:1.45}
}
@media (max-width:520px){.cv-steps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cv-cat,.cv-card{transition:none}}
.footer .cv-foot-mark{width:34px!important;height:34px!important;flex:none}
.footer .footer-trust{grid-column:auto!important;border:0!important;padding:0!important;margin:0!important}
@media (min-width:861px){.cart-dock{display:none!important}}
@media (max-width:860px){.cart-dock{left:12px!important;right:12px!important;width:auto!important;max-width:none!important;box-sizing:border-box;transform:none!important}}
.footer .footer-brand svg{width:34px;height:34px;flex:none}
/* Compact category hints (replace large banner cards) */
.shelf-hints{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-4px 2px 10px}
.shelf-hint{display:inline-flex;align-items:flex-start;gap:6px;max-width:100%;font-size:13px;line-height:1.4;color:var(--cv-muted);text-decoration:none}
.shelf-hint svg{flex:none;width:16px;height:16px;margin-top:1px;fill:none;stroke:var(--cv-blue);stroke-width:2;stroke-linecap:round}
.shelf-hint b{color:var(--cv-ink);font-weight:600}
.shelf-hint:hover span{text-decoration:underline}
/* Decisive Smart Check result */
.cv-sc-head{display:flex;gap:12px;align-items:center;margin:-2px 0 10px}
.cv-sc-head svg{flex:none;width:40px;height:40px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cv-sc-head span{display:block;font-size:12.5px;color:var(--cv-muted)}
.cv-sc-big{display:block;font-size:19px;line-height:1.2;font-weight:800}
.cv-sc-result.is-ok{border-color:#9fd8b5;background:#f3fbf6}.cv-sc-result.is-ok .cv-sc-head{color:#16703d}.cv-sc-result.is-ok svg circle{fill:#16703d;stroke:#16703d}.cv-sc-result.is-ok svg path{stroke:#fff}
.cv-sc-result.is-warn{border-color:#f0d48f;background:#fffaf0}.cv-sc-result.is-warn .cv-sc-head{color:#8a5a00}.cv-sc-result.is-warn svg circle{fill:#d99a12;stroke:#d99a12}.cv-sc-result.is-warn svg path{stroke:#fff}
.cv-sc-result.is-bad{border-color:#f1b3bd;background:#fff6f7}.cv-sc-result.is-bad .cv-sc-head{color:#a31d33}.cv-sc-result.is-bad svg circle{fill:#c2334a;stroke:#c2334a}.cv-sc-result.is-bad svg path{stroke:#fff}
.cv-sc-result.is-info .cv-sc-head{color:#41526b}.cv-sc-result.is-info svg circle{fill:#64748b;stroke:#64748b}.cv-sc-result.is-info svg path{stroke:#fff}
.cv-sc-facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0}
.cv-sc-facts li{padding:3px 9px;border-radius:999px;background:#fff;border:1px solid var(--cv-line);font-size:12.5px}
.cv-sc-facts li.is-bad{color:#a31d33}
.cv-sc-items{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.cv-sc-items li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#fff;font-size:13px}
.cv-sc-items a{color:inherit;text-decoration:none;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv-sc-tag{flex:none;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700}
.cv-sc-tag.is-ok{background:#e5f6ec;color:#16703d}.cv-sc-tag.is-warn{background:#fff3d6;color:#8a5a00}.cv-sc-tag.is-bad{background:#fde7ea;color:#a31d33}.cv-sc-tag.is-unknown{background:#eef2f7;color:#41526b}
.cv-sc-cta{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:9px;background:var(--cv-green);color:#fff!important}
/* shop-first home (v5) */
.ob-shop{margin-top:28px}
.ob-shop .cv-sec-head h2{font-size:24px}
.ob-cats{display:flex;gap:6px;overflow-x:auto;margin:0 0 22px;padding-bottom:4px;min-height:118px;scrollbar-width:thin}
.ob-cat{flex:1 0 100px}
.ob-cat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border-radius:12px;text-decoration:none;color:var(--cv-ink);font-size:13px;font-weight:600;line-height:1.25;text-align:center}
.ob-cat:hover .ob-cat-img{border-color:var(--cv-blue)}
.ob-cat:focus-visible{outline:3px solid rgba(29,78,216,.35);outline-offset:2px}
.ob-cat-img{width:76px;height:76px;border-radius:50%;background:#f3f6fa;border:2px solid transparent;display:grid;place-items:center;overflow:hidden;transition:border-color .15s}
.ob-cat-img img{width:62%;height:62%;object-fit:contain}
.ob-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;min-height:340px}
.ob-card{display:flex;flex-direction:column;border:1px solid var(--cv-line);border-radius:12px;background:#fff;overflow:hidden;transition:box-shadow .15s}
.ob-card:hover{box-shadow:var(--cv-shadow)}
.ob-card-img{position:relative;display:block;aspect-ratio:1/1;background:#f7f9fb}
.ob-card-img img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}
.ob-card-body{display:flex;flex-direction:column;flex:1;padding:10px 12px 12px}
.ob-card h3{font-size:14px;font-weight:600;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.ob-card h3 a{color:var(--cv-ink);text-decoration:none}
.ob-card h3 a::after{content:"";position:absolute;inset:0}
.ob-card{position:relative}
.ob-price{font-size:18px;font-weight:800;color:var(--cv-ink);margin:0 0 10px}
.ob-buy{position:relative;z-index:1;margin-top:auto;height:42px;border:0;border-radius:9px;background:var(--cv-green);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;display:grid;place-items:center;text-decoration:none}
.ob-buy:hover{filter:brightness(.95)}
.ob-buy.is-added{background:#fff;color:var(--cv-green);box-shadow:inset 0 0 0 2px var(--cv-green)}
.ob-buy--alt{background:var(--cv-navy)}
.ob-more{display:flex;justify-content:center;align-items:center;max-width:360px;height:48px;margin:20px auto 0;border-radius:10px;border:2px solid var(--cv-navy);color:var(--cv-navy);font-weight:700;text-decoration:none}
.ob-more:hover{background:var(--cv-navy);color:#fff}
.ob-check-wrap{margin-top:36px}
.ob-check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px 28px;align-items:start}
.ob-check .cv-check-head{margin:0}
.ob-check-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.ob-check-form label{margin:0 0 6px}
.ob-check-form select{margin:0}
.ob-check-form .cv-btn{width:auto;margin:0;height:44px;padding:0 22px}
.ob-check .cv-sc-result{grid-column:1/-1;margin-top:6px}
@media (max-width:1100px){.ob-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ob-check{grid-template-columns:1fr}}
@media (max-width:860px){
  .ob-shop{margin-top:20px}
  .ob-shop .cv-sec-head h2{font-size:21px}
  .ob-cats{display:flex;overflow-x:auto;gap:4px;margin:0 -16px 16px;padding:0 12px 4px;scroll-snap-type:x proximity;scrollbar-width:none;min-height:110px}
  .ob-cats::-webkit-scrollbar{display:none}
  .ob-cat{flex:0 0 84px;scroll-snap-align:start;padding:6px 2px;font-size:12px}
  .ob-cat-img{width:64px;height:64px}
  .ob-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}
  .ob-card-body{padding:9px 10px 10px}
  .ob-card h3{font-size:13.5px}
  .ob-price{font-size:16.5px;margin-bottom:8px}
  .ob-buy{height:40px;font-size:13.5px}
  .ob-check-form{grid-template-columns:1fr}
  .ob-check-form .cv-btn{width:100%}
  .cv-hero picture{aspect-ratio:2/1}
  .cv-hero-usp{display:none}
  .cv-hero-copy{padding:16px 16px 18px}
  .cv-hero h1{font-size:27px;margin:8px 0 8px}
  .cv-hero p{font-size:14.5px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .cv-hero .cv-pill{display:none}
}
/* simpler catalog (v6) */
.products-page .product-tile-body>p,.product-tile-meta span:not(.cv-status){display:none}
.products-page .product-tile-top span{font-size:12px}
@media (max-width:860px){
  .products-page .products-hero{display:block;padding:14px 0 6px;margin:0}
  .products-page .products-hero .eyebrow,.products-page .products-hero p,.products-hero-stats{display:none!important}
  .products-page .products-hero h1{font-size:24px;line-height:1.2;margin:0}
  .catalog-cart,.catalog-panel-head{display:none!important}
  .catalog-panel{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  .products-page .products-toolbar{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;margin:8px 0 10px!important}
  .products-page .products-toolbar-side{margin-top:8px}
  .products-page .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .products-page .product-tile{border-radius:12px}
  .products-page .product-tile-media{aspect-ratio:1/1;max-height:none}
  .products-page .product-tile-media img{width:100%;height:100%;object-fit:contain}
  .products-page .product-tile-body{padding:9px 10px 10px!important;gap:5px}
  .products-page .product-tile-top span,.products-page .product-rating,.products-page .product-detail-button{display:none!important}
  .products-page .product-tile h3{font-size:13.5px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .products-page .product-tile-top strong{font-size:16px}
  .products-page .product-tile-body{display:flex;flex-direction:column}
  .products-page .product-tile-top{order:2}
  .products-page .product-tile h3{order:1}
  .products-page .product-tile-meta{order:3;margin:0}
  .products-page .product-tile-meta .cv-status{font-size:11px;padding:2px 7px}
  .products-page .product-tile-actions{order:4;margin-top:auto}
  .products-page .product-tile-actions .product-add{width:100%;min-height:40px;font-size:13.5px}
}
.products-page .products-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 14px;margin:0}
.products-page .products-hero .eyebrow,.products-page .products-hero p{display:none}
.products-page .products-hero h1{font-size:30px;line-height:1.2;margin:0}
.products-page .products-hero-stats span{padding:8px 14px}
/* category sections on home (v9) */
.ob-sections{margin-top:8px}
.ob-sec{margin-top:40px}
.ob-sec .cv-sec-head h2{font-size:21px}
.ob-sec .cv-sec-head a{font-weight:700;white-space:nowrap}
.ob-sec .ob-grid{min-height:0}
@media (max-width:1100px){.ob-sec .ob-grid>.ob-card:nth-child(n+9){display:none}}
@media (max-width:860px){.ob-sec .ob-grid>.ob-card:nth-child(n+7){display:none}}
@media (max-width:860px){.ob-sec{margin-top:28px}.ob-sec .cv-sec-head h2{font-size:18px}}

/* star ratings on cards */
.ob-rate{position:absolute;left:8px;bottom:8px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 1px 4px rgba(15,23,42,.14);font-size:12px;line-height:1;color:#64748b;pointer-events:none}
.ob-rate b{color:#0f172a;font-weight:700}
.ob-stars{--r:0;font-size:12px;letter-spacing:.5px;line-height:1;background:linear-gradient(90deg,#f59e0b calc(var(--r)/5*100%),#d9dde4 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.products-page .product-tile-media{position:relative}
.product-tile-media .ob-rate,.product-tile-media .ob-rate span{font-size:12px;color:#64748b}
.product-tile-media .ob-rate .ob-stars{color:transparent;font-size:12px}

.products-grid .seo-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 16px;margin:0;padding:8px 0;list-style:none;font-size:13px}
.products-grid .seo-links a{color:#64748b;text-decoration:none}
@media (max-width:1100px){.ob-grid[data-home-featured]>.ob-card:nth-child(n+21){display:none}}


.cv-hero picture img{object-position:right 47%}
.cv-hero::before{background:linear-gradient(90deg,#f4f5f3 0%,#f4f5f3 38%,rgba(244,245,243,.88) 46%,rgba(244,245,243,0) 60%)}
.cv-hero-copy{max-width:620px;padding:34px 0 22px 48px}
.cv-hero h1{font-size:clamp(30px,2.75vw,38px);line-height:1.13;letter-spacing:-.025em;margin:14px 0 14px;max-width:620px}
.cv-hero h1 span{display:block;color:var(--cv-blue)}
.cv-hero p{font-size:15.5px;line-height:1.6;max-width:560px;margin:0 0 22px}
@media (min-width:861px) and (max-width:1180px){.cv-hero::before{background:linear-gradient(90deg,#f4f5f3 0%,#f4f5f3 45%,rgba(244,245,243,.9) 52%,rgba(244,245,243,0) 64%)}.cv-hero-copy{max-width:50%;padding-left:40px}.cv-hero h1{font-size:clamp(27px,3vw,33px)}.cv-hero p{font-size:14.5px;max-width:440px}.cv-hero-usp{grid-template-columns:repeat(2,max-content);gap:12px 28px;margin-left:40px}}
@media (max-width:860px){.cv-hero-copy{padding:18px 18px 8px;max-width:none}.cv-hero h1{font-size:27px;line-height:1.15;margin:10px 0 10px;max-width:none}.cv-hero p{font-size:15px;line-height:1.58;max-width:none;margin-bottom:18px;display:block;-webkit-line-clamp:unset;overflow:visible}.cv-hero .cv-pill{display:inline-block;font-size:12px}}@media (min-width:861px) and (max-width:1023px){.cv-hero picture{width:52%}.cv-hero::before{background:linear-gradient(90deg,#f4f5f3 0%,#f4f5f3 47%,rgba(244,245,243,0) 51%)}.cv-hero-copy{max-width:48%}}
/* Om oss */
.about-page .about-hero{margin-top:24px;padding:40px;background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:20px;gap:44px}
.about-page .about-hero-image{box-shadow:var(--cv-shadow)}
.about-page .section-head h2{max-width:none}
.about-page .about-story-grid{gap:20px;margin-top:22px}
.about-story-card{position:relative;background:#fff;border:1px solid var(--cv-line);border-radius:16px;padding:28px 28px 26px;box-shadow:var(--cv-shadow)}
.about-story-card.is-solution{background:var(--cv-soft);border-color:#cfdcf3}
.about-story-card p{font-size:16px!important;line-height:1.7!important;color:var(--cv-ink)!important}
.about-tag{display:inline-block;margin-bottom:12px;padding:5px 11px;border-radius:999px;background:var(--cv-soft);color:var(--cv-blue);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.about-story-card.is-solution .about-tag{background:var(--cv-blue);color:#fff}
.about-page .about-values-grid article{border-color:var(--cv-line);border-radius:16px;box-shadow:var(--cv-shadow);border-top:3px solid var(--cv-blue);transition:transform .15s,box-shadow .15s}
.about-page .about-values-grid article:hover{transform:translateY(-2px)}
.about-page .about-icon{background:var(--cv-soft);color:var(--cv-blue)}
.about-page .about-note{justify-content:flex-start;background:#fff;border:1px solid var(--cv-line);border-left:5px solid var(--cv-navy);border-radius:16px;box-shadow:var(--cv-shadow);gap:22px}
.about-note-icon{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--cv-soft);color:var(--cv-navy)}
.about-note-icon svg{width:24px;height:24px}
.about-note-body{flex:1}
.about-page .about-cta{background:linear-gradient(135deg,var(--cv-navy) 0%,var(--cv-navy-2) 55%,var(--cv-blue) 100%)}
.about-page .about-cta .button.primary{color:var(--cv-navy)}
.about-page .about-contact{margin-top:72px;margin-bottom:72px}
.about-contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;margin-top:22px;align-items:start}
.about-contact-info{background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:16px;padding:28px}
.about-contact-info h3{margin:0 0 16px;font-size:18px;color:var(--cv-navy)}
.about-contact-info ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.about-contact-info li{display:grid;gap:3px;padding:14px 16px;background:#fff;border:1px solid var(--cv-line);border-radius:12px}
.about-contact-info li b{font-size:14.5px;color:var(--cv-ink)}
.about-contact-info li span{font-size:14px;color:var(--cv-muted);line-height:1.5}
.about-contact-info a{color:var(--cv-blue);font-weight:600}
.about-page .about-contact-form{max-width:none;padding:28px;border-radius:16px;box-shadow:var(--cv-shadow)}
@media (max-width:900px){.about-page .about-hero{padding:24px;gap:22px}.about-contact-grid{grid-template-columns:1fr}}
@media (max-width:640px){.about-page .about-hero{padding:18px;margin-top:14px}.about-story-card,.about-contact-info,.about-page .about-contact-form{padding:20px}.about-page .about-note{border-left-width:4px}.about-page .about-contact{margin-top:44px;margin-bottom:44px}}
.about-status{display:flex;gap:12px;align-items:flex-start;margin:20px 0 4px;padding:14px 16px;background:#fff;border:1px solid #cfdcf3;border-radius:14px;max-width:560px}
.about-status p{margin:0;font-size:14.5px;line-height:1.55;color:var(--cv-ink)}
.about-status b{color:var(--cv-navy)}
.about-status-dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--cv-blue);box-shadow:0 0 0 5px rgba(29,78,216,.15)}
.about-page .about-hero .hero-actions{margin-top:20px}

/* Reserve space for the server-rendered link list until product tiles render (avoids footer layout shift). */
.products-grid:has(> .seo-links){min-height:150vh;align-content:start}
a.product-tile-media{display:grid;text-decoration:none;color:inherit}