/* ==========================================================================
   Икра102 — «Свежесть». Основные стили темы.
   Палитра: светлая база, морская бирюза, коралловый акцент.
   ========================================================================== */

:root{
  --bg:#f5f9fb;
  --surface:#ffffff;
  --surface-2:#fbf7ef;
  --ink:#17323b;
  --ink-soft:#33505a;
  --muted:#6f8791;
  --line:#e4edf1;
  --line-2:#d3e1e7;
  --teal:#0e7d90;
  --teal-ink:#0b6373;
  --deep:#0e4a58;
  --deep-2:#0a5f6e;
  --coral:#ff7a59;
  --coral-ink:#f0623f;
  --coral-tx:#ffffff;
  --amber:#e7a33e;
  --ok:#2f9e6f;
  --danger:#e0533f;
  --radius:16px;
  --radius-sm:10px;
  --radius-lg:22px;
  --container:1200px;
  --shadow-sm:0 6px 18px -10px rgba(20,40,50,.28);
  --shadow:0 18px 44px -22px rgba(20,40,50,.42);
  --shadow-lg:0 30px 70px -30px rgba(20,40,50,.5);
  --font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --header-h:76px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-decoration:none;transition:color .15s}
a:hover{color:var(--teal-ink)}
h1,h2,h3,h4,h5,h6{margin:0 0 .4em;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Layout ------------------------------------------------------------------ */
.container{max-width:var(--container);margin:0 auto;padding-left:24px;padding-right:24px}
.section{padding:64px 0}
.section--tight{padding:44px 0}
.section--surface{background:var(--surface)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}
.section-head .eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.section-head h2{font-size:clamp(26px,3.4vw,36px);margin:0}
.section-head p{margin:8px 0 0;color:var(--muted);font-size:15px}
.section-head .more{flex:none;font-weight:800;font-size:14px;color:var(--teal);white-space:nowrap}
.lead{font-size:18px;color:var(--ink-soft)}

/* Buttons ----------------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border:0;border-radius:var(--radius-sm);
  font-weight:800;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;
  transition:transform .12s,box-shadow .15s,background .15s,color .15s;
}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--coral);color:var(--coral-tx);box-shadow:0 12px 26px -12px rgba(255,122,89,.7)}
.btn--primary:hover{background:var(--coral-ink);color:#fff}
.btn--dark{background:var(--deep);color:#fff}
.btn--dark:hover{background:var(--deep-2);color:#fff}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--teal);color:var(--teal)}
.btn--sm{padding:10px 16px;font-size:13.5px;border-radius:9px}
.btn--lg{padding:16px 30px;font-size:16px}
.btn--block{display:flex;width:100%}
.btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9}
.topbar svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.hero__badge{display:inline-flex;align-items:center;gap:7px}
.hero__badge svg{width:17px;height:17px;flex:none;stroke:var(--ok)}

/* Header ------------------------------------------------------------------ */
.topbar{background:var(--deep);color:#dbeef2;font-size:12.5px}
.topbar .container{display:flex;align-items:center;gap:18px;min-height:40px;flex-wrap:wrap}
.topbar a{color:#dbeef2}
.topbar a:hover{color:#fff}
.topbar .sp{flex:1}
.topbar__item{display:inline-flex;align-items:center;gap:7px;opacity:.92}

.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
.site-header.is-stuck{box-shadow:var(--shadow-sm)}
.header-inner{display:flex;align-items:center;gap:26px;min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--ink);flex:none}
.brand:hover{color:var(--ink)}
.brand__mark{width:36px;height:36px;border-radius:50%;flex:none;background:
   radial-gradient(circle at 34% 30%, #ffc5a0 12%, transparent 13%),
   radial-gradient(circle at 64% 44%, #ffb488 11%, transparent 12%),
   radial-gradient(circle at 44% 68%, #ff9d6b 12%, transparent 13%),
   radial-gradient(circle,#f4744a,#d9542c);box-shadow:inset 0 0 0 2px var(--coral)}
.brand__mark--dark{box-shadow:inset 0 0 0 2px rgba(255,255,255,.3)}
.brand b{font-weight:800}
.brand span{color:var(--coral)}
.main-nav{display:flex}
.main-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.main-nav a{color:var(--ink);font-weight:700;font-size:15px;white-space:nowrap;opacity:.9;padding:6px 0;position:relative}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--teal);opacity:1}
.main-nav .current-menu-item>a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--coral);border-radius:2px}
.header-spacer{flex:1}
.header-actions{display:flex;align-items:center;gap:14px;flex:none}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;color:var(--ink);background:transparent;border:0;position:relative}
.icon-btn:hover{background:var(--bg);color:var(--teal)}
.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.header-phone{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--ink);white-space:nowrap}
.header-phone svg{width:18px;height:18px;stroke:var(--teal);fill:none;stroke-width:1.8}
.cart-btn{display:inline-flex;align-items:center;gap:9px;background:var(--coral);color:#fff;padding:11px 17px;border-radius:10px;font-weight:800;font-size:14px;white-space:nowrap;position:relative}
.cart-btn:hover{background:var(--coral-ink);color:#fff}
.cart-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.cart-btn .count{background:#fff;color:var(--coral);border-radius:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:0 5px}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;border-radius:10px;position:relative;flex:none}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){top:21px}
.burger span:nth-child(3){top:27px}
body.nav-open .burger span:nth-child(1){top:21px;transform:rotate(45deg)}
body.nav-open .burger span:nth-child(2){opacity:0}
body.nav-open .burger span:nth-child(3){top:21px;transform:rotate(-45deg)}

/* Mobile drawer */
.nav-overlay{position:fixed;inset:0;background:rgba(12,30,36,.5);opacity:0;visibility:hidden;transition:.25s;z-index:70}
body.nav-open .nav-overlay{opacity:1;visibility:visible}
.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);background:var(--surface);z-index:80;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
body.nav-open .mobile-nav{transform:none}
.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.mobile-nav__body{overflow-y:auto;padding:8px 0;flex:1}
.mobile-nav ul{list-style:none;margin:0;padding:0}
.mobile-nav__body a{display:block;padding:14px 22px;font-weight:700;font-size:16px;color:var(--ink);border-bottom:1px solid var(--line)}
.mobile-nav__body a:hover{background:var(--bg);color:var(--teal)}
.mobile-nav__foot{padding:18px 22px;border-top:1px solid var(--line);display:grid;gap:12px}
.close-btn{width:42px;height:42px;border:0;background:var(--bg);border-radius:10px;font-size:20px;color:var(--ink);line-height:1}

/* Hero -------------------------------------------------------------------- */
.hero{background:linear-gradient(160deg,#eaf5f8 0%,#f7fbfc 55%,#fff 100%);overflow:hidden}
.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:60px 0}
.hero__eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}
.hero h1{font-size:clamp(30px,4.6vw,48px);line-height:1.06;margin:0}
.hero p{margin:16px 0 0;font-size:17px;line-height:1.6;color:var(--ink-soft);max-width:460px}
.hero__cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
.hero__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:11/9;box-shadow:var(--shadow)}
.hero__media img{width:100%;height:100%;object-fit:cover}
.hero__badge{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(3px);border-radius:12px;padding:10px 14px;font-weight:800;font-size:13px;color:var(--ink);box-shadow:var(--shadow-sm)}

/* Photo placeholder tiles (used when no real image) ----------------------- */
.ph{position:relative;background:#e2e8ea;overflow:hidden}
.ph::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, rgba(255,255,255,.10) 1px, transparent 1.4px);background-size:9px 9px;opacity:.5}
.ph--roe{background:radial-gradient(120% 120% at 30% 20%, #ff9a52 0%, #e2611d 45%, #a6350f 100%)}
.ph--roe.tex{background-image:radial-gradient(circle at 30% 35%, rgba(255,220,180,.9) 1.7px, transparent 2.3px),radial-gradient(120% 120% at 30% 20%, #ff9a52 0%, #e2611d 46%, #9c320d 100%);background-size:11px 11px,100% 100%}
.ph--fish{background:linear-gradient(135deg,#9fb8c4,#5f7f8f 55%,#3d5766)}
.ph--crab{background:radial-gradient(120% 120% at 35% 25%, #ff7a5a, #d63b28 55%, #8f1f18)}
.ph--liver{background:linear-gradient(135deg,#e7c79a,#c99a5f 60%,#9a6d38)}
.ph--pres{background:linear-gradient(135deg,#f0d9b0,#cf9f66)}
.ph--frozen{background:linear-gradient(135deg,#cfe4ee,#8fb4c6 60%,#6b93a6)}
.ph--set{background:radial-gradient(130% 130% at 70% 20%, #123c46 0%, #0c2a31 70%)}
.ph__tag{position:absolute;left:12px;bottom:11px;font-size:11px;font-weight:600;color:rgba(255,255,255,.92);background:rgba(0,0,0,.28);padding:4px 9px;border-radius:999px;z-index:2}

/* USP strip --------------------------------------------------------------- */
.usp{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.usp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:22px;padding-bottom:22px}
.usp__item{display:flex;gap:13px;align-items:flex-start}
.usp__item svg{flex:none;width:26px;height:26px;stroke:var(--teal);fill:none;stroke-width:1.7}
.usp__item b{display:block;font-size:14.5px}
.usp__item span{font-size:12.5px;color:var(--muted)}

/* Category grid ----------------------------------------------------------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat-card{position:relative;display:flex;align-items:flex-end;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;color:#fff;box-shadow:var(--shadow-sm)}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-card:hover img{transform:scale(1.05)}
.cat-card__ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,30,36,0) 30%,rgba(6,30,36,.68) 100%);z-index:1}
.cat-card__t{position:relative;z-index:2;padding:16px 18px}
.cat-card__t b{display:block;font-size:18px;font-weight:800}
.cat-card__t span{font-size:12.5px;opacity:.9}

/* Product cards (custom + WooCommerce) ------------------------------------ */
.product-grid,.woocommerce ul.products,.woocommerce-page ul.products{
  display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;margin:0!important;padding:0!important;list-style:none!important;
}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;padding:0!important}
.product-card,.woocommerce ul.products li.product{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .15s,box-shadow .2s,border-color .2s;position:relative;
}
.product-card:hover,.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}
.product-card__media,.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,.woocommerce ul.products li.product img{
  aspect-ratio:1/1;width:100%;object-fit:cover;margin:0!important
}
.product-card__media{position:relative;overflow:hidden}
.product-card__body,.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0}
.product-card__body{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}
.product-card__title,.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:15.5px;font-weight:800;line-height:1.25;color:var(--ink);margin:0 0 4px;padding:14px 15px 0
}
.product-card__title{padding:0}
.product-card__meta{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.product-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.price,.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--ink);font-weight:800;font-size:18px;font-family:var(--font)
}
.woocommerce ul.products li.product .price{display:block;padding:0 15px 12px;margin:0}
.price del,.woocommerce .price del{color:var(--muted);font-weight:600;font-size:13px;opacity:.8;margin-right:6px}
.price ins,.woocommerce .price ins{text-decoration:none;background:transparent}
.badge{position:absolute;left:11px;top:11px;z-index:3;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--teal);color:#fff}
.badge--sale,.woocommerce span.onsale{background:var(--coral);color:#fff}
.woocommerce span.onsale{position:absolute;top:11px;left:11px;margin:0;min-height:0;min-width:0;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{
  margin:0 15px 15px!important;background:var(--coral);color:#fff;border-radius:9px;padding:10px 14px;font-weight:800;font-size:13.5px
}
.woocommerce ul.products li.product .button:hover{background:var(--coral-ink)}

/* Star rating */
.woocommerce .star-rating span::before,.woocommerce .star-rating::before{color:var(--amber)}

/* Brand band -------------------------------------------------------------- */
.brandband{background:linear-gradient(130deg,var(--deep),var(--deep-2));color:#eefafc}
.brandband__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:52px 0}
.brandband h2{color:#fff;font-size:clamp(24px,3vw,32px)}
.brandband p{color:#bfe0e6;max-width:460px}
.brandband__media{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow)}
.brandband__media img{width:100%;height:100%;object-fit:cover}

/* Testimonials ------------------------------------------------------------ */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.review__stars{color:var(--amber);letter-spacing:2px;font-size:15px;margin-bottom:10px}
.review p{color:var(--ink-soft);font-size:15px}
.review__who{font-weight:800;font-size:14px;margin-top:12px}
.review__who span{display:block;font-weight:600;font-size:12.5px;color:var(--muted)}

/* Breadcrumbs ------------------------------------------------------------- */
.breadcrumbs,.woocommerce-breadcrumb{font-size:13px;color:var(--muted);padding:16px 0}
.breadcrumbs a,.woocommerce-breadcrumb a{color:var(--muted)}
.breadcrumbs a:hover,.woocommerce-breadcrumb a:hover{color:var(--teal)}

/* Page hero / titles ------------------------------------------------------ */
.page-hero{background:linear-gradient(160deg,#eaf5f8,#f7fbfc);border-bottom:1px solid var(--line)}
.page-hero__inner{padding:38px 0}
.page-hero h1{font-size:clamp(28px,4vw,40px);margin:0}
.page-hero p{margin:10px 0 0;color:var(--muted)}

/* Prose (static pages / posts) ------------------------------------------- */
.prose{max-width:760px}
.prose h2{font-size:26px;margin:1.4em 0 .5em}
.prose h3{font-size:20px;margin:1.2em 0 .4em}
.prose p,.prose li{color:var(--ink-soft);font-size:16.5px}
.prose img{border-radius:var(--radius);margin:1.2em 0}
.prose blockquote{margin:1.4em 0;padding:14px 20px;border-left:3px solid var(--coral);background:var(--surface);border-radius:0 12px 12px 0;color:var(--ink)}

/* Info cards (delivery / contacts) --------------------------------------- */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.info-card svg{width:28px;height:28px;stroke:var(--teal);fill:none;stroke-width:1.7;margin-bottom:12px}
.info-card h3{font-size:18px;margin:0 0 6px}
.info-card p{color:var(--muted);font-size:14.5px;margin:0}
.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.map-embed{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;min-height:280px;background:linear-gradient(135deg,#dCE9ee,#b6ccd4)}
.map-embed iframe{width:100%;height:100%;border:0;display:block}

/* Forms ------------------------------------------------------------------- */
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=password],input[type=number],textarea,select,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .select2-container .select2-selection{
  width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:15px;line-height:1.4
}
textarea{min-height:120px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,125,144,.14)}
label{font-weight:700;font-size:14px;color:var(--ink)}
.field{margin-bottom:16px}

/* WooCommerce shop layout ------------------------------------------------- */
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:14px;margin:0}
.woocommerce .woocommerce-ordering select{width:auto;min-width:200px}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.woocommerce nav.woocommerce-pagination{margin-top:36px;text-align:center}
.woocommerce nav.woocommerce-pagination ul{display:inline-flex;gap:6px;border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:0
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--coral);color:#fff;border-color:var(--coral)}

/* Single product ---------------------------------------------------------- */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.woocommerce div.product .woocommerce-product-gallery{margin:0;width:auto!important;float:none!important}
.woocommerce div.product .woocommerce-product-gallery__image img{border-radius:var(--radius)}
.woocommerce div.product .summary{margin:0;width:auto!important;float:none!important}
.woocommerce div.product .product_title{font-size:clamp(24px,3vw,34px)}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:26px;color:var(--ink);margin:6px 0 18px}
.woocommerce div.product form.cart{margin:22px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
/* Количество со степперами +/- */
.quantity{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:var(--surface);height:46px;line-height:0}
.quantity .qty-btn{width:42px;height:44px;border:0;background:transparent;font-size:20px;line-height:1;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none}
.quantity .qty-btn:hover{background:var(--bg);color:var(--teal)}
.quantity input.qty,.woocommerce .quantity input.qty,.woocommerce div.product .quantity .qty{width:52px;height:44px;padding:0;margin:0;text-align:center;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;background:transparent;font-weight:700;font-size:15px;-moz-appearance:textfield;appearance:textfield;box-shadow:none}
.quantity input.qty:focus{box-shadow:none;outline:none}
.quantity input.qty::-webkit-outer-spin-button,.quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:20px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 18px;display:flex;gap:8px;flex-wrap:wrap;list-style:none}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:9px 18px;color:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--coral);border-color:var(--coral)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.products.related,.products.upsells{grid-column:1/-1}

/* Cart & checkout --------------------------------------------------------- */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--radius);border-collapse:separate;overflow:hidden;background:var(--surface)}
.woocommerce table.shop_table th{background:var(--surface-2);color:var(--ink);font-weight:800}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:14px 16px;border-top:1px solid var(--line)}
/* Корзина */
.woocommerce table.shop_table.cart{margin-bottom:0}
.woocommerce table.cart td.product-thumbnail img,.woocommerce table.cart img,.woocommerce table.cart td.product-thumbnail .ph{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block}
.woocommerce table.cart{table-layout:fixed;width:100%}
.woocommerce table.cart th{text-align:left}
.woocommerce table.cart th.product-quantity,.woocommerce table.cart td.product-quantity{width:160px}
.woocommerce table.cart th.product-remove,.woocommerce table.cart td.product-remove{width:46px;min-width:46px;text-align:center}
.woocommerce table.cart th.product-thumbnail,.woocommerce table.cart td.product-thumbnail{width:96px}
.woocommerce table.cart th.product-price,.woocommerce table.cart td.product-price,.woocommerce table.cart th.product-subtotal,.woocommerce table.cart td.product-subtotal{width:120px;white-space:nowrap}
.woocommerce a.remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg);color:var(--muted)!important;font-size:17px;line-height:1;text-decoration:none;font-weight:400}
.woocommerce a.remove:hover{background:var(--danger);color:#fff!important}
.woocommerce table.cart td.product-name a{color:var(--ink);font-weight:700}
.woocommerce table.cart td.product-name a:hover{color:var(--teal)}
.woocommerce table.cart td.product-quantity .quantity{margin:0}
.woocommerce-cart-form .actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px!important;border-top:1px solid var(--line)}
.woocommerce-cart-form .actions .coupon{display:flex;gap:10px;align-items:center;float:none!important;margin:0}
.woocommerce-cart-form .actions .coupon input{width:auto;min-width:170px;margin:0;height:46px}
.woocommerce-cart-form .actions>button,.woocommerce-cart-form .actions>input.button{float:none!important;margin:0}
.cart-collaterals{display:grid;grid-template-columns:1fr;justify-items:end;gap:20px;margin-top:24px}
.cart-collaterals .cross-sells{width:100%;justify-self:stretch}
.cart-collaterals .cart_totals{width:min(420px,100%);float:none!important}
.cart_totals{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.cart_totals h2{font-size:20px;margin:0 0 14px}
.cart_totals table{width:100%}
.cart_totals table th{background:transparent;font-weight:700}
.cart_totals .order-total th,.cart_totals .order-total td .amount{font-size:18px;color:var(--ink)}
.wc-proceed-to-checkout{margin-top:16px}
.wc-proceed-to-checkout a.checkout-button{display:flex!important;width:100%;background:var(--deep);color:#fff}
.wc-proceed-to-checkout a.checkout-button:hover{background:var(--deep-2)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce .cart .button,.woocommerce .cart input.button,.woocommerce-page a.button,.woocommerce button.button.alt{
  background:var(--coral);color:#fff;border-radius:10px;padding:13px 22px;font-weight:800;font-size:14.5px;border:0;transition:background .15s
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover,.woocommerce #respond input#submit:hover{background:var(--coral-ink);color:#fff}
.woocommerce .button.alt.checkout-button{background:var(--deep)}
.woocommerce .button.alt.checkout-button:hover{background:var(--deep-2)}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
  border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:14px 16px;border-top:3px solid var(--teal);list-style:none
}
.woocommerce-message{border-top-color:var(--ok)}
.woocommerce-error{border-top-color:var(--danger)}

/* Blog / news ------------------------------------------------------------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.post-card__media{aspect-ratio:16/10;overflow:hidden}
.post-card__media img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:18px}
.post-card__date{font-size:12.5px;color:var(--muted);margin-bottom:8px}
.post-card h3{font-size:19px;margin:0 0 8px}
.post-card p{color:var(--ink-soft);font-size:14.5px;margin:0}

/* Footer ------------------------------------------------------------------ */
.site-footer{background:var(--deep);color:#e7f4f7;padding:52px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:30px}
.site-footer h4{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#8fb6bf;margin:0 0 14px;font-weight:800}
.site-footer a{color:#e7f4f7}
.site-footer a:hover{color:#fff}
.footer-menu ul{list-style:none;margin:0;padding:0}
.footer-menu li{margin-bottom:9px}
.footer-about p{color:#bcd7dd;font-size:14px;margin:12px 0 0}
.footer-contacts p{margin:0 0 9px;font-size:14px;color:#dCeaee}
.footer-contacts .big{font-size:20px;font-weight:800;color:#fff}
.socials{display:flex;gap:10px;margin-top:14px}
.socials a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.socials a:hover{background:rgba(255,255,255,.16)}
.socials svg{width:18px;height:18px;fill:#e7f4f7}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#9dbfc6}
.pay-icons{display:flex;gap:8px;align-items:center;opacity:.9}
.pay-icons span{background:rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}

/* 404 --------------------------------------------------------------------- */
.error404-wrap{text-align:center;padding:80px 0}
.error404-wrap .code{font-size:96px;font-weight:800;color:var(--coral);line-height:1}

/* Reveal on scroll -------------------------------------------------------- */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}

/* Back to top */
.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:var(--deep);color:#fff;border:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:55;box-shadow:var(--shadow)}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media(max-width:1024px){
  .product-grid,.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
  .post-grid,.reviews-grid,.info-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  :root{--header-h:66px}
  .main-nav,.header-phone{display:none}
  .burger{display:block}
  .hero__inner{grid-template-columns:1fr;padding:44px 0}
  .hero__media{aspect-ratio:16/11}
  .brandband__inner{grid-template-columns:1fr;padding:40px 0}
  .woocommerce div.product{grid-template-columns:1fr;gap:26px}
  .contact-split{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .section{padding:48px 0}
}
@media(max-width:820px){
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
  .usp__grid{grid-template-columns:repeat(2,1fr)}
  .reviews-grid,.post-grid,.info-grid{grid-template-columns:1fr}
  .section-head{flex-direction:column;align-items:flex-start;gap:6px}
  .cart-collaterals .cart_totals{width:100%}
}
@media(max-width:600px){
  .container{padding-left:16px;padding-right:16px}
  .topbar{display:none}
  .section{padding:38px 0}
  .hero h1{font-size:29px}
  .hero__cta .btn{flex:1}
  .usp__grid{grid-template-columns:1fr;gap:14px;padding-top:16px;padding-bottom:16px}
  .cat-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .woocommerce table.shop_table.cart thead,.woocommerce-checkout-review-order-table thead{display:none}
  .woocommerce-cart-form,.woocommerce table.shop_table.cart,.woocommerce table.shop_table.cart tbody,.woocommerce table.shop_table.cart tr,.woocommerce table.shop_table.cart td{display:block;width:100%}
  .woocommerce table.shop_table.cart{border:0;border-radius:0;background:transparent;overflow:visible}
  .woocommerce table.shop_table.cart tr.cart_item{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 16px;margin-bottom:14px;position:relative;box-shadow:var(--shadow-sm)}
  .woocommerce table.shop_table.cart td{border:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;text-align:right;width:100%}
  .woocommerce table.shop_table.cart td::before{content:attr(data-title);font-weight:700;color:var(--muted);text-align:left;white-space:nowrap}
  .woocommerce table.shop_table.cart td.product-name a{color:var(--ink);font-weight:700}
  .woocommerce table.shop_table.cart td.product-thumbnail{justify-content:flex-start;padding:2px 0 8px}
  .woocommerce table.shop_table.cart td.product-thumbnail::before{content:none}
  .woocommerce table.shop_table.cart td.product-remove{position:absolute;top:10px;right:10px;width:auto;padding:0}
  .woocommerce table.shop_table.cart td.product-remove::before{content:none}
  .woocommerce-cart-form .actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;border:1px solid var(--line)!important;border-radius:14px;background:var(--surface);padding:14px!important;box-shadow:var(--shadow-sm)}
  .woocommerce-cart-form .actions .coupon{display:flex;gap:10px;flex-wrap:wrap;margin:0}
  .woocommerce-cart-form .actions .coupon input{flex:1;min-width:0}
  .woocommerce-cart-form .actions .coupon .button{flex:none}
  .woocommerce-cart-form .actions>button[name="update_cart"],.woocommerce-cart-form .actions>input[name="update_cart"]{width:100%}
  .cart_totals{margin-top:4px}
  .woocommerce div.product form.cart{gap:10px}
  .cart-btn .label{display:none}
  .header-actions{gap:10px}
}
@media(max-width:420px){
  .product-grid,.woocommerce ul.products{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .js .reveal{opacity:1;transform:none;transition:none}
  *{animation:none!important}
}

/* Икра102 «Свежесть» — дополнения v1.0.6 (появление секций, ховеры кнопок/карточек, фикс уведомлений, мини-корзина). Загружается после main.css. */
@keyframes ikraReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.js .reveal{animation:ikraReveal .55s cubic-bezier(.2,.7,.2,1) both}
.js .reveal.in{opacity:1;transform:none}

/* ======================================================================
   Полировка: кнопки, карточки, анимация, уведомления, мини-корзина
   ====================================================================== */

/* Кнопки — мягкое поднятие и тень при наведении */
.btn{transition:transform .16s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--primary:hover{box-shadow:0 16px 32px -12px rgba(255,122,89,.85)}
.btn--dark:hover{box-shadow:0 16px 32px -14px rgba(14,74,88,.65)}
.btn--ghost:hover{transform:translateY(-2px)}

/* Карточки товара — приподнимаются, фото плавно увеличивается */
.product-card,.woocommerce ul.products li.product{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .2s}
.product-card:hover,.woocommerce ul.products li.product:hover{transform:translateY(-6px);border-color:rgba(14,125,144,.35);box-shadow:0 24px 50px -26px rgba(20,40,50,.5)}
.product-card__media,.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;overflow:hidden}
.product-card__media img,.woocommerce ul.products li.product img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-card__media img,.woocommerce ul.products li.product:hover img{transform:scale(1.06)}
.woocommerce ul.products li.product .button{transition:transform .16s,box-shadow .2s,background .2s}
.woocommerce ul.products li.product .button:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(255,122,89,.8)}
.qty-btn{transition:background .15s,color .15s}
.cart-btn,.icon-btn{transition:transform .15s,background .15s,color .15s,box-shadow .2s}
.cart-btn:hover{transform:translateY(-1px)}

/* Уведомления WooCommerce — без наезжающей иконки, аккуратно */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{position:relative;padding:14px 16px}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before,.woocommerce-noreviews::before{display:none!important}
.woocommerce-message{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.woocommerce-message .button{flex:none}
.cart_totals{transition:opacity .15s}

/* Мини-корзина (drawer) */
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(92vw,380px);background:var(--surface);z-index:130;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;box-shadow:-24px 0 60px -30px rgba(20,40,50,.55);visibility:hidden}
body.cart-open .cart-drawer{transform:none;visibility:visible}
.cart-drawer-overlay{position:fixed;inset:0;background:rgba(12,30,36,.5);opacity:0;visibility:hidden;transition:.25s;z-index:125}
body.cart-open .cart-drawer-overlay{opacity:1;visibility:visible}
.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.cart-drawer__head b{font-size:18px}
.cart-drawer__close{width:40px;height:40px;border:0;background:var(--bg);border-radius:10px;font-size:22px;line-height:1;color:var(--ink);cursor:pointer;transition:.15s}
.cart-drawer__close:hover{color:var(--coral);background:#f0e7e2}
.cart-drawer__body{flex:1;overflow-y:auto;padding:14px 18px 20px}
.cart-drawer__loading,.cart-drawer__empty{padding:26px 0;text-align:center;color:var(--muted)}
.cart-drawer__empty{margin-bottom:14px}
.mini-cart-list{list-style:none;margin:0 0 8px;padding:0}
.mini-cart-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.mini-cart-item img,.mini-cart-ph{width:54px;height:54px;border-radius:8px;object-fit:cover;flex:none;background:var(--bg)}
.mini-cart-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mini-cart-name{font-weight:700;font-size:14px;color:var(--ink);line-height:1.25}
.mini-cart-price{font-size:13px;color:var(--muted)}
.mini-cart-remove{flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:17px;text-decoration:none;transition:.15s}
.mini-cart-remove:hover{background:var(--danger);color:#fff}
.mini-cart-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:16px;border-top:1px solid var(--line);margin-top:6px}
.mini-cart-total strong{font-size:19px}
.mini-cart-actions{display:flex;flex-direction:column;gap:10px;padding-top:6px}

/* ======================================================================
   Икра102 «Свежесть» — доработки v1.0.7
   Корзина: 2 колонки на всю ширину; мини-корзина со степперами;
   тост при добавлении; иконка на кнопке «В корзину».
   ====================================================================== */

/* --- (1) Страница корзины: убираем узкую «prose»-ширину, делаем 2 колонки --- */
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content{ max-width:none !important; }
@media (min-width:1000px){
  .woocommerce-cart .woocommerce{ display:grid; grid-template-columns:minmax(0,1fr) 372px; gap:34px; align-items:start; }
  .woocommerce-cart .woocommerce-notices-wrapper{ grid-column:1 / -1; }
  .woocommerce-cart .woocommerce-cart-form{ grid-column:1; min-width:0; }
  .woocommerce-cart .cart-collaterals{ grid-column:2; display:block; width:auto; float:none; margin:0; position:sticky; top:96px; }
  .woocommerce-cart .cart-collaterals .cart_totals{ width:100%; float:none; margin:0; }
  .woocommerce-cart .cart-collaterals .cart_totals > h2{ margin-top:0; }
  .woocommerce-cart .cross-sells{ grid-column:1 / -1; }
}

/* --- (2) Мини-корзина: степперы +/− и кнопка удаления --- */
.mini-cart-item{ align-items:center; }
.mini-cart-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:7px; }
.mc-stepper{ display:inline-flex; align-items:center; gap:2px; background:var(--bg); border-radius:9px; padding:2px; }
.mc-btn{ width:27px; height:27px; border:0; background:transparent; border-radius:7px; font-size:16px; line-height:1; color:var(--ink); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s,color .15s; }
.mc-btn:hover{ opacity:1; background:#fff; color:var(--coral); }
.mc-btn:active{ transform:translateY(1px); }
.mc-num{ min-width:24px; text-align:center; font-weight:800; font-size:14px; }
.mini-cart-sub{ font-weight:800; font-size:14px; color:var(--ink); white-space:nowrap; }
.mini-cart-remove{ flex:none; width:27px; height:27px; border:0; border-radius:50%; background:var(--bg); color:var(--muted); display:flex; align-items:center; justify-content:center; font-size:17px; line-height:1; cursor:pointer; text-decoration:none; transition:background .15s,color .15s; }
.mini-cart-remove:hover{ opacity:1; background:var(--danger); color:#fff; }
.cart-drawer.is-busy .mini-cart-list{ opacity:.6; pointer-events:none; transition:opacity .15s; }

/* --- (3) Тост «Товар добавлен в корзину» --- */
.ik-toast{ position:fixed; top:calc(var(--header-h,76px) + 16px); right:20px; z-index:140; display:flex; align-items:center; gap:11px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-left:4px solid var(--ok); border-radius:12px; padding:13px 16px; box-shadow:var(--shadow); transform:translateX(120%); opacity:0; transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s; max-width:min(92vw,360px); }
.ik-toast.show{ transform:none; opacity:1; }
.ik-toast svg{ width:24px; height:24px; flex:none; fill:none; stroke:var(--ok); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; background:rgba(47,158,111,.14); border-radius:50%; padding:3px; }
.ik-toast__msg{ font-weight:700; font-size:14.5px; }
.ik-toast__link{ margin-left:auto; font-weight:800; font-size:13.5px; color:var(--coral); white-space:nowrap; }
.ik-toast__link:hover{ color:var(--coral-ink); }
@media (max-width:520px){ .ik-toast{ left:12px; right:12px; max-width:none; } }

/* --- (4) Иконка корзины на кнопке «В корзину» (каталог) --- */
.woocommerce ul.products li.product a.button.add_to_cart_button{ display:flex; align-items:center; justify-content:center; gap:8px; }
.woocommerce ul.products li.product a.button.add_to_cart_button::before{
  content:""; width:17px; height:17px; flex:none; background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.woocommerce ul.products li.product a.added_to_cart::before{ content:none; }

/* Икра102 v1.0.8 — корзина: скрыта кнопка «Обновить корзину», аккуратный блок «Сумма корзины» */
.woocommerce-cart .woocommerce-cart-form .actions button[name="update_cart"],
.woocommerce-cart .woocommerce-cart-form .actions input[name="update_cart"]{ display:none !important; }
.woocommerce-cart .woocommerce-cart-form .actions{ padding:0 !important; border:0 !important; margin:0 !important; }
.woocommerce-cart .woocommerce-cart-form .actions .coupon{ padding:16px 0 0 !important; }
.woocommerce-cart .cart_totals table{ border:0 !important; border-collapse:collapse !important; margin:0 !important; }
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{ background:transparent !important; border:0 !important; border-bottom:1px solid var(--line) !important; padding:13px 0 !important; vertical-align:top; text-align:left; font-size:15px; }
.woocommerce-cart .cart_totals table tr:last-child th,
.woocommerce-cart .cart_totals table tr:last-child td{ border-bottom:0 !important; }
.woocommerce-cart .cart_totals table th{ color:var(--muted); font-weight:700; width:42%; white-space:nowrap; }
.woocommerce-cart .cart_totals table td{ text-align:right; font-weight:700; color:var(--ink); }
.woocommerce-cart .cart_totals .order-total th{ color:var(--ink); font-size:16px; }
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total .amount{ font-size:20px; font-weight:800; color:var(--ink); }
.woocommerce-cart .cart_totals .shipping td{ text-align:left !important; font-weight:400; }
.woocommerce-cart .cart_totals ul#shipping_method,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods{ margin:0; padding:0; list-style:none; }
.woocommerce-cart .cart_totals ul#shipping_method li,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li{ margin:0 0 9px; padding:0; display:flex; align-items:flex-start; gap:8px; line-height:1.35; }
.woocommerce-cart .cart_totals ul#shipping_method li:last-child,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li:last-child{ margin-bottom:0; }
.woocommerce-cart .cart_totals ul#shipping_method li input[type="radio"],
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li input[type="radio"]{ margin:3px 0 0; flex:none; }
.woocommerce-cart .cart_totals ul#shipping_method li label,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li label{ margin:0; font-weight:600; }
.woocommerce-cart .cart_totals .woocommerce-shipping-destination{ font-size:13px; color:var(--muted); margin:10px 0 0; line-height:1.4; }
.woocommerce-cart .cart_totals .shipping-calculator-button{ color:var(--teal); font-weight:700; }
.woocommerce-cart .cart_totals .wc-proceed-to-checkout{ padding:18px 0 0; }
.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button{ margin:0; }

/* ====================== Икра102 «Свежесть» — v1.0.9 ====================== */
.ik-search{ position:fixed; inset:0; z-index:200; display:none; }
.ik-search.open{ display:block; }
.ik-search__overlay{ position:absolute; inset:0; background:rgba(12,30,36,.55); }
.ik-search__panel{ position:relative; max-width:640px; margin:12vh auto 0; background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow-lg); padding:24px; transform:translateY(-12px); opacity:0; transition:transform .25s cubic-bezier(.2,.7,.2,1), opacity .25s; }
.ik-search.open .ik-search__panel{ transform:none; opacity:1; }
.ik-search__form{ display:flex; gap:10px; align-items:stretch; }
.ik-search__input{ flex:1; min-width:0; border:1.5px solid var(--line-2); border-radius:var(--radius-sm); padding:14px 16px; font-size:16px; font-family:inherit; color:var(--ink); }
.ik-search__input:focus{ border-color:var(--teal); outline:none; box-shadow:0 0 0 3px rgba(14,125,144,.14); }
.ik-search__form .btn{ flex:none; }
.ik-search__hint{ margin:12px 2px 0; font-size:13px; color:var(--muted); }
.ik-search__close{ position:absolute; top:14px; right:14px; width:38px; height:38px; border:0; background:var(--bg); border-radius:10px; font-size:20px; line-height:1; color:var(--ink); cursor:pointer; transition:.15s; }
.ik-search__close:hover{ background:#f0e7e2; color:var(--coral); }
@media (max-width:560px){ .ik-search__panel{ margin:8vh 14px 0; padding:18px; } .ik-search__form{ flex-direction:column; } }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce .select2-container--default .select2-selection--single{
  width:100%; background:var(--surface) !important; border:1.5px solid var(--line-2) !important; border-radius:var(--radius-sm) !important;
  padding:12px 14px !important; font-size:15px; font-family:inherit; color:var(--ink) !important; box-shadow:none !important; line-height:1.4; min-height:46px;
  transition:border-color .15s, box-shadow .15s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus{ border-color:var(--teal) !important; box-shadow:0 0 0 3px rgba(14,125,144,.12) !important; outline:none; }
.woocommerce form .form-row label,
.woocommerce-checkout .form-row label{ font-weight:700; font-size:13.5px; color:var(--ink); margin-bottom:7px; display:block; }
.woocommerce form .form-row{ margin:0 0 16px; padding:0; }
.woocommerce .required{ color:var(--coral); border:0; text-decoration:none; }
.woocommerce-checkout .woocommerce-input-wrapper{ display:block; }

.woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details.col2-set{ display:grid; grid-template-columns:1fr 1fr; gap:34px; width:auto; }
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2{ width:auto; float:none; max-width:none; }
.woocommerce-checkout h3, .woocommerce-checkout #order_review_heading{ font-size:20px; margin:0 0 18px; }
.woocommerce-checkout .shop_table{ border:1px solid var(--line) !important; border-radius:var(--radius); border-collapse:collapse; overflow:hidden; margin:0 0 26px; width:100%; }
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td{ background:transparent !important; border:0 !important; border-bottom:1px solid var(--line) !important; padding:14px 18px !important; text-align:left; font-size:15px; color:var(--ink); }
.woocommerce-checkout .shop_table thead th{ background:var(--bg) !important; font-weight:800; }
.woocommerce-checkout .shop_table td.product-total,
.woocommerce-checkout .shop_table .cart-subtotal td,
.woocommerce-checkout .shop_table .order-total td{ text-align:right; font-weight:700; }
.woocommerce-checkout .shop_table tr:last-child th, .woocommerce-checkout .shop_table tr:last-child td{ border-bottom:0 !important; }
.woocommerce-checkout .shop_table .order-total th, .woocommerce-checkout .shop_table .order-total td{ font-size:18px; font-weight:800; }
.woocommerce-checkout .shop_table ul#shipping_method{ margin:0; padding:0; list-style:none; }
.woocommerce-checkout .shop_table ul#shipping_method li{ margin:0 0 8px; padding:0; display:flex; align-items:flex-start; gap:8px; }
.woocommerce-checkout .shop_table ul#shipping_method li:last-child{ margin-bottom:0; }
.woocommerce-checkout .shop_table ul#shipping_method li input[type="radio"]{ margin:3px 0 0; flex:none; }
.woocommerce-checkout #payment{ background:var(--surface) !important; border:1px solid var(--line); border-radius:var(--radius); }
.woocommerce-checkout #payment ul.payment_methods{ border:0 !important; padding:18px 20px !important; margin:0; list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li{ margin:0 0 8px; }
.woocommerce-checkout #payment div.payment_box{ background:var(--bg) !important; border-radius:var(--radius-sm); margin:10px 0 0; padding:14px 16px; color:var(--ink-soft); font-size:14px; }
.woocommerce-checkout #payment div.payment_box::before{ display:none !important; }
.woocommerce-checkout #payment .place-order{ padding:18px 20px !important; border-top:1px solid var(--line); background:transparent !important; }
.woocommerce-checkout #payment #place_order{ float:none !important; width:100% !important; background:var(--coral) !important; color:#fff !important; border:0 !important; border-radius:var(--radius-sm) !important; padding:16px 30px !important; font-weight:800 !important; font-size:16px !important; box-shadow:0 14px 30px -12px rgba(255,122,89,.75) !important; text-shadow:none !important; transition:transform .12s, background .2s; }
.woocommerce-checkout #payment #place_order:hover{ background:var(--coral-ink) !important; transform:translateY(-2px); }
.woocommerce-checkout .woocommerce-privacy-policy-text{ font-size:13px; color:var(--muted); margin:0 0 14px; }
@media (max-width:820px){ .woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details.col2-set{ grid-template-columns:1fr; gap:0; } }

.single-product .entry-content{ max-width:none !important; }
.single-product div.product{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:46px; align-items:start; }
.single-product div.product > *{ min-width:0; }
.single-product div.product .woocommerce-product-gallery{ width:100% !important; margin:0 !important; float:none !important; position:sticky; top:96px; }
.single-product div.product .woocommerce-product-gallery__wrapper{ margin:0; }
.single-product div.product .woocommerce-product-gallery img{ border-radius:var(--radius-lg); border:1px solid var(--line); }
.single-product div.product .woocommerce-product-gallery__trigger{ top:14px; right:14px; }
.single-product div.product .summary{ width:100% !important; margin:0 !important; float:none !important; }
.single-product div.product .product_title{ font-size:clamp(26px,3.2vw,34px); line-height:1.12; margin:0 0 12px; }
.single-product div.product p.price, .single-product div.product .summary .price{ font-size:27px !important; color:var(--ink) !important; font-weight:800; margin:0 0 20px !important; }
.single-product div.product p.price del{ color:var(--muted); font-weight:600; font-size:18px; margin-right:8px; }
.single-product div.product p.price ins{ text-decoration:none; }
.single-product div.product .woocommerce-product-details__short-description{ color:var(--ink-soft); font-size:16px; margin:0 0 22px; line-height:1.6; }
.single-product div.product form.cart{ display:flex; align-items:center; gap:12px; margin:0 0 22px !important; flex-wrap:wrap; }
.single-product div.product form.cart .quantity{ margin:0; }
.single-product div.product form.cart .button{ margin:0; background:var(--coral); color:#fff; border-radius:var(--radius-sm); padding:14px 28px; font-weight:800; font-size:15px; border:0; transition:transform .12s, background .2s, box-shadow .2s; box-shadow:0 12px 26px -12px rgba(255,122,89,.7); }
.single-product div.product form.cart .button:hover{ background:var(--coral-ink); transform:translateY(-2px); }
.single-product div.product .product_meta{ font-size:14px; color:var(--muted); border-top:1px solid var(--line); padding-top:18px; margin-top:6px; }
.single-product div.product .product_meta > span{ display:block; margin-bottom:6px; }
.single-product div.product .product_meta a{ color:var(--teal); font-weight:600; }
.woocommerce-tabs{ grid-column:1 / -1; margin-top:50px; }
.woocommerce-tabs ul.tabs{ margin:0 0 24px; padding:0; border-bottom:1px solid var(--line); display:flex; gap:6px; list-style:none; }
.woocommerce-tabs ul.tabs::before, .woocommerce-tabs ul.tabs::after{ display:none !important; }
.woocommerce-tabs ul.tabs li{ margin:0; padding:0; background:transparent !important; border:0 !important; border-radius:0 !important; }
.woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after{ display:none !important; }
.woocommerce-tabs ul.tabs li a{ display:block; padding:11px 18px; font-weight:800; font-size:15px; color:var(--muted); border-bottom:2px solid transparent; margin-bottom:-1px; }
.woocommerce-tabs ul.tabs li.active a{ color:var(--ink); border-bottom-color:var(--coral); }
.woocommerce-tabs .panel{ margin:0 !important; padding:0; }
.woocommerce-tabs .panel h2{ font-size:22px; margin:0 0 14px; }
#reviews #comments > .woocommerce-noreviews{ background:var(--bg); border-radius:var(--radius-sm); padding:14px 16px; }
#reviews .comment-form-rating label{ display:block; margin-bottom:6px; font-weight:700; }
#reviews .stars a{ color:var(--amber) !important; }
#review_form .comment-form-comment textarea{ min-height:120px; }
.related.products, .up-sells.products{ grid-column:1 / -1; margin-top:52px; }
.related.products > h2, .up-sells.products > h2{ font-size:24px; margin:0 0 24px; }
@media (max-width:820px){ .single-product div.product{ grid-template-columns:1fr; gap:26px; } .single-product div.product .woocommerce-product-gallery{ position:static; } }
.woocommerce-cart .cart_totals ul#shipping_method li label,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li label{ font-weight:600; color:var(--ink); }
.woocommerce-cart .cart_totals .woocommerce-Price-amount{ font-weight:700; }

/* v1.0.9b — фикс: биллинг слева, примечания справа (явные колонки) */
.woocommerce-checkout #customer_details.col2-set{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:34px !important; align-items:start; }
.woocommerce-checkout #customer_details.col2-set > .col-1{ grid-column:1 !important; float:none !important; width:auto !important; margin:0 !important; }
.woocommerce-checkout #customer_details.col2-set > .col-2{ grid-column:2 !important; float:none !important; width:auto !important; margin:0 !important; }
@media (max-width:820px){ .woocommerce-checkout #customer_details.col2-set{ grid-template-columns:1fr !important; gap:0 !important; } .woocommerce-checkout #customer_details.col2-set > .col-1, .woocommerce-checkout #customer_details.col2-set > .col-2{ grid-column:1 !important; } }

/* ====================== Икра102 v1.1.0 ====================== */
.hero__media .ph__tag, .brandband__media .ph__tag{ display:none !important; }
.hero__media .hero__badge{ left:16px; bottom:16px; }
.woocommerce ul.products li.product{ height:100%; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  min-height:2.55em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce ul.products li.product .price{ font-size:19px; }
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{ width:calc(100% - 30px); }
.single-product div.product .summary p.price{ margin-bottom:18px !important; }
.single-product div.product form.cart{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:16px; box-shadow:var(--shadow-sm);
}
.single-product div.product .product_meta{ margin-top:22px; }
.single-product div.product .woocommerce-product-gallery__wrapper{ display:flex; align-items:center; }


/* ======================================================================
   Икра102 «Свежесть» — v1.1.1
   Каталог: кнопка «В корзину» всегда по нижнему краю карточки (ровный ряд).
   Страница товара: убран сдвиг галереи (перекрытие на моб., смещение на ПК),
   фото в аккуратной рамке.
   ====================================================================== */
.woocommerce ul.products li.product{ padding-bottom:18px; }
.woocommerce ul.products li.product .price{ margin:2px 0 12px !important; }
.woocommerce ul.products li.product > .button,
.woocommerce ul.products li.product > .added_to_cart{ margin-top:auto !important; }

.single-product div.product .woocommerce-product-gallery{ position:relative !important; top:0 !important; }
.single-product div.product .woocommerce-product-gallery__wrapper{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:26px; display:flex; align-items:center; justify-content:center;
}
.single-product div.product .woocommerce-product-gallery img{ border:0 !important; border-radius:var(--radius-sm); max-width:100%; width:auto; height:auto; margin:0 auto; }
@media (max-width:820px){
  .single-product div.product .woocommerce-product-gallery__wrapper{ padding:18px; }
}


/* ======================================================================
   Икра102 «Свежесть» — v1.1.2
   Мини-корзина: оверлей pointer-events:none (устраняет мигание при наведении).
   Каталог: обновлённый дизайн карточки товара.
   ====================================================================== */

/* Мини-корзина: затемнение больше НЕ перехватывает события — курсор свободно
   попадает на кнопку корзины, поэтому нет мигания открытия/закрытия. */
.cart-drawer-overlay{ pointer-events:none !important; }

/* Каталог — сетка */
.woocommerce ul.products, .woocommerce-page ul.products, .product-grid{ gap:22px !important; }

/* Карточка: глубина (мягкая тень), скругление */
.woocommerce ul.products li.product{
  border:1px solid var(--line) !important; border-radius:16px !important; overflow:hidden;
  box-shadow:0 1px 2px rgba(20,40,50,.04), 0 12px 26px -20px rgba(20,40,50,.34) !important;
  padding-bottom:16px !important;
}
.woocommerce ul.products li.product:hover{
  border-color:var(--line-2) !important;
  box-shadow:0 2px 4px rgba(20,40,50,.05), 0 28px 46px -24px rgba(20,40,50,.45) !important;
}

/* Фото: единый белый фон, разделитель снизу */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{ display:block; }
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  aspect-ratio:1/1 !important; width:100% !important; object-fit:cover !important;
  background:#fff; border-bottom:1px solid var(--line) !important;
}

/* Заголовок — ровно 2 строки */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:15px !important; font-weight:800 !important; line-height:1.32 !important; color:var(--ink) !important;
  padding:16px 16px 0 !important; margin:0 !important;
  min-height:2.64em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Цена */
.woocommerce ul.products li.product .price{
  padding:0 16px !important; margin:9px 0 0 !important;
  font-size:20px !important; font-weight:800 !important; color:var(--ink) !important; display:block;
}

/* Кнопка «В корзину» — на всю ширину, прижата к низу, с иконкой */
.woocommerce ul.products li.product > .button,
.woocommerce ul.products li.product > .added_to_cart{
  margin:14px 16px 0 !important; width:auto !important;
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:var(--coral) !important; color:#fff !important; border:0 !important; border-radius:11px !important;
  padding:12px 16px !important; font-weight:800 !important; font-size:13.5px !important;
}
.woocommerce ul.products li.product > .button{ margin-top:auto !important; }
.woocommerce ul.products li.product > .button:hover,
.woocommerce ul.products li.product > .added_to_cart:hover{ background:var(--coral-ink) !important; }

/* Товары без ценыы: «Читать далее» как второстепенная кнопка (контур) */
.woocommerce ul.products li.product > a.button:not(.add_to_cart_button){
  background:#fff !important; color:var(--deep) !important; border:1.5px solid var(--line-2) !important;
}
.woocommerce ul.products li.product > a.button:not(.add_to_cart_button):hover{
  background:var(--bg) !important; color:var(--coral) !important; border-color:var(--coral) !important;
}

/* Мобильный — одна колонка, компактнее отступ */
@media (max-width:600px){
  .woocommerce ul.products, .woocommerce-page ul.products, .product-grid{ gap:16px !important; }
}


/* ======================================================================
   Икра102 «Свежесть» — v1.1.3
   Выравнивание заголовка страницы (page-hero) по контейнеру сайта.
   ====================================================================== */
.page-hero__inner{ padding-left:24px; padding-right:24px; }
@media(max-width:600px){ .page-hero__inner{ padding-left:16px; padding-right:16px; } }


/* ======================================================================
   Икра102 «Свежесть» — v1.1.4
   Страница «Категории» — сетка карточек. Выбор доставки — современные строки.
   ====================================================================== */

/* ---- Страница «Категории» (page-id-952): сетка карточек вместо списка ---- */
.page-id-952 .entry-content.prose{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:18px; max-width:none !important; }
.page-id-952 .entry-content.prose > p{ display:none !important; }
.page-id-952 .entry-content.prose > a{
  display:flex; flex-direction:column; justify-content:center; gap:6px;
  background:var(--surface); border:1px solid var(--line); border-radius:16px;
  padding:24px 24px; min-height:110px; text-decoration:none; position:relative; overflow:hidden;
  box-shadow:0 1px 2px rgba(20,40,50,.04), 0 12px 26px -20px rgba(20,40,50,.34);
  transition:transform .15s, box-shadow .2s, border-color .2s;
}
.page-id-952 .entry-content.prose > a:hover{ transform:translateY(-4px); border-color:var(--line-2); box-shadow:0 2px 4px rgba(20,40,50,.05), 0 28px 46px -24px rgba(20,40,50,.45); }
.page-id-952 .entry-content.prose > a h3{ margin:0; font-size:19px; font-weight:800; color:var(--ink); line-height:1.25; }
.page-id-952 .entry-content.prose > a p{ display:block !important; margin:0; font-size:13.5px; color:var(--muted); font-weight:600; }
.page-id-952 .entry-content.prose > a::after{ content:"\2192"; position:absolute; top:18px; right:20px; color:var(--coral); font-size:18px; font-weight:800; opacity:.45; transition:.2s; }
.page-id-952 .entry-content.prose > a:hover::after{ opacity:1; transform:translateX(3px); }
@media (max-width:900px){ .page-id-952 .entry-content.prose{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .page-id-952 .entry-content.prose{ grid-template-columns:1fr; gap:12px; } }

/* ---- Выбор способа доставки (корзина + оформление): современные строки-опции ---- */
.woocommerce ul#shipping_method,
.woocommerce ul.woocommerce-shipping-methods{ list-style:none !important; margin:0 !important; padding:0 !important; display:flex; flex-direction:column; gap:8px; }
.woocommerce ul#shipping_method li{ display:block !important; margin:0 !important; padding:0 !important; position:relative; background:none !important; }
.woocommerce ul#shipping_method li input[type="radio"]{ position:absolute !important; opacity:0; width:1px; height:1px; margin:0 !important; }
.woocommerce ul#shipping_method li label{
  display:block !important; position:relative; cursor:pointer; margin:0 !important;
  border:1.5px solid var(--line-2); border-radius:12px; padding:12px 14px 12px 44px;
  font-weight:600; font-size:14px; color:var(--ink); line-height:1.4;
  transition:border-color .15s, background .15s, box-shadow .15s;
}
.woocommerce ul#shipping_method li label::before{
  content:""; position:absolute; left:14px; top:13px; width:20px; height:20px; border-radius:50%;
  border:2px solid var(--line-2); background:#fff; transition:.15s; box-sizing:border-box;
}
.woocommerce ul#shipping_method li label:hover{ border-color:var(--teal); background:rgba(14,125,144,.04); }
.woocommerce ul#shipping_method li input[type="radio"]:checked + label{
  border-color:var(--coral); background:rgba(255,122,89,.07); box-shadow:0 0 0 1px var(--coral);
}
.woocommerce ul#shipping_method li input[type="radio"]:checked + label::before{
  border-color:var(--coral); background:radial-gradient(circle, var(--coral) 0 5.5px, #fff 6.5px 20px);
}
.woocommerce ul#shipping_method li label .woocommerce-Price-amount{ font-weight:800; color:var(--deep); white-space:nowrap; }


/* ======================================================================
   Икра102 «Свежесть» — v1.1.5
   Корзина «Сумма корзины»: строки на всю ширину (доставка больше не зажата).
   Модальный поиск: крестик и кнопка «Найти» больше не накладываются.
   ====================================================================== */

/* ---- «Сумма корзины»: выводим таблицу итогов из табличной верстки во flex ---- */
.woocommerce-cart .cart_totals table,
.woocommerce-cart .cart_totals table tbody{ display:block !important; width:100% !important; }
.woocommerce-cart .cart_totals table tr{ display:flex !important; justify-content:space-between !important; align-items:baseline; gap:14px; width:100% !important; padding:13px 0 !important; margin:0 !important; border:0 !important; }
.woocommerce-cart .cart_totals table tr th,
.woocommerce-cart .cart_totals table tr td{ display:block !important; width:auto !important; padding:0 !important; border:0 !important; background:transparent !important; }
.woocommerce-cart .cart_totals table tr td{ text-align:right !important; }
.woocommerce-cart .cart_totals table tr.woocommerce-shipping-totals.shipping{ display:block !important; padding:13px 0 !important; }
.woocommerce-cart .cart_totals table tr.woocommerce-shipping-totals.shipping th{ margin:0 0 10px !important; }
.woocommerce-cart .cart_totals table tr.woocommerce-shipping-totals.shipping td{ text-align:left !important; }

/* ---- Модальный поиск: крестик отдельно сверху, форма ниже (без наложения) ---- */
.ik-search__panel{ padding-top:58px !important; }
.ik-search__close{ top:12px !important; right:12px !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.1.6
   «Категории»: фото категории на карточках.
   «Сумма корзины»: убран блок адреса доставки со старой иконкой.
   ====================================================================== */

/* ---- Фото категории в карточках (page-id-952) ---- */
.page-id-952 .entry-content.prose > a{ padding:0 0 16px 0 !important; min-height:0 !important; justify-content:flex-start !important; gap:0 !important; }
.page-id-952 .entry-content.prose > a::before{
  content:""; display:block; width:100%; height:130px; margin:0 0 14px 0;
  background-color:var(--bg); background-position:center center; background-size:cover; background-repeat:no-repeat;
  border-bottom:1px solid var(--line);
}
.page-id-952 .entry-content.prose > a h3{ padding:0 20px !important; }
.page-id-952 .entry-content.prose > a p{ padding:0 20px !important; margin:3px 0 0 !important; }
.page-id-952 .entry-content.prose > a::after{ top:auto !important; bottom:16px !important; right:20px !important; }
.page-id-952 .entry-content.prose > a[href$="/product-category/rybnaya-produkcziya/"]::before{ background-image:url('/wp-content/uploads/2022/04/fish.jpg'); }
.page-id-952 .entry-content.prose > a[href$="/product-category/rybnaya-konservacziya/"]::before{ background-image:url('/wp-content/uploads/2022/04/tradeboardauwizo_img.webp'); }
.page-id-952 .entry-content.prose > a[href$="/product-category/ryba-svezhemorozhenaya/"]::before{ background-image:url('/wp-content/uploads/2022/04/100334964.jpg'); }
.page-id-952 .entry-content.prose > a[href$="/product-category/preservy/"]::before{ background-image:url('/wp-content/uploads/2022/04/8751cfef4a4072c5decc43b6d7f55883.jpg'); }
.page-id-952 .entry-content.prose > a[href$="/product-category/ikra/"]::before{ background-image:url('/wp-content/uploads/2022/02/krasnaya_ikra_kety_na_razves.jpg'); }
.page-id-952 .entry-content.prose > a[href$="/product-category/delikatesy/"]::before{ background-image:url('/wp-content/uploads/2022/04/kleshny.jpg'); }

/* ---- «Сумма корзины»: убрать строку адреса доставки и «Изменить адрес» (доставка фиксированная по Уфе) ---- */
.woocommerce-cart .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .cart_totals .shipping-calculator-button,
.woocommerce-cart .cart_totals .shipping-calculator-form{ display:none !important; }

/* ======================================================================
   Икра102 «Свежесть» — v1.1.7
   Магазин: современный селект сортировки + плавная пагинация (AJAX через main.js).
   ====================================================================== */

/* ---- Селект сортировки: убираем нативную стрелку, рисуем свой chevron ---- */
.woocommerce .woocommerce-ordering select.orderby{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-color:var(--surface);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a6b72' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
  border:1.5px solid var(--line-2); border-radius:var(--radius-sm);
  padding:11px 42px 11px 16px; font-size:14px; font-weight:600; color:var(--ink);
  font-family:inherit; cursor:pointer; min-width:220px; line-height:1.2;
  transition:border-color .15s, box-shadow .15s; height:auto;
}
.woocommerce .woocommerce-ordering select.orderby:hover{ border-color:var(--teal); }
.woocommerce .woocommerce-ordering select.orderby:focus{ border-color:var(--teal); box-shadow:0 0 0 3px rgba(14,125,144,.14); outline:none; }
@media (max-width:600px){ .woocommerce .woocommerce-ordering{ width:100%; } .woocommerce .woocommerce-ordering select.orderby{ min-width:0; width:100%; } }

/* ---- Пагинация: мягкое появление при AJAX-подгрузке ---- */
.woocommerce ul.products.ik-fade{ transition:opacity .3s ease; }

/* ======================================================================
   Икра102 «Свежесть» — v1.1.8
   Оформление заказа: убираем «Страна/регион», оформляем «Ваш заказ»
   (подытог/доставка/итого), «Доставка по другому адресу?» и примечание.
   ====================================================================== */

/* ---- 1. Поле «Страна/регион» скрыто: магазин работает только по России,
        значение RU остаётся в select (заказ оформляется корректно) ---- */
.woocommerce-checkout #billing_country_field{ display:none !important; }

/* ---- 2. Заголовки секций ---- */
.woocommerce-checkout #order_review_heading{ font-size:22px; font-weight:800; color:var(--ink); margin:0 0 16px; letter-spacing:-.01em; }

/* ---- 3. «Ваш заказ» — таблица как аккуратная карточка ---- */
.woocommerce-checkout .woocommerce-checkout-review-order-table{
  width:100%; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  border-collapse:separate; border-spacing:0; background:var(--surface);
  box-shadow:0 1px 2px rgba(20,40,50,.04), 0 18px 34px -26px rgba(20,40,50,.30);
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{
  background:var(--bg); font-size:12px; text-transform:uppercase; letter-spacing:.05em;
  color:var(--muted); font-weight:700; padding:14px 18px; text-align:left; border:0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th.product-total{ text-align:right; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td{
  padding:12px 18px; border-top:1px solid var(--line); font-size:14px; color:var(--ink); background:transparent;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-name{ font-weight:600; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total{ text-align:right; font-weight:700; white-space:nowrap; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-quantity{ color:var(--muted); font-weight:700; }

/* tfoot — оставляем таблицей, но выправляем типографику и выравнивание */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{
  padding:14px 18px; border-top:1px solid var(--line); background:transparent; font-size:14px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th{ text-align:left; font-weight:600; color:var(--ink); }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{ text-align:right; font-weight:700; color:var(--ink); }
/* Доставка — метку наверх (убираем большой зазор), опции слева во всю ширину столбца */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping th{ vertical-align:top; padding-top:16px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping td{ text-align:left; }
/* Итого — акцент */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th{ font-size:16px; font-weight:800; color:var(--deep); }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount{ font-size:20px; font-weight:800; color:var(--ink); }

/* ---- 4. «Доставка по другому адресу?» — аккуратная строка с чекбоксом ---- */
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout h3#ship-to-different-address{ font-size:15px; font-weight:700; color:var(--ink); margin:0 0 8px; }
.woocommerce-checkout h3#ship-to-different-address label{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; margin:0; }
.woocommerce-checkout #ship-to-different-address input[type="checkbox"]{ width:18px; height:18px; accent-color:var(--coral); margin:0; }

/* ---- 5. «Примечание к заказу» ---- */
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper label[for="order_comments"]{ font-size:15px; font-weight:700; color:var(--ink); display:block; margin:0 0 8px; }
.woocommerce-checkout #order_comments{
  border:1.5px solid var(--line-2); border-radius:var(--radius-sm); padding:12px 14px;
  font-family:inherit; font-size:14px; color:var(--ink); min-height:96px; width:100%; box-sizing:border-box;
  transition:border-color .15s, box-shadow .15s;
}
.woocommerce-checkout #order_comments:focus{ border-color:var(--teal); box-shadow:0 0 0 3px rgba(14,125,144,.14); outline:none; }

/* ======================================================================
   Икра102 «Свежесть» — v1.1.9
   Хлебные крошки (симметрия отступов на карточке товара) +
   уведомление «в корзину» (одна аккуратная рамка вместо двойной).
   ====================================================================== */

/* ---- Хлебные крошки: на карточке товара не прижимаем к шапке, симметричные отступы ---- */
.single-product .woocommerce-breadcrumb{ margin:0 !important; padding:22px 0 20px !important; }

/* ---- Уведомление «отложили в корзину» и инфо-блоки: одна ровная рамка
        (было 3px сверху + 1px по бокам — визуально «двойная обводка») ---- */
.woocommerce-message,
.woocommerce-info{
  border:1.5px solid var(--teal) !important;
  border-radius:var(--radius) !important;
  box-shadow:none !important;
  background-color:rgba(14,125,144,.05) !important;
  color:var(--ink) !important;
  padding:14px 18px !important;
}

/* ======================================================================
   Икра102 «Свежесть» — v1.2.0
   Хлебные крошки: единые симметричные отступы на всех страницах +
   Оформление заказа: блок «Доставка» во всю ширину (без пустого зазора).
   ====================================================================== */

/* ---- Хлебные крошки: одинаковые аккуратные отступы везде (магазин/категории/товар/корзина/чекаут) ---- */
.woocommerce-breadcrumb{ margin:0 !important; padding:22px 0 20px !important; }

/* ---- Оформление заказа: «Доставка» во всю ширину — метка сверху, опции под ней (убираем пустой зазор слева) ---- */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping{ display:block; width:100%; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping th{ display:block; width:100%; padding:14px 18px 10px; border-top:1px solid var(--line); }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping td{ display:block; width:100%; padding:0 18px 14px; border-top:0; text-align:left; }

/* ======================================================================
   Икра102 «Свежесть» — v1.2.1
   Кастомный стилизованный дропдаун сортировки (нативный список <select>
   нельзя оформить через CSS — заменяем своим, синхронным с select).
   ====================================================================== */
.woocommerce-ordering{ position:relative; }
.ik-select{ position:relative; display:inline-block; min-width:230px; text-align:left; }
.ik-select__btn{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; background:var(--surface); border:1.5px solid var(--line-2); border-radius:var(--radius-sm); padding:11px 16px; font-size:14px; font-weight:600; color:var(--ink); font-family:inherit; cursor:pointer; line-height:1.2; transition:border-color .15s, box-shadow .15s; }
.ik-select__btn:hover{ border-color:var(--teal); }
.ik-select.open .ik-select__btn{ border-color:var(--teal); box-shadow:0 0 0 3px rgba(14,125,144,.14); }
.ik-select__label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ik-select__chev{ display:flex; align-items:center; color:var(--muted); transition:transform .2s; flex:none; }
.ik-select.open .ik-select__chev{ transform:rotate(180deg); }
.ik-select__list{ position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:60; background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); box-shadow:0 14px 34px -12px rgba(20,40,50,.30), 0 2px 6px rgba(20,40,50,.06); padding:6px; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .16s ease, transform .16s ease, visibility .16s; max-height:340px; overflow:auto; }
.ik-select.open .ik-select__list{ opacity:1; visibility:visible; transform:translateY(0); }
.ik-select__opt{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-radius:9px; font-size:14px; font-weight:600; color:var(--ink); cursor:pointer; transition:background .12s, color .12s; }
.ik-select__opt:hover{ background:var(--bg); color:var(--coral); }
.ik-select__opt.is-selected{ color:var(--coral); background:rgba(255,122,89,.08); }
.ik-select__opt.is-selected::after{ content:"\2713"; font-weight:800; }
@media (max-width:600px){ .ik-select{ display:block; width:100%; min-width:0; } }

/* ======================================================================
   Икра102 «Свежесть» — v1.2.2
   Главная: выравнивание hero по общей сетке + реальные фото (икра, краб).
   Оформление заказа: раскладка в 2 колонки (реквизиты + сайдбар «Ваш заказ»).
   ====================================================================== */

/* ---- Главная: hero-контент по той же вертикали, что шапка и секции ниже ---- */
.hero .container{ padding-left:24px !important; padding-right:24px !important; }
@media (max-width:600px){ .hero .container{ padding-left:16px !important; padding-right:16px !important; } }

/* ---- Главная: фото в hero — красная икра ---- */
.hero__media{
  background-image:url('/wp-content/uploads/2022/02/cocktail-blinis-angle-carousel-1300x600-1-.jpg') !important;
  background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;
}
.hero__media::before, .hero__media::after{ display:none !important; }

/* ---- Главная: фото в блоке «Почему нам доверяют» — камчатский краб ---- */
.brandband__media{
  background-image:url('/wp-content/uploads/2022/04/chern-ikra.jpg') !important;
  background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;
}
.brandband__media::before, .brandband__media::after{ display:none !important; }

/* ---- Оформление заказа: 2 колонки — реквизиты слева, «Ваш заказ» сайдбаром справа ---- */
@media (min-width:900px){
  .woocommerce-checkout form.checkout{
    display:grid !important; grid-template-columns:1.5fr 1fr;
    grid-template-areas:"cust revh" "cust rev"; column-gap:40px; row-gap:14px; align-items:start;
  }
  .woocommerce-checkout form.checkout > #customer_details{ grid-area:cust; display:block !important; }
  .woocommerce-checkout form.checkout > #order_review_heading{ grid-area:revh; margin:0 !important; }
  .woocommerce-checkout form.checkout > #order_review{ grid-area:rev; position:sticky; top:20px; }
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2{ width:auto !important; float:none !important; }
  .woocommerce-checkout #customer_details .col-2{ margin-top:20px; }
}

/* ======================================================================
   Икра102 «Свежесть» — v1.2.3
   Рейтинг в карточке (выравнивание) + телефон в верхней плашке +
   современный спиннер загрузки WooCommerce (корзина/оформление).
   ====================================================================== */

/* ---- Карточка товара: рейтинг по одной линии с названием и ценой ---- */
.woocommerce ul.products li.product .star-rating{ margin:4px 16px 6px 16px !important; }

/* ---- Телефон в верхней плашке (перенесён из шапки) ---- */
.topbar__phone{ font-weight:700; color:#fff; margin-left:4px; }
.topbar__phone svg{ stroke:#fff; }
.topbar__phone:hover{ color:#fff; opacity:.85; }

/* ---- Современный оверлей загрузки вместо старого спиннера WooCommerce ---- */
.woocommerce .blockUI.blockOverlay{ background-color:rgba(255,255,255,.72) !important; opacity:1 !important; }
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before{
  width:34px !important; height:34px !important; margin-left:-17px !important; margin-top:-17px !important;
  border:3px solid rgba(14,125,144,.18) !important; border-top-color:var(--coral) !important; border-radius:50% !important;
  background:none !important; box-shadow:none !important;
  animation:ik-spin .7s linear infinite !important;
}
@keyframes ik-spin{ to{ transform:rotate(360deg); } }

/* ======================================================================
   Икра102 «Свежесть» — v1.2.4
   Премиальные фото на главной: блины с икрой (hero) + чёрная икра («доверие»).
   Скрываем авто-<img> поверх фона, чтобы отображалась актуальная картинка.
   ====================================================================== */
.hero__media img,
.brandband__media img{ display:none !important; }

/* ======================================================================
   Икра102 «Свежесть» — v1.2.5
   Категории на главной: текст карточек читаем при наведении (не уходит в
   бирюзовый). Оформление заказа: скрыть «Страна» и в блоке доставки +
   современный чекбокс «Доставка по другому адресу?».
   ====================================================================== */

/* ---- Карточки категорий («Выберите категорию»): текст всегда белый ---- */
.cat-card .cat-card__t,
.cat-card .cat-card__t b,
.cat-card .cat-card__t span{ color:#fff !important; }

/* ---- Оформление заказа: убрать «Страна/регион» и в адресе доставки ---- */
.woocommerce-checkout #shipping_country_field{ display:none !important; }

/* ---- Современный чекбокс «Доставка по другому адресу?» ---- */
.woocommerce-checkout #ship-to-different-address-checkbox{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px; margin:0; flex:none; cursor:pointer;
  border:2px solid var(--line-2); border-radius:6px; background:#fff; position:relative;
  transition:background .15s, border-color .15s, box-shadow .15s;
}
.woocommerce-checkout #ship-to-different-address-checkbox:hover{ border-color:var(--coral); }
.woocommerce-checkout #ship-to-different-address-checkbox:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(255,122,89,.2); }
.woocommerce-checkout #ship-to-different-address-checkbox:checked{ background:var(--coral); border-color:var(--coral); }
.woocommerce-checkout #ship-to-different-address-checkbox:checked::after{
  content:""; position:absolute; left:7px; top:3px; width:5px; height:10px;
  border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}


/* ==============================================
   Икра102 — v1.2.6: чекбокс доставки 22px
   (перебиваем старое правило по специфичности)
   ============================================== */
.woocommerce-checkout #ship-to-different-address input#ship-to-different-address-checkbox{ width:22px !important; height:22px !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.7
   1) Корзина: текст кнопки «Оформить заказ» по центру.
   2) Товар: активная вкладка «Детали»/«Описание» — читаемый тёмный текст.
   3) Похожие товары: отступ перед футером.
   4) Категории: картинки карточек выше и сбалансированнее.
   5) Моб.: hero-кнопки в столбик на узких экранах.
   ====================================================================== */

/* 1. Кнопка «Оформить заказ» в корзине — центрируем содержимое */
.wc-proceed-to-checkout a.checkout-button{ justify-content:center !important; text-align:center !important; }

/* 2. Активная вкладка товара — гасим старое белое правило, ставим тёмный текст */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a{ color:var(--ink) !important; }

/* 3. «Похожие товары»: воздух перед футером на карточке товара */
.single-product .site-main{ padding-bottom:56px; }
.related.products, .up-sells.products{ margin-bottom:24px !important; }

/* 4. Страница «Категории»: выше картинки карточек (было 130px) */
.page-id-952 .entry-content.prose > a::before{ height:190px !important; }

/* 5. Мобильные hero-кнопки: в столбик и во всю ширину на узких экранах */
@media (max-width:430px){
  .hero__cta{ flex-direction:column !important; align-items:stretch !important; }
  .hero__cta .btn{ width:100% !important; }
}


/* ======================================================================
   Икра102 «Свежесть» — v1.2.8
   Мобильный аудит: устранена корневая причина «съехавших» отступов —
   .container теперь задаёт только БОКОВЫЕ отступы (padding-left/right),
   поэтому вертикальные отступы hero/page-hero/brandband на мобильном
   больше не обнуляются (заголовки страниц не прижаты к шапке, hero дышит).
   ====================================================================== */


/* ======================================================================
   Икра102 «Свежесть» — v1.2.9
   1) Корзина: строки выбора доставки — кружок радио по центру (ровно при переносе).
   2) Каталог: селект сортировки не прилипает (отступы на мобильном).
   3) Блок «преимущества» под hero — выровнен по контейнеру (правка usp__grid выше).
   4) Оформление: чекбокс «Создать аккаунт?» — как «Доставка по другому адресу».
   ====================================================================== */

/* 1. Выбор доставки: flex-строка, радио-кружок по вертикальному центру даже при переносе */
.woocommerce ul#shipping_method li label{ display:flex !important; align-items:center; gap:12px; padding:13px 16px !important; }
.woocommerce ul#shipping_method li label::before{ position:static !important; left:auto !important; top:auto !important; flex:none; margin:0 !important; }

/* 2. Сортировка не прилипает к счётчику/списку на мобильном */
@media (max-width:600px){ .woocommerce .woocommerce-ordering{ margin-top:14px !important; margin-bottom:24px !important; } }

/* 4. Чекбоксы оформления (создать аккаунт / условия) — современный вид как у «доставка по другому адресу» */
.woocommerce-checkout #createaccount,
.woocommerce-checkout input#terms,
.woocommerce-checkout .woocommerce-form__input-checkbox{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px; margin:0 10px 0 0; flex:none; cursor:pointer; vertical-align:middle;
  border:2px solid var(--line-2); border-radius:6px; background:#fff; position:relative;
  transition:background .15s, border-color .15s, box-shadow .15s;
}
.woocommerce-checkout #createaccount:hover,
.woocommerce-checkout input#terms:hover,
.woocommerce-checkout .woocommerce-form__input-checkbox:hover{ border-color:var(--coral); }
.woocommerce-checkout #createaccount:checked,
.woocommerce-checkout input#terms:checked,
.woocommerce-checkout .woocommerce-form__input-checkbox:checked{ background:var(--coral); border-color:var(--coral); }
.woocommerce-checkout #createaccount:checked::after,
.woocommerce-checkout input#terms:checked::after,
.woocommerce-checkout .woocommerce-form__input-checkbox:checked::after{
  content:""; position:absolute; left:7px; top:3px; width:5px; height:10px;
  border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}
.woocommerce-checkout .woocommerce-account-fields label.checkbox,
.woocommerce-checkout .create-account label,
.woocommerce-checkout label.woocommerce-form__label-for-checkbox{ display:flex; align-items:center; cursor:pointer; font-weight:600; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.10
   Раскрытое мобильное меню: стили пунктов ограничены списком (.mobile-nav__body),
   чтобы логотип в шапке меню не получал лишнее подчёркивание, а кнопка
   «Перейти в корзину» осталась с белым текстом на коралловом фоне.
   ====================================================================== */


/* ======================================================================
   Икра102 «Свежесть» — v1.2.11
   1) Чекбокс «Создать аккаунт?»: фикс размера (был тонкой полоской).
   2) Меньше отступ между заголовком страницы и контентом (page-hero + section).
   3) Пустая корзина: аккуратный центрированный блок с иконкой и кнопкой.
   ====================================================================== */

/* 1. Чекбокс «Создать аккаунт?» — жёстко задаём размер (высокая специфичность + !important) */
.woocommerce-checkout input#createaccount{
  -webkit-appearance:none !important; appearance:none !important;
  width:22px !important; height:22px !important; min-width:22px !important; flex:none !important;
  border-radius:6px !important; vertical-align:middle;
}

/* 2. Заголовок страницы ближе к контенту (было 64px сверху секции) */
.page-hero + .section{ padding-top:32px; }

/* 3. Пустая корзина — центрированный блок с иконкой и кнопкой */
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart .wc-empty-cart-message{
  display:block !important; float:none !important; width:auto !important; max-width:560px;
  margin:8px auto 22px !important; text-align:center;
  background:var(--surface); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-sm);
  padding:46px 30px; font-size:18px; font-weight:700; color:var(--ink);
}
.woocommerce-cart .cart-empty.woocommerce-info::before{
  content:"" !important; display:block !important; width:58px; height:58px; margin:0 auto 18px; border:0 !important;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7a59' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
}
.woocommerce-cart .return-to-shop{ display:block !important; float:none !important; text-align:center; margin:0 auto 8px !important; }
.woocommerce-cart .return-to-shop .button{
  display:inline-block; background:var(--coral) !important; color:#fff !important; border:0 !important;
  padding:14px 30px !important; border-radius:12px !important; font-weight:800 !important; font-size:15px !important;
  box-shadow:0 12px 26px -12px rgba(255,122,89,.7);
}
.woocommerce-cart .return-to-shop .button:hover{ background:var(--coral-ink) !important; }
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart .wc-empty-cart-message,
.woocommerce-cart .return-to-shop{ grid-column:1 / -1 !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.12
   Корзина: пустой блок уведомлений больше не оставляет «дырку» (grid row-gap).
   ====================================================================== */
.woocommerce-notices-wrapper:empty{ display:none !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.13
   Оформление: «Ваш заказ» — строки на всю ширину. Таблица итогов выводится
   блочно/flex, методы доставки растянуты на всю ширину, «Итого» не переносится.
   ====================================================================== */
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-review-order-table thead,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot{ display:block !important; width:100% !important; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr{
  display:flex !important; justify-content:space-between; align-items:baseline; gap:14px; width:100% !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr td{ display:block !important; width:auto !important; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr td{ text-align:right; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr th{ text-align:left; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name{ text-align:left; }
.woocommerce-checkout .woocommerce-checkout-review-order-table td .woocommerce-Price-amount{ white-space:nowrap; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals{ display:block !important; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th{ display:block !important; width:100% !important; text-align:left !important; padding-bottom:8px !important; border-bottom:0 !important; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{ display:block !important; width:100% !important; text-align:left !important; padding-top:0 !important; }
.woocommerce-checkout .shop_table ul#shipping_method{ width:100% !important; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr{ border-bottom:1px solid var(--line) !important; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr td{ border-bottom:0 !important; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total{ border-bottom:0 !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.14
   Чекбокс «Создать аккаунт?» (и др. чекбоксы аккаунта/условий): display:inline-block.
   Причина полоски: WooCommerce делает .input-checkbox display:inline, а inline-элемент
   с appearance:none игнорирует width и схлопывается. inline-block возвращает размер.
   ====================================================================== */
.woocommerce-checkout input#createaccount,
.woocommerce-checkout input#terms,
.woocommerce-checkout .woocommerce-account-fields input[type="checkbox"],
.woocommerce-checkout .create-account input[type="checkbox"]{
  display:inline-block !important;
  -webkit-appearance:none !important; appearance:none !important;
  width:22px !important; height:22px !important; min-width:22px !important;
  box-sizing:border-box !important; padding:0 !important; flex:none !important; vertical-align:middle;
  border:2px solid var(--line-2) !important; border-radius:6px !important; background:#fff !important;
  position:relative; margin:0 10px 2px 0 !important; cursor:pointer;
}
.woocommerce-checkout input#createaccount:hover,
.woocommerce-checkout input#terms:hover,
.woocommerce-checkout .woocommerce-account-fields input[type="checkbox"]:hover,
.woocommerce-checkout .create-account input[type="checkbox"]:hover{ border-color:var(--coral) !important; }
.woocommerce-checkout input#createaccount:checked,
.woocommerce-checkout input#terms:checked,
.woocommerce-checkout .woocommerce-account-fields input[type="checkbox"]:checked,
.woocommerce-checkout .create-account input[type="checkbox"]:checked{ background:var(--coral) !important; border-color:var(--coral) !important; }
.woocommerce-checkout input#createaccount:checked::after,
.woocommerce-checkout input#terms:checked::after,
.woocommerce-checkout .woocommerce-account-fields input[type="checkbox"]:checked::after,
.woocommerce-checkout .create-account input[type="checkbox"]:checked::after{
  content:"" !important; position:absolute; left:7px; top:3px; width:5px; height:10px;
  border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}


/* ======================================================================
   Икра102 «Свежесть» — v1.2.15
   Корзина (мобайл): убираем дублирующие подписи в «Сумме корзины»
   (WooCommerce shop_table_responsive показывал data-title поверх наших),
   доставка на всю ширину, крестик удаления — стабильно в правом верхнем углу.
   ====================================================================== */
.woocommerce-cart .cart_totals table td::before,
.woocommerce-cart .cart_totals table th::before{ content:"" !important; display:none !important; }
.woocommerce-cart .cart_totals table tr.woocommerce-shipping-totals td{ display:block !important; width:100% !important; padding:0 !important; text-align:left !important; }
.woocommerce-cart .cart_totals ul#shipping_method{ width:100% !important; }
@media (max-width:600px){
  .woocommerce table.shop_table.cart tr.cart_item{ position:relative !important; }
  .woocommerce table.shop_table.cart td.product-remove{ position:absolute !important; top:12px !important; right:12px !important; left:auto !important; width:auto !important; margin:0 !important; padding:0 !important; z-index:3; }
  .woocommerce table.shop_table.cart td.product-remove::before{ content:"" !important; display:none !important; }
}


/* ======================================================================
   Икра102 «Свежесть» — v1.2.16
   Мобильная карточка товара в корзине: миниатюра + название сверху рядом,
   крестик удаления аккуратно в правом верхнем углу, цена/кол-во/сумма ниже.
   (Раньше миниатюра висела одна на строке, а крестик — в пустоте.)
   ====================================================================== */
@media (max-width:600px){
  .woocommerce table.shop_table.cart tr.cart_item{
    display:grid !important;
    grid-template-columns:64px 1fr;
    grid-template-areas:"thumb name" "price price" "qty qty" "sub sub";
    column-gap:14px; row-gap:0; align-items:center;
    padding:16px 16px 6px !important; position:relative !important;
  }
  .woocommerce table.shop_table.cart tr.cart_item td{ width:auto !important; }
  .woocommerce table.shop_table.cart td.product-thumbnail{
    grid-area:thumb; display:block !important; width:64px !important; padding:0 !important; margin:0 !important;
  }
  .woocommerce table.shop_table.cart td.product-thumbnail img{ width:64px !important; height:64px !important; border-radius:10px; margin:0 !important; }
  .woocommerce table.shop_table.cart td.product-name{
    grid-area:name; display:block !important; padding:0 34px 0 0 !important; margin:0 !important; text-align:left !important;
  }
  .woocommerce table.shop_table.cart td.product-name::before{ content:"" !important; display:none !important; }
  .woocommerce table.shop_table.cart td.product-name a{ font-weight:800; font-size:15px; line-height:1.3; color:var(--ink); }
  .woocommerce table.shop_table.cart td.product-price{ grid-area:price; }
  .woocommerce table.shop_table.cart td.product-quantity{ grid-area:qty; }
  .woocommerce table.shop_table.cart td.product-subtotal{ grid-area:sub; }
  .woocommerce table.shop_table.cart td.product-price,
  .woocommerce table.shop_table.cart td.product-quantity,
  .woocommerce table.shop_table.cart td.product-subtotal{
    display:flex !important; justify-content:space-between; align-items:center;
    padding:9px 0 !important; margin:0 !important; border-top:1px solid var(--line) !important;
  }
}


/* ======================================================================
   Икра102 «Свежесть» — v1.2.17
   Мини-корзина: убираем двойную горизонтальную линию перед «Итого»
   (у последнего товара была своя нижняя граница + верхняя у «Итого»).
   ====================================================================== */
.mini-cart-list .mini-cart-item:last-child{ border-bottom:0 !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.18
   Мобильные доработки:
   1) Корзина: крестик удаления теперь стоит в потоке сетки (третья колонка
      «remove» в строке с названием) — всегда в правом верхнем углу карточки,
      не наезжает на текст и не «плавает» при длинных названиях.
   2) Каталог на телефоне: карточки товаров в 2 колонки (были во всю ширину —
      «почти на весь экран»), аккуратнее размеры заголовка и цены.
   ====================================================================== */
@media (max-width:600px){
  /* 1. Корзина — крестик в сетку */
  .woocommerce table.shop_table.cart tr.cart_item{
    grid-template-columns:64px 1fr auto !important;
    grid-template-areas:"thumb name remove" "price price price" "qty qty qty" "sub sub sub" !important;
    column-gap:12px !important;
  }
  .woocommerce table.shop_table.cart td.product-name{ padding:0 4px 0 0 !important; }
  .woocommerce table.shop_table.cart td.product-name a{ font-size:14px !important; line-height:1.34 !important; }
  .woocommerce table.shop_table.cart td.product-remove{
    grid-area:remove !important; position:static !important;
    top:auto !important; right:auto !important; left:auto !important;
    align-self:start !important; justify-self:end !important;
    width:auto !important; margin:0 !important; padding:0 !important; z-index:auto !important;
  }

  /* 2. Каталог — 2 колонки на телефоне */
  .woocommerce ul.products, .woocommerce-page ul.products, .product-grid{
    grid-template-columns:repeat(2,1fr) !important; gap:12px !important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:13.5px !important; line-height:1.3 !important; padding-left:12px !important; padding-right:12px !important;
  }
  .woocommerce ul.products li.product .price{
    font-size:16px !important; padding-left:12px !important; padding-right:12px !important;
  }
  .woocommerce ul.products li.product .price del{ font-size:12.5px !important; opacity:.75; margin-right:5px; }
  .woocommerce ul.products li.product .price del .amount{ font-weight:600; }
  .woocommerce ul.products li.product > .button,
  .woocommerce ul.products li.product > .added_to_cart{ font-size:13px !important; }
}
@media (max-width:420px){
  /* переопределяем прежнее правило «1 колонка» на телефоне */
  .woocommerce ul.products, .woocommerce-page ul.products, .product-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}


/* ======================================================================
   Икра102 «Свежесть» — v1.2.19
   По скринам с телефона:
   1) Крестик удаления в корзине был серым на светло-сером (плохо виден),
      плюс при тапе появлялась серая подсветка (tap-highlight) на названии/
      миниатюре. Теперь крестик — белый кружок с рамкой и тёмным ×, виден на
      любом фоне; серую подсветку тапа убрали.
   2) В каталоге после «В корзину» появлялась вторая крупная кнопка
      «Просмотр корзины», ломавшая высоту карточки. Убрали её: статус
      показывает сама кнопка + счётчик корзины в шапке.
   ====================================================================== */
/* 1. Контрастный крестик */
.woocommerce a.remove{
  background:#fff !important;
  color:var(--ink) !important;
  border:1px solid var(--line-2) !important;
  box-shadow:0 1px 3px rgba(20,40,50,.14) !important;
  width:28px !important; height:28px !important;
  font-size:18px !important; font-weight:700 !important;
  -webkit-tap-highlight-color:transparent;
}
.woocommerce a.remove:hover{
  background:var(--danger) !important; color:#fff !important; border-color:var(--danger) !important;
}
/* убираем серую подсветку тапа на ссылках корзины и карточек товара */
.woocommerce table.shop_table.cart a,
.woocommerce table.shop_table.cart td,
.mini-cart-item a,
.woocommerce ul.products li.product a{ -webkit-tap-highlight-color:transparent; }

/* 2. Прячем инлайн-ссылку «Просмотр корзины» в каталоге (ломала высоту карточки) */
.woocommerce ul.products li.product a.added_to_cart{ display:none !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.20
   НАСТОЯЩАЯ причина «серого фона у каждого 2-го товара» в корзине на
   телефоне: это зебра-полоса из ядра WooCommerce (woocommerce-smallscreen.css):
     .woocommerce table.shop_table_responsive tr:nth-child(2n) td{
        background-color: rgba(0,0,0,.025); }
   Она красит ячейки каждой чётной строки — оттого 2, 4, 6-й товары серые.
   Тема оформляет строки как отдельные карточки, поэтому зебра тут лишняя —
   отключаем её, чтобы все карточки были одинакового цвета.
   ====================================================================== */
@media (max-width:768px){
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce table.shop_table.cart tr.cart_item:nth-child(2n) td{
    background-color:transparent !important;
  }
}


/* ======================================================================
   Икра102 «Свежесть» — v1.2.21
   Подстраховка к JS-фиксу галереи товара: если reveal-анимация WooCommerce
   «застряла», галерея оставалась на opacity:0 (белый прямоугольник вместо
   фото). JS отменяет застрявшую анимацию; это правило гарантирует видимость.
   ====================================================================== */
.woocommerce div.product .woocommerce-product-gallery{ opacity:1 !important; }
.woocommerce div.product .woocommerce-product-gallery__image img{ opacity:1 !important; }


/* ======================================================================
   Икра102 «Свежесть» — v1.2.22
   Причина «белого» main-фото на странице товара с 2+ изображениями:
   рамка-карточка и display:flex/justify-content:center были навешаны прямо
   на дорожку слайдов flexslider (.woocommerce-product-gallery__wrapper = ul.slides).
   Центрирование ломало горизонтальное позиционирование — активный слайд
   уезжал за пределы окна просмотра, и вместо фото был белый прямоугольник.
   Решение: рамку-карточку переносим на контейнер галереи, а дорожку слайдов
   отдаём flexslider (display:block, без padding/бордера/центрирования).
   ====================================================================== */
.single-product div.product .woocommerce-product-gallery__wrapper{
  display:block !important; background:none !important; border:0 !important;
  border-radius:0 !important; padding:0 !important;
  align-items:normal !important; justify-content:normal !important;
}
.single-product div.product .woocommerce-product-gallery{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport{ border-radius:var(--radius-sm); }
.single-product div.product .woocommerce-product-gallery__image{ text-align:center; }
.single-product div.product .woocommerce-product-gallery img{ margin:0 auto; }
@media (max-width:820px){
  .single-product div.product .woocommerce-product-gallery{ padding:18px; }
}