/* ============================================================================
   GOLDLIGHT reskin — treatment layer per
   dev_docs/frontend/design_handoff_goldlight_reskin/README.md (brand book v25.1).
   Loaded AFTER bundle.css; overrides the re-tinted grenardilv styles with the
   final colour / type / component treatments. Structure of the templates is
   unchanged — this file only restyles existing selectors.

   Type system: Outfit = editorial (300 headings, 400 body, 500 wordmark &
   prices). IBM Plex Mono = accent face (stand-in for Decima Mono) — labels,
   counts, buttons, eyebrows, breadcrumbs only, never body copy.
   ============================================================================ */

:root{
  --gl-body-copy:#4a4a48;
  --gl-fine:#6a6a66;
  --gl-meta:#9a9a96;
  --gl-rule:rgba(10,10,10,0.1);
  --gl-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* IBM Plex Mono — self-hosted (400/500). latin-ext covers Latvian diacritics. */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/style/goldlight/fonts/PlexMono-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/style/goldlight/fonts/PlexMono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/style/goldlight/fonts/PlexMono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/style/goldlight/fonts/PlexMono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ============================================================================
   1. WORDMARK
   Outfit 500, letter-spacing .34em (+ matching text-indent so it stays
   optically centred). Footer variant 19px / .3em.
   ============================================================================ */
.gl-logo{
  font-weight:500;
  font-size:25px;
  letter-spacing:.34em;
  text-indent:.34em;
}
.header-mobile__logo .gl-logo{font-size:18px}
.fixed-header-menu__logo .gl-logo{font-size:19px;letter-spacing:.3em;text-indent:.3em}
.footer__logo .gl-logo{font-size:19px;letter-spacing:.3em;text-indent:.3em;color:#fff}
.gl-logo__sub{
  display:block;
  font-family:var(--gl-mono);
  font-size:8.5px;
  font-weight:400;
  letter-spacing:.4em;
  text-indent:.4em;
  color:var(--gl-gold);
  text-align:center;
  margin-top:5px;
  text-transform:uppercase;
}
/* Anchor is display:flex in the bundle — stack wordmark over the subline */
.header-main__logo a{flex-direction:column;align-items:center}

/* ============================================================================
   2. BUTTONS
   Dark button: #0A0A0A fill, white text, hover inverts to gold fill / black
   text. Primary (gold) CTAs are opted-in per placement with .btn-one--gold or
   contextual selectors. All buttons: mono 11px / .16em, uppercase, no radius.
   ============================================================================ */
.btn-one,.btn-two,.btn-three,.btn-checkout,.btn-send,.btn-reg{
  font-family:var(--gl-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:0;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.btn-one{background:var(--gl-black);color:#fff}
.btn-one:hover{background:var(--gl-gold);color:var(--gl-black)}
/* Gold primary CTAs: hero, PDP add-to-cart, filter apply. Hover = Zelta Smiltis. */
.swiper-main__btn .btn-one,
.btn-one--gold{
  background:var(--gl-gold);
  color:var(--gl-black);
  letter-spacing:.18em;
  padding:15px 28px;
}
.swiper-main__btn .btn-one:hover,
.btn-one--gold:hover{background:var(--gl-gold-sand);color:var(--gl-black)}

/* ============================================================================
   3. HEADER CHROME
   ============================================================================ */
/* Utility side tab — Nakts Melns, 72% white text, 12.5px */
.fixed-info{background:var(--gl-black)}
.fixed-info__res,
.fixed-info__res a,
.fixed-info__res span{color:rgba(255,255,255,0.72);font-size:12.5px}
.fixed-info__icon img{filter:invert(1);opacity:.7}

/* Search field — Pērļu Balts fill, no border, meta placeholder */
.header-search input,
.mobile-search-block input{
  background:var(--gl-pearl);
  border:0;
  border-radius:0;
  font-size:13.5px;
}
.header-search input::placeholder,
.mobile-search-block input::placeholder{color:var(--gl-meta)}

/* Nav — uppercase 13.5px / .1em, hover gold, 2px gold accent bar.
   The sticky pill bar has ~810px for the menu, so it gets a compact
   variant (12.5px / .06em) to stay overflow-safe at every breakpoint. */
.header-main-menu > ul > li > a{
  font-size:13.5px;
  font-weight:400;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@media (min-width:1131px){
  /* ≤1130px this list becomes the 16px mobile drawer — leave that alone */
  .fixed-header-menu__menu > ul li > a{
    font-size:12.5px;
    font-weight:400;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
}
.header-main-menu > ul > li > a:hover,
.fixed-header-menu__menu > ul li > a:hover{color:var(--gl-gold)}
.fixed-header-menu__li:before,
.fixed-header-menu__li.dropdown-li:before{height:2px;background-color:var(--gl-gold)}
/* Outlet nav item — Koraļļu Sarkans (menu items come from the DB, so key on URL) */
.header-main-menu > ul > li > a[href*="outlet" i],
.fixed-header-menu__menu > ul li > a[href*="outlet" i]{color:var(--gl-red)}

/* Mega menu panel — white, brand shadow (the only shadow in the system) */
.header-catalog-dropdown{box-shadow:0 30px 60px rgba(10,10,10,0.12)}
.header-catalog-dropdown__left-li > a:hover,
.header-catalog-dropdown__left-li.active > a{background:var(--gl-pearl)}
.header-catalog-dropdown-child__item-count{
  font-family:var(--gl-mono);
  font-size:11px;
  color:var(--gl-meta);
}
.header-catalog-dropdown-child__item-name:hover{color:var(--gl-gold)}

/* Count chips — Zelta Gaisma fill, black mono 9px */
span.cart-header__count,
span.fav-header__count,
.header-mobile-cart__count,
.fav-header__count{
  background:var(--gl-gold);
  color:var(--gl-black);
  font-family:var(--gl-mono);
  font-size:9px;
  font-weight:500;
}

/* Language switch — mono 11px / .1em, active gold */
.header-lang{font-family:var(--gl-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.header-lang__drop ul li span,
.header-lang__drop ul li a{font-size:12px}
.header-lang__drop ul li.active span{background:transparent;color:var(--gl-gold)}
.header-lang__drop ul li span:hover,
.header-lang__drop ul li a:hover{color:var(--gl-gold)}

/* ============================================================================
   4. NEWSLETTER BAND — Pērļu Balts, editorial heading, mono CTA
   ============================================================================ */
.feedback-section{background:var(--gl-pearl)}
.feedback-section:before{display:none}
.feedback-section__title{
  font-family:Outfit,sans-serif;
  font-weight:300;
  font-size:34px;
}
.feedback-section__desc{font-size:14px;line-height:1.65;color:var(--gl-body-copy);max-width:44ch}
.feedback-section .form-input{
  background:#fff;
  border:1px solid rgba(10,10,10,0.14);
  font-size:14px;
}
.feedback-section .form-input::placeholder{color:var(--gl-meta)}
.feedback-section .custom-checkbox label{font-size:11.5px;line-height:1.6;color:var(--gl-fine)}

/* ============================================================================
   5. FOOTER — Nakts Melns, mono headings, gold hovers
   ============================================================================ */
.footer-block{background:var(--gl-black)}
.footer-title,
.footer-pay-title,
.footer-provided-title{
  font-family:var(--gl-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#fff;
}
.footer-pay-title,
.footer-provided-title{font-size:10.5px;color:rgba(255,255,255,0.5)}
.footer-menu ul li a{font-size:13.5px;color:rgba(255,255,255,0.7)}
.footer-menu ul li a:hover{color:var(--gl-gold)}
.footer__link,
.footer__link a,
.footer__link span{color:rgba(255,255,255,0.7)}
.footer__link a:hover{color:var(--gl-gold)}
.footer-pay-img img,
.footer-provided-menu img{height:20px;opacity:.85}
.footer-bottom__left{font-size:12px;color:rgba(255,255,255,0.45);text-transform:none}
.footer-bottom__right ul li a{font-size:12px;color:rgba(255,255,255,0.45)}
.footer-bottom__right ul li a:hover{color:var(--gl-gold)}
.develop{color:rgba(255,255,255,0.3)}

/* ============================================================================
   6. HOME
   ============================================================================ */
/* Hero — editorial H1, gold CTA (CTA handled in §2) */
.swiper-main__title{
  font-family:Outfit,sans-serif;
  font-weight:300;
  font-size:clamp(40px,5vw + 8px,70px);
  line-height:1.04;
  letter-spacing:-.02em;
  left:0;
}
.swiper-main__title i,
.swiper-main__title em{font-style:italic;color:var(--gl-gold-sand)}
.swiper-main__desc{font-size:15px;line-height:1.65}
/* Slider dots as 34×3 bars (slide art is banner-controlled, so keep the
   current dark-idle polarity; active = gold, readable on either) */
.swiper-main__pagination span.swiper-pagination-bullet{
  width:34px;
  height:3px;
  border-radius:0;
  background:rgba(10,10,10,0.28);
  opacity:1;
}
.swiper-main__pagination span.swiper-pagination-bullet-active{background:var(--gl-gold);width:34px}

/* Category icon strip — 76px pearl circles, 13px labels, gold hover */
.slider-products__photo{
  background:var(--gl-pearl);
  border-radius:50%;
  width:76px;
  height:76px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.slider-products__photo img{width:38px;height:38px;object-fit:contain}
.slider-products__name{font-size:13px;text-align:center}
.slider-products__item a:hover .slider-products__name{color:var(--gl-gold)}
/* Category-page variant of the strip is smaller — keep it circular and
   on pearl for both gendered contexts */
.category-section-content .slider-products__photo,
.category-section-content.woman .slider-products__photo,
.category-section-content.man .slider-products__photo{
  width:64px;
  height:64px;
  background:var(--gl-pearl);
}
.category-section-content .slider-products__photo img{width:32px;height:32px}
.category-section-content .slider-products__name{font-size:12px}
/* Pin strip arrows to the icon circle's centre (was top:17% of a taller strip) */
.slider-products__prev,
.slider-products__next{top:20px}
.category-section-content .slider-products__prev,
.category-section-content .slider-products__next{top:14px}

/* USP marquee — mono eyebrow treatment */
.smooth-info__item,
.smooth-info__item a{
  font-family:var(--gl-mono);
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
}

/* Tabbed product carousel — editorial tabs, gold underline on active */
.product-tab__item{
  font-family:Outfit,sans-serif;
  font-weight:300;
  font-size:28px;
  color:var(--gl-meta);
  letter-spacing:0;
  text-transform:none;
}
.product-tab__item.active{color:var(--gl-black);font-weight:300}
.product-tab__item.active:before{height:2px;background-color:var(--gl-gold)}
.product-tab__tab-overflow:before{background:var(--gl-rule)}
/* Carousel arrows — 36px square, hairline, gold hover. The bundle draws
   these as full-height overlay strips (top+bottom anchored), so re-anchor
   to the vertical centre of the track. */
.product-tab__prev,
.product-tab__next,
.slider-products__prev,
.slider-products__next,
.google-reviews__prev,
.google-reviews__next{
  width:36px;
  height:36px;
  border:1px solid rgba(10,10,10,0.2);
  border-radius:0;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-tab__prev,
.product-tab__next,
.other-product .product-tab__prev,
.other-product .product-tab__next{
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
}
.product-tab__prev:hover,
.product-tab__next:hover,
.slider-products__prev:hover,
.slider-products__next:hover,
.google-reviews__prev:hover,
.google-reviews__next:hover{border-color:var(--gl-gold)}

/* Promo tiles — editorial title, mono underlined link */
.promo-cards__title{font-family:Outfit,sans-serif;font-weight:300;font-size:26px}
.promo-cards__text{font-size:14px;line-height:1.65;color:var(--gl-body-copy)}
.promo-cards__link{
  font-family:var(--gl-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:4px;
}
.promo-cards__item:hover .promo-cards__link{color:var(--gl-gold)}

/* Section headings (collection / reviews / social) — Outfit 300 34px */
.collection-tab__title,
.video-reviews__title,
.social-info__title{font-family:Outfit,sans-serif;font-weight:300;font-size:34px}

/* ============================================================================
   7. PRODUCT CARD (.product-mini) — flat, square image on Pērļu Balts
   ============================================================================ */
.product-mini{
  background:#fff;
  box-shadow:none;
  border-radius:0;
}
.product-mini.active{box-shadow:0 8px 16px rgba(10,10,10,0.08)}
.product-mini__photo{
  background:var(--gl-pearl);
  aspect-ratio:1/1;
  height:auto;
}
/* White-background product shots blend into the pearl panel */
.product-mini__photo img.main,
.product-mini__photo img.hover{mix-blend-mode:multiply}
/* PDP bundle widget pins a fixed photo height — keep it square too */
.product-collection-mini .product-mini__photo{height:auto}
/* Badges — mono 9px / .14em, white text. Tags default to Nakts Melns
   (Jaunums); discount = Koraļļu Sarkans; per-tag accents via slug classes. */
.product-mini__sale,
.product-in .product-mini__sale,
.product-collection-mini .product-mini__sale,
.product-mini__status span{
  font-family:var(--gl-mono);
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:4px 7px;
  border-radius:0;
  color:#fff;
}
.product-mini__sale{background:var(--gl-red)}
.product-mini__status span{background:var(--gl-black)}
.product-mini__status span.tag--bestsellers,
.product-mini__status span.tag--best-seller{background:var(--gl-blue)}
.product-mini__status span.tag--ekskluzivi,
.product-mini__status span.tag--exclusive{background:var(--gl-red-deep)}
/* Wishlist glyph */
.product-mini__fav svg path{stroke:rgba(10,10,10,0.3)}
.product-mini__fav.active svg path{stroke:var(--gl-gold);fill:var(--gl-gold)}
/* Meta + name + price */
.product-mini__brand{
  font-family:var(--gl-mono);
  font-size:9.5px;
  letter-spacing:.12em;
  color:var(--gl-meta);
  opacity:1;
}
.product-mini__name{font-size:14px;line-height:1.35}
.product-mini__price .price,
.product-mini__price .basePrice{white-space:nowrap}
.product-mini__price .price{font-size:15px;font-weight:500;color:var(--gl-black)}
.product-mini__price .basePrice{
  font-size:12.5px;
  color:var(--gl-meta);
  opacity:1;
}
/* When an old price is present the current price is discounted → red */
.product-mini__price .basePrice ~ .price{color:var(--gl-red)}
.product-mini-buy-link{color:var(--gl-black)}
.product-mini-buy-link:hover{color:var(--gl-gold)}
.product-mini-hover__info{color:var(--gl-body-copy)}

/* ============================================================================
   8. CATEGORY LISTING
   ============================================================================ */
/* Breadcrumbs (shared with PDP) — mono meta */
.breadcrumbs__list li a,
.breadcrumbs__list li span{
  font-family:var(--gl-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--gl-meta);
  text-decoration:none;
}
.breadcrumbs__list li a:hover{color:var(--gl-gold)}
.breadcrumbs__list li.is-last span{color:var(--gl-black)}

/* Page H1 + intro */
.category-section__title h1{
  font-family:Outfit,sans-serif;
  font-weight:300;
  font-size:34px;
  letter-spacing:0;
  color:var(--gl-black);
}
.category-section__desc{
  font-size:14.5px;
  line-height:1.75;
  color:var(--gl-body-copy);
  width:auto;
  max-width:82ch;
}

/* Filter bar */
.params-open{
  background:var(--gl-black);
  border-radius:0;
  width:auto;
  min-width:176px;
  height:auto;
  padding:11px 16px;
}
.params-open span.desc,
.params-open span.mobile{
  font-family:var(--gl-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#fff;
}
/* Quick filters are toggle switches drawn via label pseudo-elements —
   keep the mechanism, brand the type and the checked state */
.cat-checkbox label{font-size:13px}
.cat-checkbox label:hover{color:var(--gl-gold)}
.cat-checkbox > input:not(:checked) + label:before{background:rgba(10,10,10,0.18)}
.cat-checkbox > input:checked + label:before{background-color:var(--gl-gold)}
.mobile-res{font-family:var(--gl-mono);font-size:11px;color:var(--gl-meta)}
.cat-sort__main{background:#fff;border:1px solid rgba(10,10,10,0.2);border-radius:0;font-size:13px}
.cat-sort__list{background:#fff;border:1px solid rgba(10,10,10,0.2);border-radius:0;font-size:13px}
.cat-sort-item:hover,
.cat-sort-item.active{color:var(--gl-gold)}

/* Sidebar / filter panel */
.params-modal__title{
  font-family:var(--gl-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.active-params-reset{color:var(--gl-red)}
.params-filter__name{
  font-family:var(--gl-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gl-black);
}
.params-filter__top{border-bottom:1px solid var(--gl-rule);padding-bottom:10px}
.filter-label__count,
span.filter-label__count{font-family:var(--gl-mono);font-size:11px;color:var(--gl-meta)}
.filter-label:hover .filter-label__name-text{color:var(--gl-gold)}
.custom-checkbox-p .checkbox,
.custom-checkbox__input + .checkbox{border:1px solid rgba(10,10,10,0.35);border-radius:0}
.custom-checkbox__input:checked + .checkbox{border-color:var(--gl-black)}
.params-filter-input,
.catalog-range-form__input input{
  background:#fff;
  border:1px solid rgba(10,10,10,0.2);
  border-radius:0;
}
/* Size chips — compact, mono */
.params-filter-size .product-size label,
.product-size label{
  border:1px solid rgba(10,10,10,0.2);
  border-radius:0;
  font-family:var(--gl-mono);
  font-size:12px;
}
.product-size input:checked + label{border-color:var(--gl-black);color:var(--gl-black)}
/* Material / colour swatches */
.custom-checkbox-image img,
.custom-checkbox-image__color{border-radius:50%}
.custom-checkbox-image input:checked ~ img,
.custom-checkbox-image input:checked ~ .custom-checkbox-image__color{border:1px solid var(--gl-black)}
/* Apply CTA — gold */
.params-modal__show-results-btn{
  background:var(--gl-gold);
  color:var(--gl-black);
  font-family:var(--gl-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  border-radius:0;
  padding:15px 24px;
}
.params-modal__show-results-btn:hover{background:var(--gl-gold-sand);color:var(--gl-black)}
.params-modal__results-count{font-family:var(--gl-mono)}

/* Results grid — minmax(0,1fr) so long titles can't skew columns */
.category-section-list__content{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.category-section-list__content .skeleton{background:var(--gl-pearl)}

/* Pagination — 36px cells, mono */
.pagination ul li a,
.pagination ul li span{
  width:36px;
  height:36px;
  font-family:var(--gl-mono);
  font-size:12px;
  border:1px solid rgba(10,10,10,0.18);
  border-radius:0;
}
.pagination ul li span{border:0;color:var(--gl-meta)}
.pagination ul li.active a{
  background:var(--gl-black);
  color:#fff;
  border-color:var(--gl-black);
}
.pagination ul li a:hover{border-color:var(--gl-gold)}

/* Bottom SEO block — on Pērļu Balts */
.seo-section .seo-section__content{background:var(--gl-pearl);padding:26px 28px}
.seo-section h1,
.seo-section h2{font-family:Outfit,sans-serif;font-weight:300;font-size:19px}
.seo-section p{font-size:14px;line-height:1.75;color:var(--gl-body-copy)}
.seo-section__btn{
  font-family:var(--gl-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gl-gold);
}

/* ============================================================================
   9. PRODUCT DETAIL
   ============================================================================ */
.product-in__title h1{
  font-family:Outfit,sans-serif;
  font-weight:300;
  font-size:32px;
  line-height:1.16;
  color:var(--gl-black);
}
.product-in__code,
.product-in__code span{
  font-family:var(--gl-mono);
  font-size:11px;
  color:var(--gl-meta);
}
.product-in__brand a{font-size:12px;color:var(--gl-black)}
.product-in__brand a:hover{color:var(--gl-gold)}
/* Gallery thumb rail — active thumb gold hairline */
.product-item__fixed img{border:1px solid rgba(10,10,10,0.12)}
.product-item__fixed img.active{border-color:var(--gl-gold)}
/* Wishlist */
.product-in-top__fav.active svg path{fill:var(--gl-gold);stroke:var(--gl-gold)}
/* Price rows — current price prominent, red when discounted */
.product-payment-buy .price{font-size:24px;font-weight:500;color:var(--gl-black)}
.product-payment-buy .basePrice{font-size:16px;color:var(--gl-meta);opacity:1}
.product-payment-buy .basePrice ~ .price,
.product-payment-buy .product-payment-item__price .basePrice + .price{color:var(--gl-red)}
.product-payment-item__right > span{background:rgba(207,176,35,0.15);color:var(--gl-black)}
.product-payment-item__name:before{border-color:rgba(10,10,10,0.35)}
.payment__radio:checked + .payment__label .product-payment-item__name:before,
.product-payment-item__name.checked:before{border-color:var(--gl-black)}
.product-payment-month__item label{border:1px solid rgba(10,10,10,0.2);border-radius:0}
.product-payment-month__item input:checked + label{border-color:var(--gl-black);color:var(--gl-black)}
/* Add-to-cart — gold primary (button-prefixed to out-rank the bundle) */
button.product-in-btn__cart{
  background:var(--gl-gold);
  color:var(--gl-black);
  border:1px solid var(--gl-gold);
  border-radius:0;
  font-family:var(--gl-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding:18px 26px;
}
button.product-in-btn__cart:hover{background:var(--gl-gold-sand);border-color:var(--gl-gold-sand)}
button.product-in-btn__cart span{color:var(--gl-black)}
button.product-in-btn__buy{background:var(--gl-black);border-radius:0;color:#fff}
button.product-in-btn__buy:hover{background:var(--gl-gold);color:var(--gl-black)}
/* Size selector title */
.product-in-size__title{
  font-family:var(--gl-mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gl-meta);
}
/* Body tabs */
.product-body-item{color:var(--gl-meta)}
.product-body-item.active{color:var(--gl-black);border-color:var(--gl-gold)}
/* Spec table (direct child only, so content tables keep their look) —
   mono keys, hairline separators */
.product-body-content > table tr{border-bottom:1px solid rgba(10,10,10,0.08)}
.product-body-content > table td:nth-child(1){
  font-family:var(--gl-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gl-meta);
}
.product-body-content > table td:nth-child(2){font-size:14px;color:var(--gl-black)}
/* Delivery box — Pērļu Balts panel */
.product-delivery{background:var(--gl-pearl);padding:22px}
.product-delivery__title h3{font-family:Outfit,sans-serif;font-weight:300;font-size:19px}
.product-delivery__icon{box-shadow:none}
.product-delivery__name{font-size:13.5px}
.product-delivery__desc{font-size:13px;color:var(--gl-fine)}
.product-delivery__price{font-size:13.5px;font-weight:500}
/* Similar products */
.other-product__title{
  font-family:Outfit,sans-serif;
  font-weight:300;
  font-size:34px;
  letter-spacing:0;
}

/* ============================================================================
   10. RESPONSIVE — 390-side sizes per handoff type scale
   ============================================================================ */
@media (max-width: 768px){
  .swiper-main__title{font-size:40px}
  .feedback-section__title,
  .collection-tab__title,
  .video-reviews__title,
  .social-info__title,
  .other-product__title{font-size:24px}
  .product-tab__item{font-size:20px}
  .promo-cards__title{font-size:22px}
  .category-section__title h1{font-size:24px}
  .product-in__title h1{font-size:24px}
  .category-section-list__content{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ============================================================================
   11. ACCOUNT HERO — loyalty card + points (account/account.twig, tab c1).
   Goldlight has no source for bundle.css, so the full component lives here:
   Outfit/mono type, Nakts Melns card, gold progress, no radii.
   ============================================================================ */
.hero-cabinet {
    margin-bottom: 80px
}
.hero-cabinet__title {
    font-family: Outfit,sans-serif;
    font-size: 30px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 24px;
    letter-spacing: -.7px
}
.hero-cabinet__cont {
    display: flex;
    align-items: flex-start;
    gap: 24px
}
.hero-cabinet__left {
    width: 61%;
    background: #fff;
    border: 1px solid rgba(10,10,10,.1);
    border-radius: 0;
    padding: 38px;
    box-shadow: 0 10px 22px 0 #0000000D,0 40px 40px 0 #0000000A
}
.hero-cabinet__points {
    display: flex;
    justify-content: space-between;
    column-gap: 20px
}
.hero-cabinet__points-label {
    grid-column: 1;
    grid-row: 1;
    font-family: Outfit,sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    letter-spacing: .4px
}
.hero-cabinet__rate {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    font-size: 14px;
    color: #000;
    background: #f2f1ec;
    border-radius: 0;
    padding: 3px 11px;
    white-space: nowrap;
    letter-spacing: .2px
}
.hero-cabinet__points-value {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 22px
}
.hero-cabinet__points-num {
    font-family: Outfit,sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 1;
    color: #0a0a0a
}
.hero-cabinet__gem {
    width: 20px;
    height: auto;
    flex-shrink: 0;
    color: #0a0a0a
}
.hero-cabinet__points-worth {
    margin-left: 10px;
    font-size: 16px;
    color: #000;
    position: relative
}
.hero-cabinet__points-worth:before {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -14px;
    width: 1px;
    background: #0000001A
}
.hero-cabinet__points-note {
    grid-column: 1;
    grid-row: 3;
    max-width: 220px;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(0,0,0,.4)
}
.hero-cabinet__link {
    display: inline-flex;
    grid-column: 1;
    grid-row: 4;
    justify-self: start;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #0a0a0a;
    text-decoration: underline
}
.hero-cabinet__use {
    font-family: var(--gl-mono);
    text-transform: uppercase;
    letter-spacing: .16em;
    grid-column: 2;
    grid-row: 4;
    align-self: end;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 18px;
    border: 1px solid #0a0a0a;
    border-radius: 0;
    background: #0a0a0a;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: opacity .2s ease
}
.hero-cabinet__terms {
    margin-top: 55px;
    position: relative
}
.hero-cabinet__terms-title {
    font-family: Outfit,sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #000
}
.hero-cabinet__terms-sub {
    margin-top: 4px;
    font-size: 14px;
    color: rgba(0,0,0,.4)
}
.hero-cabinet__table {
    margin-top: 20px
}
.hero-cabinet__table-head,
.hero-cabinet__table-row {
    display: grid;
    grid-template-columns: 1.2fr 1.4fr 1fr;
    align-items: center
}
.hero-cabinet__table-head {
    padding-bottom: 12px;
    font-size: 12px;
    color: rgba(0,0,0,.4)
}
.hero-cabinet__table-row {
    background-color: #fff;
    padding: 14px 0;
    box-shadow: 0 8px 16px 0 #0000000D;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
    position: relative
}
span.hero-cabinet__table-c1 {
    padding-left: 14px
}
.hero-cabinet__table-c2 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(0,0,0,.55);
    padding-left: 10px
}
.hero-cabinet__table-c2 svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0
}
.hero-cabinet__table-c2.red {
    color: #d93a3a;
    font-weight: 500
}
.hero-cabinet__table-c2.orange {
    color: #e1962f;
    font-weight: 500
}
.hero-cabinet__table-c3 {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-right: 16px
}
.hero-cabinet__table-c3 .hero-cabinet__gem {
    width: 16px
}
.hero-cabinet__right {
    width: 40%;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 10px 20px 2px #0000000D,0 40px 40px 0 #0000000D
}
.hero-cabinet__card {
    border-radius: 0;
    position: relative;
    min-height: 195px;
    padding: 22px 24px 5px;
    display: flex;
    flex-direction: column;
    color: #fff;
    background: #0a0a0a
}
.hero-cabinet__card:before {
    display: none
}
img.hero-cabinet-bg-left {
    display: none
}
img.hero-cabinet-bg-right {
    display: none
}
.hero-cabinet__card-logo span:first-child {
    display: block;
    font-family: Outfit,sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: .34em;
    text-indent: .34em;
    color: #fff;
    margin-bottom: 8px
}
.hero-cabinet__card-logo span:nth-child(2) {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    letter-spacing: 3px
}
.hero-cabinet__card-logo img.hero-cabinet__card-logo-logo {
    filter: invert(1);
    width: 122px;
    display: block;
    margin-bottom: 8px
}
.hero-cabinet__card-level {
    position: absolute;
    top: 18px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px
}
.hero-cabinet__card-level svg,.hero-cabinet__card-level img {
    width: 20px;
    height: 20px
}
.hero-cabinet__card-barcode {
    margin-top: auto;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}
.hero-cabinet__points-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
.hero-cabinet__card-barcode img {
    height: 64px;
    width: auto;
    padding: 5px 10px;
    border-radius: 0;
    background: #fff
}
.hero-cabinet__card-barcode span {
    margin-top: 4px;
    font-size: 11px;
    letter-spacing: 1px
}
.hero-cabinet__progress {
    padding: 24px 22px 26px;
    display: flex;
    flex-direction: column
}
.hero-cabinet__progress-label {
    font-size: 14px;
    color: #000;
    display: flex;
    justify-content: space-between
}
.hero-cabinet-tooltip {
    position: relative;
    flex-shrink: 0
}
.hero-cabinet-tooltip__icon {
    background: #0a0a0a26;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}
.hero-cabinet-tooltip__desc {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 3;
    top: calc(100% + 8px);
    right: 0;
    width: 230px;
    padding: 8px 10px;
    border-radius: 2px;
    background: #f2f1ec;
    color: #000;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: 0 8px 16px 0 #0000000D;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out
}
.hero-cabinet-tooltip:hover .hero-cabinet-tooltip__desc {
    opacity: 1;
    visibility: visible
}
.hero-cabinet__progress-label b {
    font-weight: 600
}
.hero-cabinet__progress-value {
    margin-top: 8px;
    font-family: Outfit,sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: #0a0a0a;
    display: flex;
    align-items: center;
    gap: 4px
}
.hero-cabinet__progress-value svg {
    width: 16px;
    height: 16px
}
.hero-cabinet__progress-bar {
    margin-top: 8px;
    height: 8px;
    border-radius: 0;
    background: #e7e7e7;
    overflow: hidden
}
.hero-cabinet__progress-bar-fill {
    height: 100%;
    border-radius: 0;
    background: var(--gl-gold,#cfb023)
}
.hero-cabinet__progress-count {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    font-size: 12px;
    color: rgba(0,0,0,.4)
}
.hero-cabinet__progress-count span:first-child {
    color: #000000CC
}
.hero-cabinet__shop {
    font-family: var(--gl-mono);
    text-transform: uppercase;
    letter-spacing: .16em;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    border: 1px solid #0a0a0a;
    border-radius: 0;
    background: #fff;
    color: #0a0a0a;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease,color .2s ease
}
.hero-cabinet__progress-text {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0,0,0,.4)
}
.hero-cabinet__table-empty {
    margin-top: 16px;
    font-size: 14px;
    color: rgba(0,0,0,.55)
}
.hero-cabinet__card-name {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 14px;
    line-height: 1.4
}
.hero-cabinet__card-name span:nth-child(2) {
    font-size: 12px;
    letter-spacing: 1px;
    opacity: .85
}
@media (min-width: 981px) {
    .hero-cabinet__use:hover {
        background: var(--gl-gold,#cfb023);
        border-color: var(--gl-gold,#cfb023);
        color: #0a0a0a;
        opacity: 1
    }
    .hero-cabinet__shop:hover {
        background: #0a0a0a;
        color: #fff
    }
}
@media (max-width: 1380px) {
    .hero-cabinet__left {
        padding: 30px
    }
}
@media (max-width: 1130px) {
    .hero-cabinet__title {
        font-size: 26px
    }
}
@media (max-width: 810px) {
    .hero-cabinet__cont {
        flex-direction: column;
        gap: 20px
    }
    .hero-cabinet__left,.hero-cabinet__right {
        width: 100%
    }
    .hero-cabinet__left {
        padding: 24px 18px
    }
    .hero-cabinet__points {
        display: block
    }
    .hero-cabinet__points-head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px
    }
    .hero-cabinet__points-note {
        max-width: none
    }
    .hero-cabinet__points-num {
        font-size: 28px
    }
    .hero-cabinet__link {
        display: inline-block
    }
    .hero-cabinet__use {
        width: 100%;
        height: 48px;
        margin-top: 20px;
        padding: 0
    }
    .hero-cabinet__terms {
        margin-top: 28px
    }
}
@media (max-width: 575px) {
    .hero-cabinet__title {
        font-size: 22px;
        margin-bottom: 18px
    }
    .hero-cabinet__table-head,.hero-cabinet__table-row {
        grid-template-columns: 1fr 1fr auto;
        font-size: 12px
    }
    .hero-cabinet__card {
        min-height: 168px
    }
    .hero-cabinet__card-logo span:first-child {
        font-size: 22px
    }
}

/* ============================================================================
   12. ACCOUNT BONUSES & COUPONS TABS + POINTS HISTORY (account/account.twig,
   tabs c4/c5). Ported from style/component/cabinet-new.css (.history-coupons*),
   which goldlight does not load; goldlight treatment: mono tab labels, black
   active label with gold hairline, --gl-rule divider, no radii.
   ============================================================================ */
.history-coupons__desc {
    color: #00000080;
    font-size: 14px;
    margin-top: 8px;
}
.history-coupons__list {
    margin-top: 24px;
}
.history-coupons__tabs-overflow {
    overflow: auto;
    scrollbar-width: none;
}
.history-coupons__tabs {
    display: flex;
    gap: 34px;
    position: relative;
    width: max-content;
    padding-right: 20px;
    min-width: 100%;
}
.history-coupons__tabs:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--gl-rule);
}
.history-coupons__tab {
    padding: 4px 0;
    font-size: 16px;
    cursor: pointer;
    font-family: var(--gl-mono);
    transition: color 0.3s ease-in-out;
}
.history-coupons__tab.active {
    color: var(--gl-black,#0a0a0a);
    position: relative;
    font-weight: 500;
}
.history-coupons__tab.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: var(--gl-gold,#cfb023);
}
.history-coupons__tab-res {
    display: none;
}
.history-coupons__tab-res.active {
    display: block;
}
.history-coupons__table {
    margin-top: 22px;
}
.history-coupons__table-th {
    display: flex;
    padding: 10px 0;
    box-shadow: 0 8px 16px 0px #0000000D;
    height: 36px;
    margin-bottom: 4px;
}
.history-coupons__table-th-date,
.history-coupons__table-th-transaction,
.history-coupons__table-th-points,
.history-coupons__table-th-remaining {
    width: 25%;
    color: #00000080;
    font-size: 12px;
}
.history-coupons__table-th {
    padding-left: 20px;
}
.history-coupons__table-th-transaction {
    padding-left: 18px;
}
.history-coupons__table-th-points {
    text-align: center;
    width: 32%;
}
.history-coupons__table-th-remaining {
    text-align: right;
    padding-right: 20px;
}
.history-coupons__table-td {
    display: flex;
    height: 64px;
    margin-bottom: 4px;
    background: #fff;
    box-shadow: 0 8px 16px 0 #0000000D;
}
.history-coupons__table-td-date,
.history-coupons__table-td-transaction,
.history-coupons__table-td-points,
.history-coupons__table-td-remaining {
    width: 25%;
    color: #000000;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.history-coupons__table-td-date {
    padding-left: 20px;
}
.history-coupons__table-td-transaction {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 32px;
    justify-content: center;
    gap: 4px;
}
.history-coupons__table-td-transaction span:nth-child(2) {
    color: #00000080;
}
.history-coupons__table-td-points {
    justify-content: center;
    width: 32%;
}
.history-coupons__table-td-remaining {
    justify-content: flex-end;
    padding-right: 18px;
}
.history-coupons__table-td-points.plus {
    color: #008907;
}
.history-coupons__table-td-points.minus {
    color: #A6164F;
}
.history-coupons-point-xs {
    display: none;
}
@media (max-width: 810px) {
    .history-coupons__table-th {
        display: none;
    }
    .history-coupons__table-td {
        flex-wrap: wrap;
        height: unset;
        padding: 10px 14px;
    }
    .history-coupons__table-td-date {
        width: 100%;
        padding-left: 0;
        margin-bottom: 8px;
        border-radius: 0;
    }
    .history-coupons__table-td-transaction {
        width: 70%;
        padding-left: 0;
        gap: 0;
    }
    .history-coupons__table-td-transaction span:nth-child(1) {
        font-weight: 600;
    }
    .history-coupons__table-td-points {
        display: none;
    }
    .history-coupons__table-td-remaining {
        width: 30%;
        padding-right: 0;
        flex-direction: column;
        align-items: flex-end;
        gap: 2px;
    }
    .history-coupons-point-xs {
        display: block;
        font-weight: 600;
    }
    .history-coupons-point-xs.plus {
        color: #008907;
    }
    .history-coupons-point-xs.minus {
        color: #A6164F;
    }
}