/* =========================================================
   OUTFITARNA v0.6.3 — HOMEPAGE PATCH 10
   Baseline: outfitarna-v0.6.2.css
   Source of truth:
   - Právě dorazilo -> /novinky/
   - Máte je nejradši -> /bestsellery/
   This patch does NOT touch footer/newsletter placement.
   ========================================================= */

/* Hide Shoptet's native homepage product source block.
   Outfitárna renders its own editorial rows below. */
.type-index .homepage-group-title,
.type-index .products-wrapper{
  display:none!important;
}

/* Desktop safe zone. */
@media (min-width:768px){
  .type-index .of-home > .of-section{
    padding-left:32px!important;
    padding-right:32px!important;
  }

  .type-index .of-home > .of-hero,
  .type-index .of-home > .of-seasonal,
  .type-index .of-home > .of-newsletter,
  .type-index .of-home > .of-footer-panel{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Product sections. */
.type-index .of-real-products-section{
  margin-top:0!important;
  padding-top:40px!important;
  padding-bottom:54px!important;
}

.type-index .of-real-products-section .of-section__row-head{
  margin-bottom:26px!important;
}

.type-index .of-product-grid.of-real-product-grid{
  display:grid!important;
  gap:32px 18px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin:0!important;
  width:100%!important;
}

.type-index .of-real-product-grid .of-product-card{
  min-width:0!important;
}

.type-index .of-real-product-grid .of-product-card > a{
  color:inherit!important;
  display:block!important;
  min-width:0!important;
  text-decoration:none!important;
}

.type-index .of-real-product-grid .of-product-media{
  aspect-ratio:4/5!important;
  background:#fff!important;
  display:block!important;
  overflow:hidden!important;
  position:relative!important;
  width:100%!important;
}

.type-index .of-real-product-grid .of-product-media img{
  display:block!important;
  height:100%!important;
  margin:0!important;
  max-height:none!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center top!important;
  width:100%!important;
}

.type-index .of-real-product-grid .of-product-card h3{
  color:var(--of-ink)!important;
  font-family:var(--of-sans)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.3!important;
  margin:14px 0 4px!important;
}

.type-index .of-real-product-grid .of-product-card p{
  color:var(--of-muted)!important;
  font-family:var(--of-sans)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.4!important;
  margin:0!important;
}

.type-index .of-real-product-grid .of-badge{
  background:rgba(248,245,239,.94)!important;
  border:0!important;
  border-radius:0!important;
  color:var(--of-ink)!important;
  font-family:var(--of-sans)!important;
  font-size:9px!important;
  font-weight:900!important;
  left:10px!important;
  letter-spacing:.11em!important;
  line-height:1.2!important;
  padding:6px 8px!important;
  position:absolute!important;
  text-transform:uppercase!important;
  top:10px!important;
  width:auto!important;
  z-index:2!important;
}

/* Keep the simplified hero routing. */
.type-index .of-hero{
  position:relative!important;
}

.type-index .of-hero__primary{
  display:block!important;
  position:relative!important;
  z-index:1!important;
}

.type-index .of-hero__secondary{
  display:none!important;
}

.type-index .of-hero__single-cta{
  align-items:center!important;
  background:var(--of-ink)!important;
  border:1px solid var(--of-ink)!important;
  color:var(--of-bg)!important;
  display:flex!important;
  font-family:var(--of-sans)!important;
  font-size:11px!important;
  font-weight:900!important;
  justify-content:center!important;
  left:7.6%!important;
  letter-spacing:.09em!important;
  min-height:48px!important;
  padding:0 26px!important;
  position:absolute!important;
  text-transform:uppercase!important;
  top:55.6%!important;
  width:31.5%!important;
  z-index:6!important;
}

.type-index .of-hero__single-cta:hover,
.type-index .of-hero__single-cta:focus{
  background:var(--of-accent)!important;
  border-color:var(--of-accent)!important;
  color:#fff!important;
}

@media (max-width:767px){
  .type-index .of-real-products-section{
    padding-top:36px!important;
    padding-bottom:46px!important;
  }

  .type-index .of-product-grid.of-real-product-grid{
    gap:28px 12px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .type-index .of-real-product-grid .of-product-card h3{
    font-size:13px!important;
  }

  .type-index .of-real-product-grid .of-product-card p{
    font-size:12px!important;
  }

  .type-index .of-hero__single-cta{
    bottom:20px!important;
    font-size:10px!important;
    left:18px!important;
    min-height:44px!important;
    padding:0 18px!important;
    right:18px!important;
    top:auto!important;
    width:auto!important;
  }
}
/* === M6.3 patch10b: homepage hover === */
.type-index .of-real-product-grid .of-product-media img{
  transition:transform .35s ease!important;
}

@media (hover:hover) and (pointer:fine){
  .type-index .of-real-product-grid .of-product-card:hover .of-product-media img,
  .type-index .of-real-product-grid .of-product-card:focus-within .of-product-media img{
    transform:scale(1.018)!important;
  }

  .type-index .of-real-product-grid .of-product-card:hover h3,
  .type-index .of-real-product-grid .of-product-card:focus-within h3{
    color:var(--of-accent)!important;
  }
}

/* === M6.3 patch10c: visible sizes on all product cards === */
.type-index .of-product-sizes{
  color:var(--of-muted)!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  line-height:1.4!important;
  margin-top:5px!important;
  white-space:pre-wrap;
}

/* Native Shoptet output on category/search listings. */
body.type-category.template-14:not(.in-outfity) .products-block .p-param-block,
body.type-search.template-14 .products-block .p-param-block{
  color:var(--of-muted)!important;
  display:block!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  line-height:1.4!important;
  margin:5px 0 0!important;
  text-transform:none!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .p-param-block *,
body.type-search.template-14 .products-block .p-param-block *{
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  text-transform:none!important;
}

/* === M6.3 patch10b: stable full-width footer, same visual safe zone as homepage === */
.of-global-footer-root{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:100%!important;
}

.of-global-newsletter,
.of-global-footer{
  box-sizing:border-box!important;
  left:50%!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:none!important;
  position:relative!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
}

.of-global-newsletter{
  padding-left:32px!important;
  padding-right:32px!important;
}

.of-global-footer{
  padding-left:32px!important;
  padding-right:32px!important;
}

@media (max-width:767px){
  .of-global-newsletter,
  .of-global-footer{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .type-index .of-product-sizes a,
  body.type-category.template-14:not(.in-outfity) .products-block a[href*="variantId="],
  body.type-search.template-14 .products-block a[href*="variantId="]{
    font-size:12px!important;
  }
}

/* =========================================================
   OUTFITARNA typography legibility pass
   Goal: preserve editorial hierarchy, raise undersized UI/body text.
   ========================================================= */

/* General readable baseline for ordinary prose generated by Shoptet. */
body{
  font-size:16px;
}

/* Announcement + primary navigation. */
body::before{
  font-size:12px!important;
  letter-spacing:.11em!important;
}

#navigation a{
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  line-height:1.35!important;
}

#navigation .menu-level-2 a{
  font-size:13px!important;
  letter-spacing:.06em!important;
}

/* Small editorial labels and CTAs: keep them compact, not microscopic. */
.of-kicker{
  font-size:12px!important;
  letter-spacing:.14em!important;
}

.of-btn,
.of-link-cta,
.of-section__row-head a,
.type-index .of-hero__single-cta{
  font-size:12px!important;
  letter-spacing:.10em!important;
}

/* Homepage product typography. */
.type-index .of-real-product-grid .of-product-card h3{
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.32!important;
}

.type-index .of-real-product-grid .of-product-price{
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.3!important;
}

/* Shop the Look: noticeably more readable without changing layout. */
.of-look__intro{
  font-size:17px!important;
  line-height:1.65!important;
}

.of-look-product strong{
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.35!important;
}

.of-look-product em{
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.4!important;
}

/* Trust/newsletter/footer body text. */
.of-trust__item h3{
  font-size:14px!important;
  letter-spacing:.10em!important;
}

.of-trust__item p{
  font-size:15px!important;
}

.of-newsletter p:not(.of-kicker){
  font-size:16px!important;
}

.of-newsletter__form label,
.of-newsletter__form.subscribe-form label[for="of-global-newsletter-email"],
.of-newsletter__form button,
.of-newsletter__form.subscribe-form button{
  font-size:12px!important;
}

.of-footer-brand p{
  font-size:15px!important;
}

.of-footer-columns h3{
  font-size:12px!important;
  letter-spacing:.11em!important;
}

.of-footer-columns a,
.of-footer-columns span,
.of-footer-cookie{
  font-size:15px!important;
  line-height:1.75!important;
}

/* PLP/search product cards: 14px was borderline small on desktop. */
body.type-category.template-14:not(.in-outfity) .products-block .name,
body.type-search.template-14 .products-block .name{
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.38!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .price,
body.type-category.template-14:not(.in-outfity) .products-block .price-final,
body.type-search.template-14 .products-block .price,
body.type-search.template-14 .products-block .price-final{
  font-size:15px!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .availability,
body.type-search.template-14 .products-block .availability{
  font-size:12px!important;
  letter-spacing:.04em!important;
}

/* Filters / breadcrumbs / compact controls. */
body.type-page .breadcrumbs,
body.type-page .navigation-home-icon-wrapper,
body.type-page .navigation-first,
body:not(.type-index):not(.type-category) .breadcrumbs{
  font-size:12px!important;
}

body.type-category.template-14:not(.in-outfity) .subcategories a,
body.type-category.template-14:not(.in-outfity) #category-header .listSorting__control{
  font-size:12px!important;
}

/* PDP utility text. */
body.type-detail .detail-parameter span{
  font-size:13px!important;
}

body.type-detail .link-icons .link-icon,
body.type-detail .shp-tab a{
  font-size:12px!important;
}

/* Information/legal pages already use 16px body copy; keep it there. */
body.type-page #content p,
body.type-page #content li,
body.type-detail .description-inner{
  font-weight:400;
}

/* Mobile: don't let product/UI text collapse to 12–13px. */
@media (max-width:767px){
  #navigation a{
    font-size:14px!important;
  }

  .type-index .of-real-product-grid .of-product-card h3,
  body.type-category.template-14:not(.in-outfity) .products-block .name,
  body.type-search.template-14 .products-block .name{
    font-size:14px!important;
  }

  .type-index .of-real-product-grid .of-product-price,
  body.type-category.template-14:not(.in-outfity) .products-block .price,
  body.type-category.template-14:not(.in-outfity) .products-block .price-final,
  body.type-search.template-14 .products-block .price,
  body.type-search.template-14 .products-block .price-final{
    font-size:14px!important;
  }

  .type-index .of-product-sizes,
  body.type-category.template-14:not(.in-outfity) .products-block .p-param-block,
  body.type-search.template-14 .products-block .p-param-block{
    font-size:13px!important;
  }

  .of-look-product strong{
    font-size:15px!important;
  }

  .of-look-product em{
    font-size:13px!important;
  }
}

/* =========================================================
   OUTFITARNA v0.6.3 — PATCH10D
   Product-card hierarchy: price, sizes, badges
   ========================================================= */

:root{
  --of-price:#7a5e43;
}

/* --- PRICE: larger + dark brown, all product listings --- */
.type-index .of-real-product-grid .of-product-price,
body.type-category.template-14:not(.in-outfity) .products-block .price,
body.type-category.template-14:not(.in-outfity) .products-block .price-final,
body.type-search.template-14 .products-block .price,
body.type-search.template-14 .products-block .price-final{
  color:var(--of-price)!important;
  font-family:var(--of-sans)!important;
  font-size:17px!important;
  font-weight:850!important;
  line-height:1.25!important;
  margin-top:7px!important;
}

/* --- SIZES: smaller than price, normal weight, aligned left --- */
.type-index .of-product-sizes,
body.type-category.template-14:not(.in-outfity) .products-block .p-param-block,
body.type-search.template-14 .products-block .p-param-block{
  align-items:center!important;
  color:var(--of-muted)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px 16px!important;
  justify-content:flex-start!important;
  margin:7px 0 0!important;
  padding:0!important;
  text-align:left!important;
  width:100%!important;
}

.type-index .of-product-sizes,
.type-index .of-product-sizes *,
body.type-category.template-14:not(.in-outfity) .products-block .p-param-block,
body.type-category.template-14:not(.in-outfity) .products-block .p-param-block *,
body.type-search.template-14 .products-block .p-param-block,
body.type-search.template-14 .products-block .p-param-block *{
  color:var(--of-muted)!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  line-height:1.35!important;
  text-align:left!important;
  text-decoration:none!important;
  text-transform:none!important;
}

/* Don't let Shoptet center a single visible size. */
body.type-category.template-14:not(.in-outfity) .products-block .p-param-block > *,
body.type-search.template-14 .products-block .p-param-block > *{
  margin-left:0!important;
  margin-right:0!important;
}

/* Product names stay visually stronger than the sizes. */
.type-index .of-real-product-grid .of-product-card h3,
body.type-category.template-14:not(.in-outfity) .products-block .name,
body.type-search.template-14 .products-block .name{
  color:var(--of-ink)!important;
  font-weight:800!important;
}

/* --- FLAGS: same readable size on homepage + native PLP/search --- */
.type-index .of-real-product-grid .of-badge,
body.type-category.template-14:not(.in-outfity) .products-block .flag,
body.type-search.template-14 .products-block .flag{
  font-family:var(--of-sans)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  padding:8px 10px!important;
  text-transform:uppercase!important;
}

/* Keep homepage badge dimensions visually consistent with Shoptet cards. */
.type-index .of-real-product-grid .of-badge{
  left:10px!important;
  top:10px!important;
}

/* Native availability remains secondary below sizes. */
body.type-category.template-14:not(.in-outfity) .products-block .availability,
body.type-search.template-14 .products-block .availability{
  color:var(--of-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  margin-top:10px!important;
}

/* Mobile product hierarchy. */
@media (max-width:767px){
  .type-index .of-real-product-grid .of-product-price,
  body.type-category.template-14:not(.in-outfity) .products-block .price,
  body.type-category.template-14:not(.in-outfity) .products-block .price-final,
  body.type-search.template-14 .products-block .price,
  body.type-search.template-14 .products-block .price-final{
    font-size:16px!important;
  }

  .type-index .of-product-sizes,
  .type-index .of-product-sizes *,
  body.type-category.template-14:not(.in-outfity) .products-block .p-param-block,
  body.type-category.template-14:not(.in-outfity) .products-block .p-param-block *,
  body.type-search.template-14 .products-block .p-param-block,
  body.type-search.template-14 .products-block .p-param-block *{
    font-size:13px!important;
  }

  .type-index .of-real-product-grid .of-badge,
  body.type-category.template-14:not(.in-outfity) .products-block .flag,
  body.type-search.template-14 .products-block .flag{
    font-size:10px!important;
    padding:7px 9px!important;
  }
}
/* =========================================================
   OUTFITARNA v0.6.3 — PATCH10E
   One visual system for homepage + native Samba product cards.
   ========================================================= */

:root{
  --of-card-price:#765a42;
}

/* ---------- HOMEPAGE ---------- */
body.type-index .of-real-product-grid .of-product-card{
  display:block!important;
  height:auto!important;
}

body.type-index .of-real-product-grid .of-product-card h3{
  margin:14px 0 0!important;
}

body.type-index .of-real-product-grid .of-card-meta{
  display:block!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

body.type-index .of-real-product-grid .of-product-price{
  color:var(--of-card-price)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  margin:7px 0 0!important;
  text-align:left!important;
}

body.type-index .of-real-product-grid .of-product-sizes{
  color:var(--of-muted)!important;
  display:block!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.4!important;
  margin:7px 0 0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:none!important;
}

body.type-index .of-real-product-grid .of-product-availability{
  color:var(--of-muted)!important;
  display:block!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  line-height:1.35!important;
  margin:6px 0 0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:uppercase!important;
}


/* ---------- NATIVE CATEGORY + SEARCH CARDS ---------- */
body.type-category.template-14:not(.in-outfity) .products-block .p,
body.type-search.template-14 .products-block .p{
  height:auto!important;
  min-height:0!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .p-in,
body.type-search.template-14 .products-block .p-in{
  display:block!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  padding:13px 0 0!important;
  text-align:left!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .p-in-in,
body.type-search.template-14 .products-block .p-in-in{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  text-align:left!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .p-bottom,
body.type-search.template-14 .products-block .p-bottom{
  align-items:flex-start!important;
  display:block!important;
  flex:0 0 auto!important;
  gap:0!important;
  height:auto!important;
  justify-content:flex-start!important;
  margin:7px 0 0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
}

/* Remove inherited large spacing from children in the information stack. */
body.type-category.template-14:not(.in-outfity) .products-block .p-bottom > *,
body.type-search.template-14 .products-block .p-bottom > *{
  align-self:flex-start!important;
  height:auto!important;
  min-height:0!important;
  text-align:left!important;
}

/* Price */
body.type-category.template-14:not(.in-outfity) .products-block .prices,
body.type-search.template-14 .products-block .prices{
  display:flex!important;
  flex:0 0 auto!important;
  gap:4px 8px!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .price,
body.type-category.template-14:not(.in-outfity) .products-block .price-final,
body.type-search.template-14 .products-block .price,
body.type-search.template-14 .products-block .price-final{
  color:var(--of-card-price)!important;
  font-family:var(--of-sans)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

/* Any Samba size/variant block inside a listing card.
   Broad class matching is intentional and scoped to product-card metadata. */
body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="variant"],
body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="param"],
body.type-search.template-14 .products-block .p-in [class*="variant"],
body.type-search.template-14 .products-block .p-in [class*="param"]{
  align-items:flex-start!important;
  color:var(--of-muted)!important;
  display:block!important;
  float:none!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:500!important;
  height:auto!important;
  justify-content:flex-start!important;
  letter-spacing:0!important;
  line-height:1.4!important;
  margin:7px 0 0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:none!important;
  width:100%!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="variant"] *,
body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="param"] *,
body.type-search.template-14 .products-block .p-in [class*="variant"] *,
body.type-search.template-14 .products-block .p-in [class*="param"] *{
  color:var(--of-muted)!important;
  float:none!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:0!important;
  line-height:1.4!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  text-decoration:none!important;
  text-transform:none!important;
}

/* Stock status */
body.type-category.template-14:not(.in-outfity) .products-block .availability,
body.type-search.template-14 .products-block .availability{
  color:var(--of-muted)!important;
  display:block!important;
  float:none!important;
  font-family:var(--of-sans)!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  line-height:1.35!important;
  margin:6px 0 0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:uppercase!important;
}

body.type-category.template-14:not(.in-outfity) .products-block .availability *,
body.type-search.template-14 .products-block .availability *{
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}


/* ---------- FLAGS ---------- */
body.type-index .of-real-product-grid .of-badge,
body.type-category.template-14:not(.in-outfity) .products-block .flag,
body.type-search.template-14 .products-block .flag{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  line-height:1!important;
  padding:8px 10px!important;
}


/* ---------- MOBILE ---------- */
@media (max-width:767px){
  body.type-index .of-real-product-grid .of-product-price,
  body.type-category.template-14:not(.in-outfity) .products-block .price,
  body.type-category.template-14:not(.in-outfity) .products-block .price-final,
  body.type-search.template-14 .products-block .price,
  body.type-search.template-14 .products-block .price-final{
    font-size:16px!important;
  }

  body.type-index .of-real-product-grid .of-product-sizes,
  body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="variant"],
  body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="param"],
  body.type-search.template-14 .products-block .p-in [class*="variant"],
  body.type-search.template-14 .products-block .p-in [class*="param"],
  body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="variant"] *,
  body.type-category.template-14:not(.in-outfity) .products-block .p-in [class*="param"] *,
  body.type-search.template-14 .products-block .p-in [class*="variant"] *,
  body.type-search.template-14 .products-block .p-in [class*="param"] *{
    font-size:13px!important;
  }

  body.type-index .of-real-product-grid .of-product-availability,
  body.type-category.template-14:not(.in-outfity) .products-block .availability,
  body.type-search.template-14 .products-block .availability{
    font-size:12px!important;
  }
}
/* =========================================================
   OUTFITARNA v0.6.3 — PATCH10F FINAL PRODUCT-CARD SYSTEM
   Homepage is the visual source of truth.
   Applies the same badge + metadata hierarchy to every product listing.
   ========================================================= */

:root{
  --of-card-price:#765a42;
  --of-card-meta:#74695f;
}

/* ---------- SAME BADGE EVERYWHERE ---------- */
body.type-index .of-real-product-grid .of-badge,
body .products-block .flag{
  background:rgba(248,245,239,.94)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--of-ink)!important;
  display:inline-block!important;
  font-family:var(--of-sans)!important;
  font-size:11px!important;
  font-weight:800!important;
  height:auto!important;
  letter-spacing:.07em!important;
  line-height:1!important;
  min-width:0!important;
  padding:8px 10px!important;
  text-align:left!important;
  text-transform:uppercase!important;
  width:auto!important;
}

body .products-block .flags{
  align-items:flex-start!important;
  display:flex!important;
  gap:6px!important;
  left:10px!important;
  right:auto!important;
  top:10px!important;
  width:auto!important;
}

/* ---------- SAME PRODUCT INFO RHYTHM EVERYWHERE ---------- */
body.type-index .of-real-product-grid .of-product-card h3,
body .products-block .p .name{
  color:var(--of-ink)!important;
  font-family:var(--of-sans)!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.32!important;
  margin:13px 0 0!important;
  min-height:0!important;
  text-align:left!important;
}

body.type-index .of-real-product-grid .of-card-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

body.type-index .of-real-product-grid .of-product-price,
body .products-block .price,
body .products-block .price-final{
  color:var(--of-card-price)!important;
  font-family:var(--of-sans)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  margin:7px 0 0!important;
  padding:0!important;
  text-align:left!important;
}

/* Native Shoptet wrappers must not create vertical dead space. */
body .products-block .p{
  height:auto!important;
  min-height:0!important;
}

body .products-block .p-in{
  display:block!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
}

body .products-block .p-in-in{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

body .products-block .p-bottom{
  align-items:flex-start!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  gap:0!important;
  height:auto!important;
  justify-content:flex-start!important;
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
}

body .products-block .p-bottom > *{
  align-self:flex-start!important;
  height:auto!important;
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
}

body .products-block .prices{
  align-items:baseline!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px 8px!important;
  justify-content:flex-start!important;
  margin:7px 0 0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
}

/* ---------- SIZE: ONLY SIZE, LIGHT, LEFT ---------- */
body.type-index .of-real-product-grid .of-product-sizes,
body .products-block .p-param-block{
  color:var(--of-card-meta)!important;
  display:block!important;
  float:none!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:500!important;
  height:auto!important;
  letter-spacing:0!important;
  line-height:1.4!important;
  margin:6px 0 0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:none!important;
  width:100%!important;
}

body .products-block .p-param-block *{
  color:var(--of-card-meta)!important;
  display:inline!important;
  float:none!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:0!important;
  line-height:1.4!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  text-decoration:none!important;
  text-transform:none!important;
  width:auto!important;
}

/* ---------- STOCK: DIRECTLY UNDER SIZE ---------- */
body.type-index .of-real-product-grid .of-product-availability,
body .products-block .availability{
  color:var(--of-card-meta)!important;
  display:block!important;
  float:none!important;
  font-family:var(--of-sans)!important;
  font-size:13px!important;
  font-weight:650!important;
  height:auto!important;
  letter-spacing:.035em!important;
  line-height:1.35!important;
  margin:5px 0 0!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:uppercase!important;
  width:100%!important;
}

body .products-block .availability *{
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

/* Homepage fallback data must never show the PDP suffix
   "Skladem (price)" next to size; JS strips it, CSS keeps the line clean. */
body.type-index .of-real-product-grid .of-product-sizes{
  white-space:pre-wrap!important;
}

/* ---------- MOBILE ---------- */
@media (max-width:767px){
  body.type-index .of-real-product-grid .of-product-card h3,
  body .products-block .p .name{
    font-size:14px!important;
  }

  body.type-index .of-real-product-grid .of-product-price,
  body .products-block .price,
  body .products-block .price-final{
    font-size:16px!important;
  }

  body.type-index .of-real-product-grid .of-product-sizes,
  body .products-block .p-param-block,
  body .products-block .p-param-block *{
    font-size:13px!important;
  }

  body.type-index .of-real-product-grid .of-product-availability,
  body .products-block .availability{
    font-size:12px!important;
  }

  body.type-index .of-real-product-grid .of-badge,
  body .products-block .flag{
    font-size:10px!important;
    padding:7px 9px!important;
  }
}
/* =========================================================
   OUTFITARNA v0.6.3 — PATCH10G
   TRUE PRODUCT-CARD NORMALIZATION
   Native Samba metadata is rebuilt into the same markup used on homepage.
   ========================================================= */

/* Original Samba price / size / availability wrappers are hidden only
   after JS has copied their content into the unified metadata block. */
body:not(.type-index) .products-block .of-native-card-meta-source{
  display:none!important;
  height:0!important;
  margin:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
}

/* The exact same metadata stack on homepage and every native product list. */
body .products-block .of-card-meta--normalized,
body.type-index .of-real-product-grid .of-card-meta{
  align-items:flex-start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  width:100%!important;
}

body .products-block .of-card-meta--normalized .of-product-price,
body.type-index .of-real-product-grid .of-product-price{
  color:var(--of-card-price)!important;
  font-family:var(--of-sans)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  margin:7px 0 0!important;
  padding:0!important;
  text-align:left!important;
}

body .products-block .of-card-meta--normalized .of-product-sizes,
body.type-index .of-real-product-grid .of-product-sizes{
  color:var(--of-card-meta)!important;
  display:block!important;
  font-family:var(--of-sans)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:0!important;
  line-height:1.4!important;
  margin:6px 0 0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:none!important;
}

body .products-block .of-card-meta--normalized .of-product-availability,
body.type-index .of-real-product-grid .of-product-availability{
  color:var(--of-card-meta)!important;
  display:block!important;
  font-family:var(--of-sans)!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  line-height:1.35!important;
  margin:5px 0 0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:uppercase!important;
}

/* Native cards no longer need Shoptet's equal-height info wrappers. */
body:not(.type-index) .products-block .p,
body:not(.type-index) .products-block .p-in,
body:not(.type-index) .products-block .p-in-in{
  height:auto!important;
  min-height:0!important;
}

body:not(.type-index) .products-block .p-in{
  display:block!important;
  padding:13px 0 0!important;
}

body:not(.type-index) .products-block .name{
  margin:0!important;
  min-height:0!important;
}

/* Keep the homepage badge as the single visual source of truth. */
body.type-index .of-real-product-grid .of-badge,
body .products-block .flag{
  background:rgba(248,245,239,.94)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--of-ink)!important;
  font-family:var(--of-sans)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  line-height:1!important;
  padding:8px 10px!important;
  text-transform:uppercase!important;
}

@media (max-width:767px){
  body .products-block .of-card-meta--normalized .of-product-price,
  body.type-index .of-real-product-grid .of-product-price{
    font-size:16px!important;
  }

  body .products-block .of-card-meta--normalized .of-product-sizes,
  body.type-index .of-real-product-grid .of-product-sizes{
    font-size:13px!important;
  }

  body .products-block .of-card-meta--normalized .of-product-availability,
  body.type-index .of-real-product-grid .of-product-availability{
    font-size:12px!important;
  }

  body.type-index .of-real-product-grid .of-badge,
  body .products-block .flag{
    font-size:10px!important;
    padding:7px 9px!important;
  }
}