@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
/* =========================================================
   VIKNA — consolidated styles.css (no duplicates)
   ========================================================= */

/* ===== Theme ===== */
:root{
  --accent:#ff5a00;
  --brand: var(--accent);

  --dark:#252a2f;
  --dark-2:#1f2328;

  --soft:#f3f4f6;
  --card:#ffffff;

  --text:#1b1f24;
  --muted:#6b7280;

  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

/* ===== Base ===== */
html{scroll-behavior:smooth;}
body{
  background:#fff;
  color:var(--text);
  font-family:'Roboto', system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  line-height:1.6;
}

.text-accent{color:var(--accent)!important;}

/* === Links reset: прибираємо синій колір і підкреслення по всьому сайту === */
a {
  color: inherit;                 /* не синій, а як текст навколо */
  text-decoration: none;          /* без підкреслення */
  text-underline-offset: 0.15em;
}

a:hover {
  color: var(--accent);           /* оранжевий при наведенні */
  text-decoration: none;
}

/* Щоб Bootstrap не повертав синій на .btn-link / .link-* */
a.btn-link,
.link-primary, .link-secondary, .link-success, .link-danger, .link-warning, .link-info, .link-light, .link-dark {
  color: inherit;
  text-decoration: none;
}
a.btn-link:hover {
  color: var(--accent);
}

/* ===== Buttons ===== */
.btn-accent{
  background: var(--accent);
  color:#fff;
  border:1px solid var(--accent);
  border-radius:0 !important; /* головне */
}
.btn-accent:hover{
  background:#e45100;
  border-color:#e45100;
  color:#fff;
}

.btn-outline-accent{
  border-color:var(--accent);
  color:var(--accent);
}
.btn-outline-accent:hover{
  background:var(--accent);
  color:#fff;
}

.btn-brand{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
  border-radius:10px;
}
.btn-brand:hover{filter:brightness(.95);}

/* ===== Top promo / header ===== */
.promo-bar{background:#2b3137;color:#fff;}
.promo-text{font-size:14px;letter-spacing:.2px;}

.header-main{background:var(--dark);color:#fff;}
.brand-logo{height:44px;width:auto;display:block;}

.search .input-group{background:#fff;border-radius:10px;overflow:hidden;}
.search input{height:44px;}

.header-actions .account{color:#fff;font-size:14px;opacity:.95;}

.icon-btn{
  position:relative;
  background:transparent;
  border:0;
  color:#fff;
  font-size:20px;
  line-height:1;
  padding:6px;
  border-radius:10px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  text-decoration:none;
}
.icon-btn:hover{background:rgba(255,255,255,.08);}

.badge-dot{
  position:absolute;
  top:2px;
  right:2px;
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  padding:3px 6px;
  min-width:18px;
  text-align:center;
}

/* ===== Nav categories ===== */
.nav-cats{
  background:var(--dark-2);
  border-top:1px solid rgba(255,255,255,.08);
}
.cat-links{overflow:auto;white-space:nowrap;flex-wrap:nowrap;}
.nav-link-cat{
  color:#fff;
  text-decoration:none;
  opacity:.9;
  padding:14px 0;
  display:inline-block;
  font-weight:500;
}
.nav-link-cat:hover{opacity:1;}
.nav-link-cat.active{color:var(--accent);opacity:1;}

/* ===== Secondary navbar (if used) ===== */
.topbar{background:var(--dark);color:#fff;}
.topbar .brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;}
.topbar .brand img{height:38px;width:auto;}
.topbar .brand small{display:block;opacity:.85;margin-top:-2px;}

.navbar-vikna{background:var(--dark-2);}
.navbar-vikna .nav-link{color:#fff;opacity:.9;font-weight:500;}
.navbar-vikna .nav-link:hover{opacity:1;}
.navbar-vikna .navbar-toggler{border-color:rgba(255,255,255,.35);border-radius:12px;}
.navbar-vikna .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ===== Hero ===== */
.hero{
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
  position:relative;
}
.hero .carousel-item{
  position:relative;
}
.hero-media{display:block;}
.hero-img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}
@media (min-width: 992px){
  .hero-img{height:420px;}
}
.hero-overlay{
  position:absolute;
  left:4%;
  top:25%;
  background:var(--accent);
  color:#fff;
  padding:26px 28px;
  border-radius:8px;
  max-width:520px;
  font-weight:800;
  text-transform:none;
  font-size:40px;
  line-height:1.05;
}
.hero-overlay small{
  display:block;
  margin-top:10px;
  font-weight:700;
  font-size:18px;
  opacity:.95;
}
.carousel-indicators [data-bs-target]{
  width:26px;
  height:4px;
  border-radius:999px;
}

/* ===== Section title ===== */
.section-title{font-weight:650;font-size:24px;margin:34px 0 16px;}
.page-title{font-weight:700;font-size:44px;color:#221F1F;}

/* ===== KPI cards ===== */
.kpi-card{
  background:#fff;
  border-radius:16px;
  border:1px solid #eef0f3;
  padding:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  height:100%;
}
.kpi-card .kpi-img{width:54px;height:54px;object-fit:contain;}
.kpi-card .kpi-name{font-weight:700;margin-top:10px;font-size:14px;}
.kpi-card .btn{padding:.35rem .8rem;font-size:12px;border-radius:10px;}

/* ===== Horizontal scroller helper ===== */
.hscroll{
  display:flex;
  gap:14px;
  overflow:auto;
  padding-bottom:8px;
  scroll-snap-type:x mandatory;
}
.hscroll > *{scroll-snap-align:start;min-width:220px;flex:0 0 auto;}
.hscroll::-webkit-scrollbar{height:8px;}
.hscroll::-webkit-scrollbar-thumb{background:#d8dbe0;border-radius:999px;}

/* ===== Manufacturers strip ===== */
.logo-strip{
  background:#fff;
  border-radius:16px;
  border:1px solid #eef0f3;
  padding:14px 44px;
  position:relative;
}
.logo-strip .hscroll{
  display:flex;
  align-items:center;
  gap:18px;
  overflow:auto;
  padding:6px 0;
}
.logo-strip .logo{
  flex:0 0 auto;

  width:160px;
  height:64px;
  padding:8px 12px;

  background:#fff;
  border-radius:12px;

  object-fit:contain;
  object-position:center;

  max-width:none;
  max-height:none;

  filter:none;
  opacity:1;
}
.strip-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid #e8eaee;
  background:#fff;
}
.strip-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);}
.strip-btn.prev{left:10px;}
.strip-btn.next{right:10px;}

/* ===== Product card (grid) ===== */
.product-card{
  background:#fff;
  border:1px solid #eef0f3;
  border-radius: 0;
  padding:10px 12px 12px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  height:100%;
}
.product-card .tag{
  background:var(--accent);
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:4px 10px;
  border-top-left-radius:12px;
  border-bottom-right-radius:12px;
  display:inline-block;
}
.product-card .meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:6px;
}
.flag{
  width:18px;height:12px;border-radius:3px;
  background:linear-gradient(#0057b7 50%, #ffd700 50%);
}
.product-card .pc-img{
  width:100%;
  height:120px;
  object-fit:contain;
  margin:10px 0;
}
.product-card .dim{font-weight:800;font-size:18px;}
.price{font-weight: 700;font-size:22px;color:#000;}
.price small{
  font-weight:700;
  font-size:12px;
  color:#7a828c;
  text-decoration:line-through;
  margin-left:6px;
}
.instock{font-size:12px;color:#1a8f3b;font-weight:700;}
.pc-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:8px;
}
.cart-mini{
  width:34px;height:34px;border-radius:10px;border:0;
  background:var(--accent);color:#fff;
}
.cart-mini:hover{background:#e45100;}

/* ===== Alternative product card (saved/promos pages) ===== */
.card-product{
  border:0;
  border-radius: 0;
  box-shadow:0 14px 30px rgba(0,0,0,.10);
  overflow:hidden;
}
.card-product .card-body{padding:1.1rem 1.1rem .9rem;}
.card-product .pill{
  display:inline-block;
  background:var(--brand);
  color:#fff;
  padding:.35rem .7rem;
  border-radius:999px;
  font-size:.85rem;
}
.card-product .old{color:#9aa0a6;text-decoration:line-through;font-size:.85rem;}
.card-product .avail{color:#16a34a;font-size:.85rem;}
.card-product .thumb{
  height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.card-product .thumb img{max-height:155px;max-width:100%;object-fit:contain;}
.card-product .top-icons{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding:.75rem .9rem 0;
}
.card-product .flag{
  display:inline-flex;
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(#1e3a8a 0 50%, #facc15 50% 100%);
}
.card-product .dot{
  display:inline-flex;
  width:28px;height:28px;border-radius:50%;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
}
.card-product .dot.red{background:#b91c1c;border-color:#b91c1c;}
.card-product .mini-actions{display:flex;align-items:center;gap:.35rem;}
.card-product .mini-actions a{color:#111;opacity:.75;}
.card-product .mini-actions a.active{color:var(--brand);opacity:1;}

/* ===== Video card ===== */
.video-card{
  border-radius:16px;
  border:1px solid #eef0f3;
  overflow:hidden;
  background:#2b3137;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:280px;
  color:#fff;
}
.video-card .play{
  width:86px;height:56px;border-radius:16px;
  background:#e53935;
  display:flex;align-items:center;justify-content:center;
}

/* ===== FAQ ===== */
.faq .accordion-item{border:0;margin-bottom:10px;}
.faq .accordion-button{
  background:#2b3137;
  color:#fff;
  border-radius:10px!important;
}
.faq .accordion-button:not(.collapsed){background:var(--accent);color:#fff;}
.faq .accordion-body{
  border:1px solid var(--accent);
  border-top:0;
  border-radius:0 0 10px 10px;
}

/* ===== CTA (click-safe overlay) ===== */
.cta{
  position:relative;
  isolation:isolate;
  padding:90px 0;
  color:#fff;

  /* якщо у тебе фон з іншого шляху — просто заміни тут */
  background:url('../img/image_72.png') center/cover no-repeat;
}
.cta::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
  z-index:0;
  pointer-events:none; /* не перекриває кліки */
}
.cta .container{position:relative;z-index:1;}
.cta h3{color:#fff;font-weight:900;}
.cta .btn{border-radius:12px;padding:.6rem 1.2rem;}

/* ===== Footer ===== */
.site-footer{background:var(--dark);color:#fff;}
.footer-title{font-weight:800;margin-bottom:12px;}
.footer-links a{
  color:#cfd6df;
  text-decoration:none;
  display:inline-block;
  padding:4px 0;
}
.footer-links a:hover{color:var(--accent);}
.text-muted-footer{color:#cfd6df;}
.footer-bottom{background:#1c2025;}
.footer-logo{width:100%;max-width:240px;height:auto;}

/* ===== Catalog / filters ===== */
.sidebar{border-right:1px solid #eef0f3;}
.filter-title{font-weight:800;font-size:13px;color:#4b5563;margin-bottom:10px;}
.filter-box{margin-bottom:18px;}
.filter-search input{height:34px;border-radius:10px;}

.sort-row{font-size:12px;color:#6b7280;}
.sort-row a{color:#6b7280;text-decoration:none;margin-right:10px;}
.sort-row a.active{color:var(--accent);font-weight:800;}

.pager .page-link{border:0;border-radius:10px;}
.pager .page-item.active .page-link{background:var(--accent);color:#fff;}

.breadcrumb a{text-decoration:none;color:#6b7280;}

/* ===== Product page ===== */
.product-gallery{
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:18px;
  overflow:hidden;
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-info{
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:18px;
  padding:18px;
  box-shadow:0 8px 22px rgba(0,0,0,.05);
}
.tab-links a{
  color:#111;
  text-decoration:none;
  font-weight:700;
  margin-right:22px;
  font-size:13px;
}
.tab-links a.active{color:var(--accent);}

.specs{font-size:13px;}
.specs .row{border-bottom:1px dashed #e6e9ee;padding:8px 0;}

.instruction-card{
  border:1px solid #eef0f3;
  border-radius:12px;
  padding:14px;
  display:flex;
  gap:10px;
  align-items:center;
}
.instruction-card.active{
  background:rgba(255,90,0,.12);
  border-color:rgba(255,90,0,.2);
}

.review-card{
  border:1px solid #eef0f3;
  border-radius:14px;
  padding:14px;
  margin-bottom:12px;
}
.star{color:var(--accent);}

/* ===== Panels / cart / forms ===== */
.panel{background:#fff;border-radius:18px;box-shadow:var(--shadow);}
.panel.pad{padding:1.4rem;}

.cart-hero{background:var(--dark-2);color:#fff;padding:2.2rem 0 1.3rem;}

.line-input{
  border:0;
  border-bottom:1px solid #d8dde3;
  border-radius:0;
  padding-left:0;
}
.line-input:focus{box-shadow:none;border-bottom-color:#9aa0a6;}

.qty{
  display:inline-flex;
  border:1px solid #d8dde3;
  border-radius:10px;
  overflow:hidden;
}
.qty button{background:#fff;border:0;width:34px;height:34px;}
.qty input{border:0;width:44px;text-align:center;}

/* ===== Modal clean ===== */
.modal-clean .modal-content{
  border-radius:20px;
  border:0;
  box-shadow:var(--shadow);
}
.modal-clean .form-control{
  border:0;
  border-bottom:1px solid #1f2328;
  border-radius:0;
  padding-left:0;
}
.modal-clean .form-control:focus{
  box-shadow:none;
  border-color:var(--accent);
}

/* ===== News ===== */
.news-card{border:0;border-radius:0;}
.news-card img{width:100%;height:170px;object-fit:cover;}
.news-card .readmore{color:var(--brand);text-decoration:none;}
.news-card .readmore:hover{text-decoration:underline;}

/* ===== Mobile offcanvas menu ===== */
#mobileMenu .offcanvas-header{padding:18px 18px 10px;}
#mobileMenu .offcanvas-title{font-weight:800;}

.mobile-menu{padding:0 18px 18px;}

.mm-account{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 0 14px;
  color:#111;
  text-decoration:none;
  border-bottom:1px solid #e9edf2;
  margin-bottom:12px;
}
.mm-account i{font-size:18px;color:#111;opacity:.85;}
.mm-account span{font-weight:600;}

.mm-section{padding:4px 0;}

.mm-item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  background:transparent;
  padding:12px 0;
  font-weight:800;
  color:#111;
}
.mm-title{font-size:16px;}
.mm-caret{font-size:12px;opacity:.7;transition:transform .2s ease;}

.mm-item[aria-expanded="true"] .mm-caret,
.mm-subitem[aria-expanded="true"] .mm-caret{transform:rotate(180deg);}

.mm-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 0;
  text-decoration:none;
  color:#111;
  font-weight:700;
}

.mm-sub{padding:0 0 10px 0;}
.mm-subitem{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  background:transparent;
  padding:10px 0;
  color:#111;
  font-weight:600;
}

.mm-leaf{
  display:block;
  padding:8px 0 8px 18px;
  text-decoration:none;
  color:#111;
  opacity:.88;
  font-weight:500;
}
.mm-leaf:hover{opacity:1;color:var(--accent);}

.mm-hr{margin:10px 0;opacity:.15;}

/* ===== Responsive fixes ===== */
.header-main .d-flex.align-items-center{flex-wrap:nowrap;}
.header-actions{flex:0 0 auto;gap:8px;}

/* ===== Cart page (minimal additions for макет) ===== */
.cart-page .cart-hero{ padding: 2.2rem 0 1.3rem; }

.cart-item-card{
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:16px;
  padding:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.cart-item-card + .cart-item-card{ margin-top:12px; }

.cart-item-img{
  width:72px;
  height:56px;
  object-fit:contain;
  flex:0 0 auto;
}
.cart-avail{ color:#16a34a; font-weight:700; }
.cart-price-now{ color: var(--accent); font-size: 22px; }

.cart-pills{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.cart-pill{
  border:1px solid #e6e9ee;
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
  font-weight:700;
  font-size:14px;
}
.cart-pill.active{
  border-color: rgba(255,90,0,.35);
  background: rgba(255,90,0,.10);
}

.cart-pay{ display:grid; gap:10px; }
.cart-pay-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid #e6e9ee;
  border-radius:10px;
  padding:10px 12px;
  cursor:pointer;
}
.cart-pay-item input{ margin-top:3px; }

.cart-total{ color: var(--accent); font-size: 22px; }
.cart-legal a{ color: var(--accent); text-decoration:none; }
.cart-legal a:hover{ text-decoration:underline; }
@media (max-width: 991.98px){
  .page-title{font-size:2rem;}
}

@media (max-width: 576px){
  .brand-logo{max-width:150px;height:auto;}

  .icon-btn{width:36px;height:36px;}
  .icon-btn i{font-size:18px;}

  .badge-dot{top:-6px;right:-6px;}

  .logo-strip .logo{
    width:132px;
    height:56px;
    padding:6px 10px;
  }
}

/* === UI unification (Roboto + consistent icons + squared corners) === */
:root{ --radius: 0px; }

body{
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Square corners everywhere */
.btn,
.card,
.panel,
.product-card,
.filter-box,
.video-card,
.modal-content,
.form-control,
.input-group-text,
.dropdown-menu,
.accordion-item,
.list-group-item,
img,
figure,
iframe{
  border-radius: 0 !important;
}

.rounded, .rounded-0, .rounded-1, .rounded-2, .rounded-3, .rounded-4, .rounded-5,
.rounded-top, .rounded-end, .rounded-bottom, .rounded-start,
.rounded-circle, .rounded-pill{
  border-radius: 0 !important;
}

/* Product card top-right icons – same look on all pages */
.product-card .meta-row a{
  color: inherit;
  opacity: .8;
}
.product-card .meta-row a:hover{ opacity: 1; }
.product-card .meta-row i{
  font-size: 1.05rem;
  line-height: 1;
}

/* Price weight a bit lighter */
.price{
  font-weight: 700;
}
.price small{
  font-weight: 400 !important;
}

/* product-card top icons (match compare) */
.product-card .flag{
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(#1f3f95 0 50%, #f6d048 50% 100%);
  box-shadow:inset 0 0 0 1px #e5e7eb;
}
.product-card .dot{
  width:28px;height:28px;border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px #e5e7eb;
}
.product-card .dot.red{background:#b91c1c;box-shadow:none;}
.product-card .mini-actions a{color:var(--accent);opacity:.95}
.product-card .mini-actions a:hover{opacity:1}
.product-card .mini-actions i{font-size:18px;}
.product-card .tag{
  display:inline-block;
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.35rem .75rem;
  font-weight:600;
}

/* === Products hscroll: показувати рівно N карток у ряд === */
.hscroll.products > *{
  flex: 0 0 auto;
}

/* xl+ : 5 карток */
@media (min-width: 1200px){
  .hscroll.products > *{
    width: calc((100% - 14px*4) / 5);
    min-width: 0; /* важливо: перебиваємо min-width:220px */
  }
}

/* lg : 4 картки */
@media (min-width: 992px) and (max-width: 1199.98px){
  .hscroll.products > *{
    width: calc((100% - 14px*3) / 4);
    min-width: 0;
  }
}

/* md : 3 картки */
@media (min-width: 768px) and (max-width: 991.98px){
  .hscroll.products > *{
    width: calc((100% - 14px*2) / 3);
    min-width: 0;
  }
}

/* sm : 2 картки */
@media (min-width: 576px) and (max-width: 767.98px){
  .hscroll.products > *{
    width: calc((100% - 14px*1) / 2);
    min-width: 0;
  }
}

/* xs : 1 картка */
@media (max-width: 575.98px){
  .hscroll.products > *{
    width: 85%;
    min-width: 0;
  }
}

/* ===== Full width video section ===== */
.video-section{
  width: 100%;
  padding: 0;
}

.video-section .video-card{
  width: 100%;
  height: 70vh;          /* головна висота */
  min-height: 500px;     /* щоб не була низькою */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;      /* якщо треба без заокруглень */
}
/* Product page from design */
.product-design{background:#fff;color:#001126}.back-link{display:inline-block;margin:0 0 26px;color:#68717d;text-decoration:none;font-size:24px}.pd-top{display:grid;grid-template-columns:660px 1fr;gap:36px}.pd-gallery,.pd-info{background:#fff;border:1px solid #edf0f2;border-radius:24px;box-shadow:0 20px 45px rgba(0,0,0,.06);position:relative}.pd-gallery{height:528px;padding:38px;display:flex;align-items:center;justify-content:center}.pd-card-icons{position:absolute;left:20px;right:20px;top:18px;display:flex;gap:14px;align-items:center;font-size:28px}.flag-ua{width:42px;height:42px;border-radius:50%;display:inline-block;background:linear-gradient(#183d91 0 50%,#ffd42a 50%);border:1px solid #dfe3e8}.circle{width:42px;height:42px;border-radius:50%;border:1px solid #dfe3e8;display:inline-block}.pd-badge{position:absolute;left:20px;top:82px;background:#ff4b0b;color:white;font-weight:700;border-radius:22px;padding:12px 20px}.pd-gallery img{max-width:66%;max-height:300px;object-fit:contain}.pd-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#f8f8f8;font-size:42px;width:62px;height:54px}.pd-arrow.left{left:24px}.pd-arrow.right{right:24px}.pd-info{padding:28px}.pd-actions{position:absolute;right:28px;top:30px;display:flex;gap:18px;font-size:30px}.pd-info h1{font-size:36px;line-height:1.18;font-weight:800;max-width:850px;padding-right:110px}.pd-rating{font-size:22px;color:#4c5663}.pd-rating span,.stars{color:#ffb000}.pd-rating a{float:right;color:#ff4b0b;text-decoration:none}.pd-delivery{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:52px 0 48px;font-size:21px}.pd-delivery h3{font-size:20px;font-weight:800}.pd-buy{margin-left:auto;width:506px;border:1px solid #dfe3e8;padding:28px 24px;display:grid;grid-template-columns:1fr auto 194px;gap:10px;align-items:center}.pd-size{grid-row:1/3;border:1px solid #dfe3e8;height:88px;display:flex;align-items:center;justify-content:center;font-size:24px}.pd-price small{display:block;color:#596270;font-size:20px}.pd-price strong{display:block;font-size:32px}.pd-price del{display:block;color:#7c8490}.pd-price span{display:block;color:#008b2e;font-weight:700}.pd-qty{display:flex}.pd-qty input,.pd-qty button{width:46px;height:56px;text-align:center;background:white;border:1px solid #9ca7b3}.pd-cart{height:90px;background:#ff4b0b;color:white;border:0;font-size:24px;font-weight:700}.pd-tabs{margin:70px 0 30px;border-bottom:1px solid #cfd5dc;display:flex;gap:36px}.pd-tabs a{padding:0 0 28px;text-decoration:none;color:#000;font-size:20px;font-weight:700}.pd-tabs a:first-child{color:#ff4b0b}.pd-section{margin:36px 0}.pd-section h2{font-size:30px;font-weight:800;margin-bottom:24px}.pd-specs{display:grid;grid-template-columns:1fr 440px;gap:60px;align-items:center}.pd-specs table{width:100%;font-size:20px}.pd-specs td,.pd-specs th{border-bottom:1px dashed #dfe3e8;padding:14px 0}.brand-logo{max-width:360px;max-height:220px;object-fit:contain}.pd-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pd-doc{border:1px solid #edf0f2;border-radius:16px;padding:28px;text-decoration:none;color:#001126;display:grid;grid-template-columns:44px 1fr;gap:4px 18px;font-size:20px}.pd-doc i{font-size:34px;color:#ff4b0b;grid-row:1/3}.pd-doc span{color:#4c5663}.pd-video{height:416px;background:#282f35;margin-top:26px;display:flex;align-items:center;justify-content:center;color:white;font-size:58px}.pd-video iframe{width:100%;height:100%;border:0}.pd-video i{display:block;margin:auto;background:#ef3838;border-radius:18px;width:130px;height:86px;text-align:center;font-size:70px;line-height:86px}.pd-review-btn{background:#ff4b0b;color:white;border:0;padding:16px 26px;font-size:24px}.pd-review-form{margin:20px 0;padding:20px;border:1px solid #edf0f2;border-radius:16px}.pd-review-form>*{margin-bottom:12px}.pd-review{border:1px solid #edf0f2;border-radius:18px;padding:26px 22px;margin:18px 0;position:relative}.pd-review time{position:absolute;right:24px;top:24px;color:#4c5663;font-size:20px}.pd-review h3{font-size:24px}.pd-more{display:block;text-align:center;font-size:24px;color:#06f;text-decoration:none;margin:32px 0}@media(max-width:992px){.pd-top,.pd-specs{grid-template-columns:1fr}.pd-gallery{height:380px}.pd-info h1{font-size:28px;padding-right:0}.pd-actions{position:static;justify-content:end}.pd-rating a{float:none;display:block}.pd-delivery{grid-template-columns:1fr;margin:25px 0}.pd-buy{width:100%;grid-template-columns:1fr}.pd-size{grid-row:auto}.pd-tabs{overflow-x:auto;white-space:nowrap}.pd-docs{grid-template-columns:1fr}.pd-video{height:260px;font-size:34px}.back-link{font-size:18px}}


/* ===== FIX 2026-05: product card/layout and checkout radio blocks ===== */
.product-design{overflow-x:hidden;}
.pd-top{grid-template-columns:minmax(420px, 1fr) minmax(520px, 1.05fr);align-items:start;}
.pd-gallery,.pd-info{min-width:0;}
.pd-gallery{height:auto;min-height:470px;padding:84px 34px 42px;}
.pd-gallery img{max-width:82%;max-height:330px;}
.pd-info{padding:34px 36px;}
.pd-info h1{font-size:clamp(30px,2.7vw,48px);line-height:1.18;word-break:normal;overflow-wrap:anywhere;margin-bottom:16px;}
.pd-rating{font-size:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.pd-rating a{float:none;margin-left:auto;font-size:16px;}
.pd-delivery{margin:34px 0 28px;gap:28px;font-size:16px;}
.pd-delivery p{line-height:1.65;margin-bottom:0;}
.pd-buy{width:100%;max-width:640px;margin-left:0;border-radius:0;grid-template-columns:minmax(180px,1fr) auto 160px;box-sizing:border-box;}
.pd-size{font-size:20px;padding:10px;justify-content:flex-start;text-align:left;line-height:1.25;height:auto;min-height:86px;overflow-wrap:anywhere;}
.pd-price strong{font-size:30px;line-height:1.05;}
.pd-cart{font-size:20px;padding:0 12px;}
.pd-tabs{margin-top:46px;}
@media(max-width:1200px){.pd-top{grid-template-columns:1fr;}.pd-buy{max-width:none;}.pd-rating a{margin-left:0;}}
@media(max-width:576px){.pd-info{padding:24px 18px;}.pd-gallery{min-height:340px;padding-left:18px;padding-right:18px;}.pd-buy{grid-template-columns:1fr;}.pd-size{justify-content:center;text-align:center;}.pd-cart{height:64px;}.pd-tabs a{font-size:18px;}}
.vstack label.border.rounded-4{cursor:pointer;transition:.15s ease;}
.vstack label.border.rounded-4:has(input:checked){border-color:#0d6efd!important;box-shadow:0 0 0 1px #0d6efd inset;}