/* Mandri editorial storefront — 2026-09-11. Loaded after shop.css. */
body.term-kolekciya-mandri { --mandri-ink:#111820; --mandri-green:#214f48; }
body.term-kolekciya-mandri .shop-main { overflow-x:clip; padding-top:0; padding-bottom:18px; background:linear-gradient(180deg,#f9f8f4 0,#f4f6f5 680px,#f5f6f7 100%); }
body.term-kolekciya-mandri .shop-main>.container { max-width:1520px; padding:0 24px 18px; }
body.term-kolekciya-mandri .shop-main>.container>.woocommerce-breadcrumb,
body.term-kolekciya-mandri .woocommerce-products-header { display:none; }

body.term-kolekciya-mandri .mandri-hero { position:relative; width:100vw; min-height:clamp(430px,38vw,590px); margin:0 0 14px calc(50% - 50vw); overflow:hidden; isolation:isolate; background:#d8dde0; border:0; border-radius:0; box-shadow:0 16px 42px rgb(33 45 47/13%); }
body.term-kolekciya-mandri .mandri-hero::before { position:absolute; z-index:1; inset:0; content:""; pointer-events:none; background:linear-gradient(90deg,rgb(255 255 255/97%) 0%,rgb(255 255 255/89%) 25%,rgb(255 255 255/37%) 41%,transparent 58%),linear-gradient(180deg,rgb(255 255 255/2%) 58%,rgb(15 29 33/18%) 100%); }
body.term-kolekciya-mandri .mandri-hero__image { position:absolute; z-index:0; inset:0; background-position:center; background-size:cover; transform:none; }
body.term-kolekciya-mandri .mandri-hero__image::after { display:none; }
body.term-kolekciya-mandri .mandri-hero__breadcrumb { position:relative; z-index:2; display:flex; gap:8px; align-items:center; padding:20px clamp(24px,3.6vw,54px) 0; color:#536066; font-size:11px; font-weight:750; }
body.term-kolekciya-mandri .mandri-hero__breadcrumb a { color:inherit; }
body.term-kolekciya-mandri .mandri-hero__copy { position:relative; z-index:2; width:min(39%,540px); margin:clamp(34px,4vw,60px) 0 0 clamp(82px,6.2vw,110px); color:var(--mandri-ink); }
body.term-kolekciya-mandri .mandri-hero__copy>span { display:block; margin-bottom:8px; font-size:13px; font-weight:850; letter-spacing:.48em; text-transform:uppercase; }
body.term-kolekciya-mandri .mandri-hero__copy h1 { display:inline-block; margin:0 0 20px; font-family:Arial,Helvetica,sans-serif; font-size:clamp(4.5rem,7.2vw,7.8rem); font-style:normal; font-weight:950; letter-spacing:-.07em; line-height:.82; text-transform:uppercase; transform:rotate(-1.2deg); }
body.term-kolekciya-mandri .mandri-hero__copy h1::before { display:block; width:62%; height:40px; margin:0 auto -12px; content:""; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 54'%3E%3Cpath d='M5 48 49 9l24 25 32-31 30 34 22-22 30 33' fill='none' stroke='%23111820' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
body.term-kolekciya-mandri .mandri-hero__copy>strong { display:block; max-width:390px; margin-bottom:10px; font-size:clamp(1.05rem,1.55vw,1.45rem); font-weight:950; letter-spacing:-.025em; line-height:1.08; text-transform:uppercase; }
body.term-kolekciya-mandri .mandri-hero__copy p { max-width:410px; margin:0 0 18px; font-family:inherit; font-size:13px; font-style:normal; line-height:1.45; }
body.term-kolekciya-mandri .mandri-hero__copy small { display:none; }
body.term-kolekciya-mandri .mandri-hero__cta { display:inline-flex; min-height:44px; align-items:center; gap:14px; justify-content:center; padding:0 19px; color:#fff; background:#f20d24; border-radius:7px; box-shadow:0 10px 22px rgb(242 13 36/22%); font-size:12px; font-weight:900; text-transform:uppercase; transition:transform .2s ease,box-shadow .2s ease; }
body.term-kolekciya-mandri .mandri-hero__cta:hover { color:#fff; box-shadow:0 13px 27px rgb(242 13 36/32%); transform:translateY(-2px); }
body.term-kolekciya-mandri .mandri-hero__rail { position:fixed; z-index:9999; top:120px; left:10px; display:grid; max-height:calc(100dvh - 135px); align-content:center; gap:7px; padding:8px; }
body.term-kolekciya-mandri .mandri-hero__rail-link { display:grid; width:45px; height:clamp(56px,calc((100dvh - 190px)/5),76px); place-items:center; color:#fff; background:#f20d24; border-radius:7px; box-shadow:0 8px 18px rgb(164 8 24/22%); font-size:11px; font-weight:850; line-height:1; writing-mode:vertical-rl; transition:background .2s ease,transform .2s ease; }
body.term-kolekciya-mandri .mandri-hero__rail-link:hover,
body.term-kolekciya-mandri .mandri-hero__rail-link--current { color:#fff; background:#b40819; transform:translateX(2px); }
body.term-kolekciya-mandri .mandri-products-anchor { display:block; height:0; scroll-margin-top:120px; }
body.term-kolekciya-mandri .mandri-mobile-quick-nav { display:none; }
body.term-kolekciya-mandri .mandri-hero__note { position:absolute; z-index:2; top:42px; right:clamp(24px,3.5vw,54px); display:flex; flex-direction:column; padding:11px 15px 10px; color:#111820; background:rgb(255 255 255/82%); border:1px solid rgb(255 255 255/78%); border-radius:10px; box-shadow:0 8px 24px rgb(20 35 40/15%); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1rem,1.4vw,1.35rem); font-style:italic; font-weight:600; line-height:1.3; text-align:right; text-shadow:none; transform:rotate(-2deg); }
body.term-kolekciya-mandri .mandri-hero__signature { display:none; }

body.term-kolekciya-mandri .mandri-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:-1px 0 14px; padding:11px 16px; color:#334047; background:#fff; border:1px solid #e3e6e8; box-shadow:0 8px 25px rgb(35 46 49/5%); }
body.term-kolekciya-mandri .mandri-benefits>span { display:flex; min-height:40px; align-items:center; gap:10px; justify-content:center; padding:6px 10px; font-size:11px; font-weight:750; line-height:1.25; }
body.term-kolekciya-mandri .mandri-benefits b { color:#162128; font-size:24px; font-weight:500; }
body.term-kolekciya-mandri .mandri-catalog-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:26px 0 13px; }
body.term-kolekciya-mandri .mandri-catalog-heading span { display:block; margin-bottom:4px; color:#70807e; font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
body.term-kolekciya-mandri .mandri-catalog-heading h2 { margin:0; color:#142127; font-size:clamp(1.45rem,2.2vw,2rem); letter-spacing:-.035em; }
body.term-kolekciya-mandri .mandri-catalog-heading p { max-width:360px; margin:0 0 2px; color:#77817f; font-size:12px; text-align:right; }

body.term-kolekciya-mandri .shop-quick-links { position:static; display:grid; width:100%; max-width:none; min-height:0; max-height:none; grid-template-columns:repeat(5,minmax(0,1fr)); grid-auto-flow:row; gap:10px; margin:0 0 22px; padding:0; overflow:visible; background:transparent; border:0; border-radius:0; box-shadow:none; transform:none; backdrop-filter:none; }
body.term-kolekciya-mandri .shop-quick-links__item,
body.term-kolekciya-mandri .shop-quick-links__item:hover,
body.term-kolekciya-mandri .shop-quick-links__item--current { position:relative; display:grid; width:auto; height:86px; min-height:0; grid-template-rows:55px 1fr; overflow:hidden; padding:0; color:#263136; background:#fff; border:1px solid #e3e6e7; border-radius:9px; box-shadow:0 5px 18px rgb(30 45 48/5%); font-size:11px; font-weight:850; writing-mode:horizontal-tb; transform:none; }
body.term-kolekciya-mandri .shop-quick-links__thumb { display:block; width:100%; height:55px; background-color:#e9ecea; background-position:center 28%; background-size:cover; filter:saturate(.83) contrast(.97); }
body.term-kolekciya-mandri .shop-quick-links__item>span:last-child { display:flex; align-items:center; justify-content:center; padding:4px 8px; }
body.term-kolekciya-mandri .shop-quick-links__item:hover { color:#f20d24; background:#fff; border-color:#f20d24; transform:translateY(-2px); }
body.term-kolekciya-mandri .shop-quick-links__item--current { color:#172027; background:#fff; border-color:#f20d24; box-shadow:0 8px 22px rgb(242 13 36/10%); }
body.term-kolekciya-mandri.woocommerce .woocommerce-result-count { margin:13px 0 24px; color:#727c79; font-size:12px; }
body.term-kolekciya-mandri.woocommerce .woocommerce-ordering { margin:0 0 18px; }
body.term-kolekciya-mandri.woocommerce .woocommerce-ordering select { min-width:275px; border-color:#dcdedb; border-radius:9px; color:#34413f; }
body.term-kolekciya-mandri.woocommerce ul.products { clear:both; gap:13px; }
body.term-kolekciya-mandri.woocommerce ul.products li.product { border-color:#e6e5df; border-radius:11px; box-shadow:0 7px 22px rgb(31 44 42/5%); }
body.term-kolekciya-mandri.woocommerce ul.products li.product:hover { box-shadow:0 15px 34px rgb(31 44 42/12%); }
body.term-kolekciya-mandri.woocommerce ul.products li.product a img { background:linear-gradient(145deg,#f6f4ef,#eeefed); }
body.term-kolekciya-mandri.woocommerce ul.products li.product .price { color:var(--mandri-green); }

@media (min-width:1180px) { body.term-kolekciya-mandri.woocommerce ul.products { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (max-width:900px) {
  body.term-kolekciya-mandri .mandri-hero::before { background:linear-gradient(90deg,rgb(255 255 255/96%) 0%,rgb(255 255 255/79%) 34%,rgb(255 255 255/17%) 63%,transparent 80%); }
  body.term-kolekciya-mandri .mandri-hero__rail { display:none; }
  body.term-kolekciya-mandri .mandri-hero__copy { margin-left:clamp(24px,3.6vw,54px); }
  body.term-kolekciya-mandri .mandri-hero__note { display:none; }
  body.term-kolekciya-mandri .mandri-mobile-quick-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin:4px 0 20px; }
  body.term-kolekciya-mandri .mandri-mobile-quick-nav__link { display:flex; min-height:42px; align-items:center; justify-content:center; padding:7px 5px; color:#fff; background:#f20d24; border-radius:7px; box-shadow:0 6px 14px rgb(164 8 24/16%); font-size:10px; font-weight:850; text-align:center; }
  body.term-kolekciya-mandri .mandri-mobile-quick-nav__link:hover,
  body.term-kolekciya-mandri .mandri-mobile-quick-nav__link--current { color:#fff; background:#b40819; }
  body.term-kolekciya-mandri .mandri-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  body.term-kolekciya-mandri .shop-main>.container { padding:0 12px 18px; }
  body.term-kolekciya-mandri .mandri-hero { min-height:470px; border-radius:0; }
  body.term-kolekciya-mandri .mandri-hero::before { background:linear-gradient(90deg,rgb(255 255 255/97%) 0%,rgb(255 255 255/82%) 47%,rgb(255 255 255/18%) 76%),linear-gradient(180deg,transparent 62%,rgb(12 25 28/22%) 100%); }
  body.term-kolekciya-mandri .mandri-hero__image { background-position:58% center; }
  body.term-kolekciya-mandri .mandri-hero__breadcrumb { padding:16px 18px 0; font-size:10px; }
  body.term-kolekciya-mandri .mandri-hero__copy { width:61%; margin:55px 0 0 18px; }
  body.term-kolekciya-mandri .mandri-hero__copy>span { font-size:10px; letter-spacing:.35em; }
  body.term-kolekciya-mandri .mandri-hero__copy h1 { margin-bottom:16px; font-size:clamp(3.45rem,17vw,5.1rem); }
  body.term-kolekciya-mandri .mandri-hero__copy h1::before { height:28px; margin-bottom:-8px; }
  body.term-kolekciya-mandri .mandri-hero__copy>strong { max-width:270px; font-size:14px; }
  body.term-kolekciya-mandri .mandri-hero__copy p { max-width:260px; font-size:10px; }
  body.term-kolekciya-mandri .mandri-hero__cta { min-height:40px; padding-inline:14px; font-size:10px; }
  body.term-kolekciya-mandri .mandri-benefits { gap:3px; padding:8px; }
  body.term-kolekciya-mandri .mandri-benefits>span { justify-content:flex-start; padding:5px 7px; font-size:9px; }
  body.term-kolekciya-mandri .mandri-benefits b { font-size:19px; }
  body.term-kolekciya-mandri .mandri-catalog-heading { display:block; margin-top:22px; }
  body.term-kolekciya-mandri .mandri-catalog-heading h2 { font-size:21px; }
  body.term-kolekciya-mandri .mandri-catalog-heading p { margin-top:5px; text-align:left; }
  body.term-kolekciya-mandri .shop-quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; }
  body.term-kolekciya-mandri .shop-quick-links__item,
  body.term-kolekciya-mandri .shop-quick-links__item:hover,
  body.term-kolekciya-mandri .shop-quick-links__item--current { height:78px; min-height:0; grid-template-rows:49px 1fr; padding:0; }
  body.term-kolekciya-mandri .shop-quick-links__thumb { height:49px; }
  body.term-kolekciya-mandri.woocommerce .woocommerce-ordering,
  body.term-kolekciya-mandri.woocommerce .woocommerce-ordering select { width:100%; }
  body.term-kolekciya-mandri.woocommerce .woocommerce-ordering select { min-width:0; }
  body.term-kolekciya-mandri.woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
}
@media (prefers-reduced-motion:reduce) {
  body.term-kolekciya-mandri .mandri-hero__cta,
  body.term-kolekciya-mandri .shop-quick-links__item { transition:none; }
}
