/* ==========================================================================
   Butik FISH — Home page styles (front-page only)
   Graphite + glowing blue. Self-contained tokens (bf- prefixed vars).
   ========================================================================== */
:root{
  --primary:#2D3436;--primary-hover:#3D4648;--primary-dark:#1E2526;--primary-rgb:45,52,54;
  --accent:#168FD1;--accent-hover:#1278B0;--accent-light:#7BB8E0;--accent-rgb:22,143,209;
  --black:#1A1F21;--dark:#2D2D2D;--text:#333333;--text-light:#666666;--text-muted:#999999;
  --border:#E0E0E0;--border-light:#F0F0F0;--bg:#FFFFFF;--bg-alt:#F5F6F7;--bg-dark:#F2F2F2;
  --red:#E74C3C;--green:#27AE60;--star:#FFC107;
  --r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;
  --sh-sm:0 1px 3px rgba(0,0,0,.08);--sh-md:0 4px 12px rgba(0,0,0,.1);--sh-lg:0 8px 24px rgba(0,0,0,.12);
  --sh-card:0 2px 8px rgba(0,0,0,.06);--sh-card-hover:0 8px 30px rgba(0,0,0,.12);
  --ease:.3s ease;--ease-fast:.15s ease;
}

/* Section header */
.bf-home .section-header{text-align:center;margin-bottom:40px}
.bf-home .section-title{font-size:var(--text-3xl);font-weight:800;color:var(--black);margin-bottom:14px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;position:relative}
.bf-home .section-title span{color:var(--accent)}
.bf-home .section-title::after{content:'';display:block;width:60px;height:3px;background:var(--accent);margin:14px auto 0;border-radius:2px}
.bf-home .section-subtitle{color:var(--text-light);font-size:var(--text-md);margin-top:-2px}

/* HERO SLIDER */
.hero-slider{position:relative;min-height:480px;overflow:hidden;background:var(--primary-dark)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;z-index:0}
.hero-slide.active{opacity:1;z-index:1}
.hero-slide__bg{position:absolute;inset:0}
.hero-slide__bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 8s ease}
.hero-slide.active .hero-slide__bg img{transform:scale(1)}
.hero-slide__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,37,38,.90) 0%,rgba(45,52,54,.66) 50%,rgba(22,143,209,.20) 100%)}
.hero-slide__content{position:relative;z-index:2;max-width:600px;padding:60px 0}
.hero-slide.active .hero-slide__content{animation:fadeInUp .8s ease forwards}
.hero-slide__badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent);padding:6px 16px;border-radius:var(--r-sm);color:#fff;font-size:var(--text-sm);font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}
.hero-slide__title{color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin-bottom:16px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.hero-slide__title span{color:var(--accent-light)}
.hero-slide__desc{color:rgba(255,255,255,.8);font-size:var(--text-md);margin-bottom:28px;line-height:1.7;max-width:480px}
.hero-slider__dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:10px}
.hero-slider__dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .3s;padding:0}
.hero-slider__dot.active{background:var(--accent);transform:scale(1.2)}
.hero-slider__arrow{position:absolute;top:50%;z-index:10;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;padding:0}
.hero-slider__arrow svg{width:24px;height:24px}
.hero-slider__arrow:hover{background:rgba(255,255,255,.25)}
.hero-slider__arrow--prev{left:20px;transform:translateY(-50%)}
.hero-slider__arrow--next{right:20px;transform:translateY(-50%)}
.hero-slider__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent);z-index:10;transition:width linear}

/* CATEGORIES BENTO */
.categories-section{background:var(--primary-dark);padding:80px 0;overflow:hidden}
.categories-section .section-title{color:#fff}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-radius:var(--r-lg);overflow:hidden}
.cat-card{position:relative;min-height:220px;overflow:hidden;display:flex;align-items:flex-end;padding:20px;text-decoration:none;transition:all .4s;background:var(--primary)}
.cat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.05) 55%);z-index:2;pointer-events:none}
.cat-card::after{content:'';position:absolute;inset:0;background:rgba(var(--accent-rgb),.18);z-index:1;opacity:0;transition:opacity .4s}
.cat-card:hover::after{opacity:1}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;z-index:0}
.cat-card:hover img{transform:scale(1.08)}
.cat-card__info{position:relative;z-index:3}
.cat-card__name{color:#fff;font-size:var(--text-lg);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}
.cat-card__count{color:rgba(255,255,255,.65);font-size:var(--text-sm);margin-top:4px}
.cat-card--wide{grid-column:span 2}
.cat-card--tall{grid-row:span 2}

/* POPULAR PRODUCTS (home) */
.products-section{padding:64px 0}
.bf-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bf-products-grid .product-card{background:#fff;border-radius:var(--r-md);border:1px solid var(--border-light);position:relative;display:flex;flex-direction:column;transition:all var(--ease);height:100%}
.bf-products-grid .product-card:hover{box-shadow:var(--sh-card-hover);border-color:var(--border)}
.product-card__badges{position:absolute;top:8px;left:8px;z-index:10;display:flex;gap:4px;flex-wrap:wrap}
.product-card__fav{position:absolute;top:8px;right:8px;width:34px;height:34px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;color:var(--text-muted);transition:all .2s;border:none;cursor:pointer}
.product-card__fav:hover,.product-card__fav.active{color:var(--red);background:#fff}
.product-card__fav svg{width:18px;height:18px}
.product-card__img{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-md) var(--r-md) 0 0;background:var(--bg-alt);display:block}
.product-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bf-products-grid .product-card:hover .product-card__img img{transform:scale(1.05)}
.product-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.product-card__category{font-size:var(--text-xs);color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.product-card__name{font-weight:600;font-size:var(--text-base);color:var(--black);margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card__price-block{margin-top:auto;padding-top:10px}
.product-card__price{font-weight:800;font-size:var(--text-xl);color:var(--black)}
.product-card__old-price{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through;margin-left:8px}
.product-card__cart-btn{margin-top:12px;width:100%;background:var(--accent);color:#fff;border:none;padding:11px;border-radius:var(--r-sm);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.product-card__cart-btn:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}
.product-card__cart-btn svg{width:16px;height:16px}
.products-more{text-align:center;margin-top:36px}

/* ADVANTAGES */
.advantages-section{background:var(--bg-alt);padding:64px 0}
.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.advantage-card{background:#fff;border-radius:var(--r-md);padding:30px 24px;text-align:center;border:1px solid var(--border-light);transition:all var(--ease);display:flex;flex-direction:column;align-items:center}
.advantage-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--accent)}
.advantage-card__icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent-light);flex-shrink:0}
.advantage-card__icon svg{width:30px;height:30px}
.advantage-card__title{font-size:var(--text-md);font-weight:700;color:var(--black);margin-bottom:8px}
.advantage-card__text{font-size:var(--text-sm);color:var(--text-light);line-height:1.6}

/* PROMO / DELIVERY */
.promo-section{padding:0}
.promo-banner{position:relative;overflow:hidden;min-height:360px;display:flex;align-items:center;background:linear-gradient(135deg,#1E2526 0%,#2D3436 55%,#22323a 100%)}
.promo-banner__bg{position:absolute;inset:0}
.promo-banner__bg img{width:100%;height:100%;object-fit:cover;opacity:.14;filter:grayscale(.2)}
.promo-banner__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,37,38,.86) 0%,rgba(45,52,54,.78) 50%,rgba(22,143,209,.30) 100%)}
.promo-banner__content{position:relative;z-index:2;padding:60px 0;width:100%}
.promo-banner__title{color:#fff;font-size:var(--text-3xl);font-weight:800;margin-bottom:8px;text-align:center;letter-spacing:1px}
.promo-banner__subtitle{color:rgba(255,255,255,.6);text-align:center;margin-bottom:40px;font-size:var(--text-md)}
.promo-banner__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.promo-banner__item{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:32px 24px;text-align:center;transition:background .3s}
.promo-banner__item:hover{background:rgba(255,255,255,.1)}
.promo-banner__item-icon{width:56px;height:56px;border-radius:50%;background:rgba(var(--accent-rgb),.18);border:1px solid rgba(var(--accent-rgb),.35);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--accent-light)}
.promo-banner__item h4{color:#fff;font-size:var(--text-md);font-weight:700;margin-bottom:8px}
.promo-banner__item p{color:rgba(255,255,255,.65);font-size:var(--text-sm);line-height:1.5}

/* STORES */
.stores-section{background:var(--primary);padding:64px 0}
.stores-section .section-title{color:#fff}
.stores-section .section-subtitle{color:rgba(255,255,255,.5)}
.stores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.store-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:28px 24px;transition:all .3s}
.store-card:hover{background:rgba(255,255,255,.08);border-color:var(--accent);transform:translateY(-3px)}
.store-card__icon{width:48px;height:48px;border-radius:50%;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent-light)}
.store-card__title{color:#fff;font-size:var(--text-md);font-weight:700;margin-bottom:12px}
.store-card__list{list-style:none;padding:0;margin:0}
.store-card__list li{color:rgba(255,255,255,.6);font-size:var(--text-sm);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5}
.store-card__list li:last-child{border-bottom:none}

/* CTA */
.cta-section{background:var(--primary-dark);padding:56px 0}
.cta-content{text-align:center;max-width:680px;margin:0 auto}
.cta-title{color:#fff;font-size:var(--text-3xl);font-weight:800;margin-bottom:12px}
.cta-title span{color:var(--accent-light)}
.cta-desc{color:rgba(255,255,255,.72);font-size:var(--text-md);margin-bottom:28px}
.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.cta-buttons .btn-outline{border-color:rgba(255,255,255,.4);color:#fff}
.cta-buttons .btn-outline:hover{background:#fff;color:var(--primary-dark)}
.cta-phones{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.cta-phones p{color:rgba(255,255,255,.6);font-size:var(--text-sm)}
.cta-phones a{color:var(--accent-light);font-weight:700}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.animate-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.animate-in.visible{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media(max-width:1200px){
  .bf-products-grid{grid-template-columns:repeat(3,1fr)}
  .advantages-grid{grid-template-columns:repeat(3,1fr)}
  .stores-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .cat-card{min-height:180px}
  .cat-card--wide{grid-column:span 1}
  .cat-card--tall{grid-row:span 1}
}
@media(max-width:768px){
  .bf-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .hero-slider{min-height:360px}
  .hero-slide__content{padding:32px 0}
  .hero-slide__desc{font-size:var(--text-sm);margin-bottom:20px}
  .hero-slider__arrow{width:36px;height:36px}
  .hero-slider__arrow--prev{left:10px}
  .hero-slider__arrow--next{right:10px}
  .advantages-grid{grid-template-columns:1fr 1fr}
  .stores-grid{grid-template-columns:1fr 1fr}
  .promo-banner__grid{grid-template-columns:1fr}
  .categories-section{padding:48px 0}
  .cta-section .container{text-align:center}
}
@media(max-width:480px){
  .bf-products-grid{grid-template-columns:1fr 1fr;gap:8px}
  .hero-slider{min-height:300px}
  .advantages-grid{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:1fr 1fr;gap:3px}
  .cat-card{min-height:140px;padding:14px}
  .cat-card--wide{grid-column:span 2}
}

/* ============ BUTIK FISH v4.5 — custom brand touches ============ */
/* Subtle bubble/caviar texture on dark sections */
.categories-section, .stores-section, .cta-section{ position:relative; }
.categories-section::before, .stores-section::before, .cta-section::before{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.6; z-index:0;
  background-image: radial-gradient(rgba(123,184,224,.06) 1.5px, transparent 1.7px);
  background-size: 24px 24px;
}
.categories-section > .container, .stores-section > .container, .cta-section > .container{ position:relative; z-index:1; }

/* Section title with a small wave accent instead of plain bar */
.bf-home .section-title::after{
  width:70px; height:10px; background:none; border-radius:0; margin:14px auto 0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 10'%3E%3Cpath d='M2 6 C12 -2 22 12 35 6 C48 0 58 12 68 4' fill='none' stroke='%23168FD1' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:center;
}
.categories-section .section-title::after,
.stores-section .section-title::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 10'%3E%3Cpath d='M2 6 C12 -2 22 12 35 6 C48 0 58 12 68 4' fill='none' stroke='%237BB8E0' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Hero badge: premium pill with glow */
.hero-slide__badge{ box-shadow:0 6px 18px rgba(22,143,209,.45); }


/* CTA messenger buttons */
.cta-buttons .cta-btn{ display:inline-flex; align-items:center; gap:8px; }
.cta-btn--wa{ background:#25D366 !important; color:#fff !important; }
.cta-btn--wa:hover{ background:#1eb858 !important; color:#fff !important; transform:translateY(-1px); }
.cta-btn--tg{ background:#229ED9 !important; color:#fff !important; }
.cta-btn--tg:hover{ background:#1c87b8 !important; color:#fff !important; transform:translateY(-1px); }
.cta-btn--max{ background:linear-gradient(135deg,#2787F5,#6A5CFF) !important; color:#fff !important; }
.cta-btn--max:hover{ filter:brightness(1.08); color:#fff !important; transform:translateY(-1px); }
.cta-max-logo{ font-weight:900; letter-spacing:1.5px; font-size:1.05em; }
@media(max-width:560px){ .cta-buttons{ flex-direction:column; align-items:stretch; } .cta-buttons .cta-btn{ width:100%; justify-content:center; } }

/* ===== CTA messenger buttons — uniform ===== */
.cta-buttons{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.cta-buttons .cta-btn{ min-width:172px; justify-content:center; gap:9px; font-weight:700; border:none; box-shadow:0 6px 16px rgba(0,0,0,.18); }
.cta-buttons .cta-btn svg{ width:20px; height:20px; flex-shrink:0; }
.cta-btn--max .cta-max-badge{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:7px; background:rgba(255,255,255,.25); font-weight:900; font-size:14px; line-height:1; }

/* ===== Товар недели / акция ===== */
.potw-section{ padding:56px 0; background:var(--bg-alt); }
.potw-card{ display:grid; grid-template-columns:0.9fr 1.1fr; background:linear-gradient(135deg,#1E2526,#2D3436 60%,#22323a); border-radius:20px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.18); }
.potw-media{ position:relative; min-height:360px; background:#11181a; }
.potw-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.potw-flag{ position:absolute; top:18px; left:18px; background:var(--accent); color:#fff; font-weight:800; text-transform:uppercase; letter-spacing:.5px; padding:6px 14px; border-radius:6px; font-size:12px; box-shadow:0 6px 16px rgba(22,143,209,.5); }
.potw-body{ padding:40px 44px; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.potw-eyebrow{ color:var(--accent-light); font-weight:800; text-transform:uppercase; letter-spacing:2px; font-size:13px; margin-bottom:8px; }
.potw-cat{ color:rgba(255,255,255,.5); font-size:12px; text-transform:uppercase; letter-spacing:.5px; }
.potw-name{ color:#fff; font-size:30px; font-weight:800; margin:6px 0 8px; line-height:1.15; }
.potw-sub{ color:rgba(255,255,255,.72); margin-bottom:18px; }
.potw-price{ font-size:28px; font-weight:800; color:#fff; margin-bottom:22px; }
.potw-price del{ color:rgba(255,255,255,.45); font-size:18px; font-weight:600; margin-left:10px; }
.potw-price ins{ text-decoration:none; color:var(--accent-light); }
.potw-timer{ display:flex; gap:12px; margin-bottom:26px; }
.potw-unit{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:12px 0; width:76px; text-align:center; }
.potw-num{ display:block; font-size:26px; font-weight:800; color:#fff; line-height:1; }
.potw-lbl{ display:block; font-size:11px; color:rgba(255,255,255,.55); text-transform:uppercase; margin-top:6px; letter-spacing:.5px; }
.potw-ended{ color:var(--accent-light); font-weight:700; padding:10px 0; }
.potw-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.potw-actions .btn-outline{ border:2px solid rgba(255,255,255,.4); color:#fff; }
.potw-actions .btn-outline:hover{ background:#fff; color:var(--primary-dark); }
@media(max-width:768px){
  .potw-card{ grid-template-columns:1fr; }
  .potw-media{ min-height:240px; }
  .potw-body{ padding:28px 22px; }
  .potw-timer{ gap:8px; }
  .potw-unit{ width:auto; flex:1; }
  .potw-name{ font-size:23px; }
}

/* ===== v4.8 — CTA buttons fit one row ===== */
.cta-content{ max-width:780px; }
.cta-buttons{ gap:12px; }
.cta-buttons .cta-btn{ min-width:0; flex:1 1 160px; max-width:200px; padding:14px 18px; }
@media(max-width:600px){ .cta-buttons .cta-btn{ flex:1 1 45%; max-width:none; } }
@media(max-width:380px){ .cta-buttons .cta-btn{ flex:1 1 100%; } }

/* ===== v5.0 — premium graphite cards on the home «Популярные товары» ===== */
.bf-products-grid .product-card{ background:#222a2c !important; border:1px solid #d9dee0 !important; border-radius:16px; overflow:hidden; }
.bf-products-grid .product-card:hover{ transform:translateY(-5px); border-color:var(--accent) !important; box-shadow:0 20px 46px rgba(0,0,0,.26) !important; }
.bf-products-grid .product-card__img{ background:#eef1f2; aspect-ratio:1/1; }
.bf-products-grid .product-card__img img{ object-fit:cover; }
.bf-products-grid .product-card__body{ background:transparent; }
.bf-products-grid .product-card__category{ color:var(--accent-light); }
.bf-products-grid .product-card__name{ color:#fff; }
.bf-products-grid .product-card__name:hover{ color:var(--accent-light); }
.bf-products-grid .product-card__price{ color:#fff; }
.bf-products-grid .product-card__old-price{ color:rgba(255,255,255,.4); }
.bf-products-grid .product-card__fav{ background:rgba(255,255,255,.92); }
.bf-products-grid .product-card__cart-btn{ background:var(--accent); box-shadow:0 6px 16px rgba(22,143,209,.35); }
.bf-products-grid .product-card__cart-btn:hover{ background:var(--accent-hover); }

/* v5.5.2 — mobile hero: compact, auto-height to content, no dead photo band */
@media(max-width:768px){
  .hero-slider__arrow{ display:none !important; }
  /* auto-height: active slide drives height so there is no empty photo band */
  .hero-slider{ min-height:260px !important; height:auto !important; }
  .hero-slide.active{ position:relative !important; }
  .hero-slide__content{ padding:26px 0 46px !important; }
  .hero-slide__title{ font-size:clamp(1.2rem,5.4vw,1.6rem) !important; margin-bottom:10px !important; }
  .hero-slide__desc{ font-size:13px !important; margin-bottom:14px !important; line-height:1.5 !important; }
  .hero-slide__badge{ margin-bottom:12px !important; }
  .hero-slide__content .btn{ position:relative; z-index:4; }
  .hero-slider__dots{ bottom:12px !important; }
}
@media(max-width:480px){
  .hero-slide__content{ padding:24px 0 46px !important; }
}

/* ==========================================================================
   v5.6 — Premium / sea redesign: editorial hero, trust strip, bento, CTA band
   ========================================================================== */
:root{ --gold:#C9A86A; --graphite-2:#232c2e; --abyss:#11181a; }

/* --- Editorial HERO (reuses .hero-slider/.hero-slide for crossfade + JS) --- */
.bf-hero{position:relative;min-height:0;overflow:hidden;
  background:radial-gradient(900px 460px at 84% -10%,rgba(22,143,209,.20),transparent 58%),linear-gradient(165deg,#222b2c 0%,#1b2426 55%,#172228 100%)}
.bf-hero .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;z-index:0}
.bf-hero .hero-slide.active{position:relative;opacity:1;z-index:1}
.bf-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
  max-width:var(--container-max,1400px);margin:0 auto;padding:64px 28px 94px}
.bf-hero__label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent-light);font-weight:700;margin-bottom:16px}
.bf-hero__title{color:#fff;font-size:clamp(2rem,4vw,3.3rem);line-height:1.06;font-weight:800;letter-spacing:.5px;text-transform:none;margin:0 0 18px}
.bf-hero__title em{font-style:normal;color:var(--accent-light)}
.bf-hero__desc{color:#c3d0d4;font-size:18px;line-height:1.6;max-width:460px;margin:0 0 28px}
.bf-hero__cta{display:flex;gap:14px;flex-wrap:wrap}
.bf-home .btn-ghost-light{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.22)}
.bf-home .btn-ghost-light:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-1px)}
.bf-hero__stats{display:flex;gap:30px;margin-top:34px}
.bf-hero__stats b{color:#fff;display:block;font-size:22px;font-weight:800;line-height:1.1}
.bf-hero__stats span{color:#9fb0b5;font-size:13px}
.bf-hero__media{position:relative}
.bf-hero__photo{position:relative;height:420px;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);border:1px solid rgba(123,184,224,.25)}
.bf-hero__photo img{width:100%;height:100%;object-fit:cover;display:block}
.bf-hero__chip{position:absolute;background:rgba(20,28,30,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:11px 16px;font-size:14px;color:#fff;font-weight:700;z-index:3}
.bf-hero__chip i{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--accent-light)}
.bf-hero__chip--gold i{color:var(--gold)}
.bf-hero__chip--tl{top:20px;left:-16px}
.bf-hero__chip--br{bottom:22px;right:-14px}
.bf-hero__wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0;z-index:2;pointer-events:none}
.bf-hero__wave svg{width:100%;height:90px;display:block}
.bf-hero__wave path{fill:var(--graphite-2)}
.bf-hero .hero-slider__arrow{display:none!important}
.bf-hero .hero-slider__dots{bottom:34px;z-index:4}

/* --- TRUST STRIP --- */
.bf-trust{background:var(--graphite-2)}
.bf-trust__row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
  max-width:var(--container-max,1400px);margin:0 auto;padding:26px 28px}
.bf-trust__it{display:flex;gap:14px;align-items:center;color:#e9eef0}
.bf-trust__ic{width:46px;height:46px;border-radius:12px;background:rgba(22,143,209,.16);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.bf-trust__it b{display:block;font-size:15px}
.bf-trust__it span{font-size:13px;color:#9fb0b5}

/* --- BENTO categories (dark) --- */
.bf-home .categories-section{background:var(--abyss)}
.bf-home .categories-section .section-title{color:#fff}
.bf-home .categories-section .section-title span{color:var(--accent-light)}
.bf-home .categories-section .section-subtitle{color:#9fb0b5}
.bf-home .cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:210px;gap:18px;grid-auto-flow:dense}
.bf-home .cat-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-end;padding:22px;text-decoration:none;color:#fff;transition:.3s;aspect-ratio:auto}
.bf-home .cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.bf-home .cat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,21,22,.92),rgba(15,21,22,.12) 60%,transparent);z-index:1}
.bf-home .cat-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(22,143,209,.25);border-color:rgba(22,143,209,.5)}
.bf-home .cat-card__info{position:relative;z-index:2}
.bf-home .cat-card__name{font-size:22px;font-weight:800;color:#fff}
.bf-home .cat-card__count{font-size:13px;color:#b9c6ca}
.bf-home .cat-card--feature{grid-row:span 2;grid-column:span 2}
.bf-home .cat-card--feature .cat-card__name{font-size:30px}
.bf-home .cat-ribbon{position:absolute;z-index:3;top:16px;left:16px;background:var(--gold);color:#241c08;font-weight:800;font-size:12px;padding:5px 12px;border-radius:8px;letter-spacing:.5px}

/* --- premium product cards on dark section --- */
.bf-home .products-section{background:var(--abyss)}
.bf-home .products-section .section-title{color:#fff}
.bf-home .products-section .section-title span{color:var(--accent-light)}
.bf-home .products-section .section-subtitle{color:#9fb0b5}
.bf-home .bf-products-grid .product-card{background:#222a2c;border:1px solid rgba(255,255,255,.06);border-radius:18px;transition:.3s}
.bf-home .bf-products-grid .product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.45);border-color:rgba(22,143,209,.4)}
.bf-home .products-section .products-more .btn-outline{color:#fff;border-color:rgba(123,184,224,.5)}
.bf-home .products-section .products-more .btn-outline:hover{background:var(--accent);border-color:var(--accent)}

/* --- CTA sea band + wave --- */
.bf-cta-wave{line-height:0;background:var(--abyss)}
.bf-cta-wave svg{width:100%;height:80px;display:block}
.bf-cta-wave path{fill:#13242c}
.bf-home .cta-section{position:relative;
  background:radial-gradient(700px 320px at 50% 120%,rgba(22,143,209,.40),transparent),linear-gradient(120deg,#1b2325,#13262f);
  border-top:1px solid rgba(123,184,224,.15)}

/* --- Responsive --- */
@media(max-width:900px){
  .bf-hero__grid{grid-template-columns:1fr;gap:24px;padding:38px 22px 64px;text-align:center}
  .bf-hero__desc{margin-left:auto;margin-right:auto}
  .bf-hero__cta{justify-content:center}
  .bf-hero__stats{justify-content:center;flex-wrap:wrap;gap:22px}
  .bf-hero__media{order:-1}
  .bf-hero__photo{height:240px}
  .bf-hero__chip--tl{left:10px;top:12px}
  .bf-hero__chip--br{right:10px;bottom:12px}
  .bf-hero__wave svg{height:56px}
  .bf-hero .hero-slider__dots{bottom:20px}
  .bf-trust__row{grid-template-columns:repeat(2,1fr);gap:16px}
  .bf-home .cat-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;grid-auto-flow:row}
  .bf-home .cat-card--feature{grid-column:auto;grid-row:auto}
  .bf-home .cat-card--feature .cat-card__name{font-size:22px}
}
@media(max-width:560px){
  .bf-hero__title{font-size:clamp(1.5rem,7vw,2rem)}
  .bf-hero__desc{font-size:15px}
  .bf-hero__stats{gap:18px}
  .bf-hero__stats b{font-size:18px}
  .bf-trust__row{grid-template-columns:1fr}
  .bf-home .cat-grid{grid-template-columns:1fr;grid-auto-rows:150px}
  .bf-home .cat-card--feature{grid-column:span 1}
  .bf-home .cat-card--feature .cat-card__name{font-size:22px}
  .bf-hero__photo{height:210px}
  .bf-hero__chip{font-size:12px;padding:8px 12px}
}

/* ==========================================================================
   v5.6.2 — make remaining homepage sections graphite (store-consistent)
   ========================================================================== */
.bf-home{ background:#11181a; }
.bf-home .potw-section{ background:#11181a; }
.bf-home .advantages-section{ background:#11181a; }
.bf-home .advantages-section .section-title{ color:#fff; }
.bf-home .advantages-section .section-title span{ color:var(--accent-light); }
.bf-home .advantages-section .section-subtitle{ color:#9fb0b5; }
.bf-home .advantage-card{ background:#222a2c; border:1px solid rgba(255,255,255,.06); }
.bf-home .advantage-card:hover{ border-color:rgba(22,143,209,.4); box-shadow:0 18px 40px rgba(0,0,0,.45); transform:translateY(-4px); }
.bf-home .advantage-card__title{ color:#fff; }
.bf-home .advantage-card__text{ color:#9fb0b5; }

/* ==========================================================================
   v5.6.2 — About / owner block (graphite, real photo)
   ========================================================================== */
.bf-home .bf-about{ background:#11181a; padding:70px 0; }
.bf-about__grid{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:48px; align-items:center; }
.bf-about__media{ position:relative; border-radius:22px; overflow:hidden; border:1px solid rgba(123,184,224,.2); box-shadow:0 24px 60px rgba(0,0,0,.5); }
.bf-about__media img{ width:100%; height:100%; max-height:520px; object-fit:cover; object-position:center top; display:block; }
.bf-about__badge{ position:absolute; left:18px; bottom:18px; background:rgba(20,28,30,.85); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:10px 16px; color:#fff; font-weight:700; font-size:14px; }
.bf-about__label{ font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--accent-light); font-weight:700; margin-bottom:14px; }
.bf-about__text h2{ color:#fff; font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; line-height:1.12; margin-bottom:18px; text-transform:none; }
.bf-about__text p{ color:#c3d0d4; font-size:16px; line-height:1.7; margin-bottom:14px; max-width:560px; }
.bf-about__points{ display:flex; gap:30px; margin:24px 0 28px; flex-wrap:wrap; }
.bf-about__points b{ display:block; color:#fff; font-size:20px; font-weight:800; line-height:1.1; }
.bf-about__points span{ color:#9fb0b5; font-size:13px; }
@media(max-width:900px){
  .bf-about__grid{ grid-template-columns:1fr; gap:24px; }
  .bf-about__media img{ max-height:420px; }
  .bf-about__points{ gap:22px; }
}