/* KASSA26 visual inheritance — SK4 test theme.
   Layout and storefront logic are intentionally untouched. */

:root{
  --brand-primary:#247CFF;
  --brand-accent:#247CFF;
  --line:#e1e5e9;
  --soft:#f5f7f8;
}

body{
  background:#f7f8f9;
  color:#25292d;
}

header{
  background:#fff;
  color:#25292d;
  padding:13px 20px;
  border-top:4px solid #2d3339;
  border-bottom:1px solid #e1e5e9;
  box-shadow:0 2px 10px rgba(20,32,43,.07);
}

.brand{
  color:#202428;
  letter-spacing:.025em;
  font-size:20px;
  font-weight:800;
}

.brand-sub{color:#747b82}

.brand-home-link:focus-visible{
  outline:2px solid rgba(19,116,185,.35);
}

.head-search input{
  background:#fff;
  color:#25292d;
  border:1px solid #d6dce1;
  border-radius:5px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.025);
}

.head-search input::placeholder{color:#8a9299}
.search-icon{color:#7f8992}

.login-btn{
  color:#30363b;
  background:#fff;
  border:1px solid #d6dce1;
  border-radius:5px;
  font-weight:650;
}

.login-btn:hover{
  background:#f3f6f8;
  border-color:#bfc8d0;
}

.side-card,.benefits-card,.card,.empty,
.compare-panel,.bottom-benefits{
  border-color:#e0e4e8;
  border-radius:6px;
  box-shadow:none;
}

.side-title{
  color:#666e75;
  letter-spacing:.035em;
}

.catalog-parent,.catalog-all button,
.catalog-level button{
  border-radius:4px;
}

.catalog-parent:hover,.catalog-all button:hover,
.catalog-level button:hover{
  background:#f1f5f8;
}

.catalog-parent.on,.catalog-all button.on,
.catalog-level button.on,
.catalog-branch .depth-2 button.on{
  background:#247CFF;
  color:#fff;
}

.catalog-branch.open{
  background:#f6f8fa;
  border-radius:5px;
}

.catalog-branch .depth-2{
  border-left-color:#cbd9e4;
}

.catalog-branch .depth-2 button{
  border-radius:4px;
}

.catalog-branch .depth-2 button:hover{
  background:#eaf1f6;
}

.benefit-icon{
  background:#edf5fa;
  color:#247CFF;
  border-radius:5px;
}

.benefit-icon.image-icon{background:#edf5fa}

.ofd-compare-banner{
  border-color:#cbdde9;
  border-radius:6px;
  background:#f5f9fc;
}

.ofd-compare-banner a,
.buy{
  background:#247CFF;
  border-radius:5px;
}

.waitbtn{
  background:#fff;
  color:#247CFF;
  border-color:#247CFF;
}

.catalog-main h1,
.catalog-group-title{
  color:#25292d;
}

.view-switch{
  border-radius:5px;
  background:#fff;
}

.view-switch button{border-radius:3px}
.view-switch button.on{
  background:#247CFF;
  color:#fff;
}

.card{
  background:#fff;
  transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;
}

.card:hover{
  transform:translateY(-1px);
  border-color:#cfd6dc;
  box-shadow:0 5px 15px rgba(31,42,51,.08);
}

.product-visual img{border-radius:5px}

.recommended-badge{
  border-radius:4px;
  background:#fff5cc;
}

.compare-panel{
  box-shadow:0 2px 8px rgba(31,42,51,.04);
}

.compare-table th{
  background:#f3f5f7;
  color:#555f67;
}

.compare-recommended td,
.compare-recommended td:first-child{
  background:#f3f8fb;
}

.compare-price-link{border-radius:4px}

.compare-best{
  outline:1px solid #a9d4b3;
  background:#f2faf4;
}

.box{border-radius:7px}
input,textarea{border-radius:5px}

@media(max-width:650px){
  header{border-top-width:3px}
}

/* KASSA26 top accent */
header{
  border-top:0;
}
header::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,#247CFF 0%,#247CFF 55%,#58A6FF 100%);
}

/* KASSA26 blue header */
header{
  background:linear-gradient(90deg,#1f6fe5 0%,#247CFF 55%,#3288ff 100%);
  color:#fff;
  border-top:0;
  border-bottom:0;
  box-shadow:0 3px 12px rgba(25,75,145,.18);
}

header::before{
  display:none;
}

.brand{
  color:#fff;
}

.brand-sub{
  color:rgba(255,255,255,.78);
}

.head-search input{
  background:#fff;
  color:#25292d;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:none;
}

.head-search input::placeholder{
  color:#8a9299;
}

.search-icon{
  color:#718096;
}

.login-btn{
  color:#fff;
  background:transparent;
  border:1px solid rgba(255,255,255,.55);
}

.login-btn:hover{
  color:#fff;
  background:rgba(255,255,255,.12);
  border-color:#fff;
}

/* Typography tuning */
.brand{
  font-weight:700;
}

.catalog-main h1{
  font-weight:700;
}

.catalog-group-title{
  font-weight:700;
}

.catalog-subgroup-title{
  font-weight:600;
}

.card h3{
  font-weight:600;
}

.price-main{
  font-weight:800;
}

.catalog-parent,
.catalog-all button,
.catalog-level button{
  font-weight:600;
}

.catalog-branch .depth-2 button{
  font-weight:500;
}

.catalog-branch .depth-2 button.on{
  font-weight:600;
}

.buy{
  font-weight:600;
}

.compare-operator{
  font-weight:700;
}

.compare-price-link{
  font-weight:800;
}

.compare-table th{
  font-weight:600;
}


/* KASSA26 INFO FOOTER START */

.site-footer{
 margin-top:44px;
 background:#fff;
 border-top:1px solid #dde3e8;
 color:#30363b;
}
.site-footer-inner{
 max-width:1200px;
 margin:auto;
 padding:34px 20px 22px;
}
.footer-columns{
 display:grid;
 grid-template-columns:1.4fr 1fr 1fr;
 gap:42px;
}
.footer-columns section{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:8px;
}
.footer-columns h3{
 margin:0 0 8px;
 color:#30363b;
 font-size:15px;
}
.footer-columns a{
 color:#626d77;
 text-decoration:none;
 font-size:13px;
 line-height:1.35;
}
.footer-columns a:hover{
 color:#247CFF;
}
.footer-bottom{
 margin-top:30px;
 padding-top:20px;
 border-top:1px solid #e5e9ed;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:24px;
}
.payment-logos{
 display:flex;
 align-items:center;
 gap:18px;
 flex-wrap:wrap;
}
.payment-logos img{
 display:block;
 max-width:82px;
 height:28px;
 object-fit:contain;
}
.footer-copy{
 color:#7b858e;
 font-size:12px;
}

@media(max-width:700px){
 .footer-columns{
   grid-template-columns:1fr;
   gap:26px;
 }
 .footer-bottom{
   align-items:flex-start;
   flex-direction:column;
 }
 .payment-logos{
   gap:13px;
 }
}

/* KASSA26 INFO FOOTER END */

