/* Dreamfall Final · polish RC2
   Sober, direct, mobile-first. Loaded after legacy styles on purpose. */
:root{
  --df-pink:#ff347f;
  --df-black:#111;
  --df-ink:#171717;
  --df-muted:#6f6a64;
  --df-line:#e9e5df;
  --df-soft:#f7f5f2;
  --df-max:1460px;
}
html,body{overflow-x:hidden}.df-final-body{background:#fff;color:var(--df-ink);font-size:16px}
.df-ui-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* header */
.df-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--df-line);box-shadow:none}
.df-header-main{max-width:var(--df-max);min-height:68px;padding:0 16px;gap:18px}
.df-logo{font-size:21px!important;letter-spacing:-.05em!important}
.df-desktop-nav{gap:28px}.df-desktop-nav a{font-size:10px!important;font-weight:750!important;letter-spacing:.045em!important;color:#2b2927;transition:opacity .18s}.df-desktop-nav a:hover{opacity:.55}
.df-header-actions{gap:7px}
.df-icon-link,.df-account-link{border-radius:10px!important;border-color:var(--df-line)!important;min-height:40px!important;background:#fff!important;color:#111!important;font-size:9px!important;letter-spacing:.035em!important;font-weight:750!important}
.df-header-icon-only{width:42px;padding:0!important;gap:2px}.df-header-icon-only .df-ui-icon{width:17px;height:17px}.df-header-icon-only span{font-size:8px;margin:0!important;align-self:flex-start;margin-top:9px!important}
.df-account-link{gap:7px;padding:0 13px!important}.df-account-link.primary{background:#111!important;color:#fff!important;border-color:#111!important}.df-account-link .df-ui-icon{width:16px;height:16px}
.df-mobile-account-row{display:flex!important;gap:8px!important;padding:8px 12px 10px!important;border-top:1px solid #f3f0ec!important;background:#fff!important}
.df-mobile-account-action{flex:1;min-height:42px!important;border:1px solid var(--df-line);border-radius:10px;display:flex!important;align-items:center;justify-content:center;gap:8px;padding:0 10px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.035em!important}
.df-mobile-account-action.primary{background:#111;color:#fff;border-color:#111}.df-mobile-account-action .df-ui-icon{width:16px;height:16px}
.df-main{max-width:var(--df-max)!important;margin:0 auto!important;padding:0 14px 64px!important;min-width:0}

/* hero: actual slider canvas, no phantom blank space */
.df-hero{height:auto!important;min-height:0!important;max-height:none!important;margin:14px 0 26px!important;border-radius:14px!important;overflow:hidden!important;background:#f1efec!important}
.df-hero-track{position:relative!important;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/4;background:#ece9e5}
.df-hero-slide{position:absolute!important;inset:0!important;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;pointer-events:none}
.df-hero-slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.df-hero-slide picture,.df-hero-slide img{width:100%!important;height:100%!important;display:block!important}.df-hero-slide img{position:absolute!important;inset:0!important;object-fit:cover!important;object-position:center!important}
.df-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.03) 28%,rgba(0,0,0,.52) 100%)!important}
.df-hero-copy{left:20px!important;right:20px!important;bottom:25px!important;max-width:610px!important;color:#fff!important}.df-hero-copy.pos-center{margin:auto;text-align:center}.df-hero-copy.pos-right{margin-left:auto;text-align:right}
.df-hero-copy>span{font-size:9px!important;letter-spacing:.14em!important;font-weight:800!important}.df-hero-copy h1{font-size:clamp(40px,12vw,68px)!important;line-height:.92!important;letter-spacing:-.06em!important;margin:8px 0 11px!important;text-wrap:balance}.df-hero-copy p{font-size:13px!important;line-height:1.45!important;margin:0 0 18px!important;color:rgba(255,255,255,.92)}
.df-hero-copy a{min-height:44px!important;padding:0 16px!important;border-radius:8px!important;display:inline-flex!important;align-items:center;gap:10px;background:#fff!important;color:#111!important;font-size:9px!important;font-weight:850!important;letter-spacing:.055em!important}.df-hero-copy a .df-ui-icon{width:15px;height:15px}
.df-hero-dots{right:18px!important;bottom:18px!important;z-index:5}.df-hero-dots button{cursor:pointer;width:26px!important;height:3px!important;background:rgba(255,255,255,.42)!important}.df-hero-dots button.active{background:#fff!important}

/* home discovery */
.df-discovery-nav{padding:4px 0 28px!important}.df-search{height:54px!important;border-radius:10px!important;max-width:760px}.df-search>.df-ui-icon{width:17px;height:17px;color:#817b75}.df-search input{font-size:14px!important}.df-search button{height:40px!important;border-radius:8px!important;font-size:9px!important;padding:0 17px!important}
.df-root-categories{margin-top:14px!important;border-bottom:1px solid var(--df-line)!important;gap:0}.df-root-categories a{min-height:46px!important;padding:0 15px!important;border-right:0!important;font-size:9px!important;letter-spacing:.045em!important;color:#55504b}.df-root-categories a:first-child{padding-left:0!important}.df-root-categories a.active{color:#111}.df-root-categories a.active:after{left:0!important;right:0!important;height:2px!important}.df-root-categories small{font-size:8px!important;color:#aaa!important}

/* product rails: cards always fit the viewport; arrows control full-card pages */
.df-rail-section{margin:8px 0 42px!important;min-width:0;max-width:100%}.df-section-head{margin-bottom:16px!important;align-items:flex-end!important}.df-section-head span{font-size:8px!important;letter-spacing:.13em!important}.df-section-head h2{font-size:27px!important;font-weight:760;letter-spacing:-.045em!important}.df-section-actions{display:flex;align-items:center;gap:12px}.df-section-actions>a{font-size:9px;font-weight:800;letter-spacing:.045em;border-bottom:1px solid #222;padding-bottom:3px}.df-rail-arrows{display:none;gap:5px}.df-rail-arrows button{width:38px;height:38px;border:1px solid var(--df-line);border-radius:9px;background:#fff;color:#111;cursor:pointer;font-size:15px}.df-rail-arrows button:hover{background:#111;color:#fff;border-color:#111}
.df-product-rail-wrap{width:100%;max-width:100%;overflow:hidden;min-width:0}.df-product-rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth;padding:0 0 8px!important;width:100%;max-width:100%;overscroll-behavior-inline:contain}.df-rail-item{flex:none!important;width:auto!important;max-width:none!important;min-width:0!important;scroll-snap-align:start!important}

/* restrained card language */
.df-product-image{border-radius:8px!important;background:#f3f1ee!important}.df-product-info{padding:10px 1px 0!important}.df-product-info h3{font-size:12px!important;font-weight:620!important;line-height:1.35!important;margin-bottom:5px!important}.df-product-price strong{font-size:15px!important;font-weight:760}.df-favorite-button{width:34px!important;height:34px!important;border-radius:50%!important;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.df-card-flags span,.df-soldout,.df-lastunits{border-radius:5px!important}

/* home catalog is a curated window, never the complete store */
.df-home-catalog{padding:28px 0 54px;border-top:1px solid var(--df-line)}.df-home-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.df-home-catalog-head h2{font-size:31px;line-height:1;margin:5px 0 0;letter-spacing:-.05em}.df-home-catalog-head>a{display:none;font-size:9px;font-weight:800;letter-spacing:.04em;border-bottom:1px solid #111;padding-bottom:3px}.df-home-product-grid{padding-top:0!important}.df-home-store-cta{display:flex;justify-content:center;margin-top:36px}.df-home-store-cta>a{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 19px;background:#111;color:#fff;border-radius:9px;font-size:9px;font-weight:850;letter-spacing:.055em}.df-home-store-cta .df-ui-icon{width:15px;height:15px}

.df-commercial-strip{border-radius:12px!important;margin:18px 0 44px!important;padding:25px 22px!important}.df-commercial-strip h2{font-size:34px!important}.df-commercial-strip a{border-radius:8px!important}
.df-catalog{padding-top:28px!important}.df-catalog-heading h1,.df-catalog-heading h2{font-size:34px!important;letter-spacing:-.05em!important;margin:5px 0 4px!important}.df-catalog-actions button,.df-catalog-actions select{border-radius:8px!important;min-height:40px!important;font-size:9px!important}
.df-subcategory-list>a{border-radius:9px!important}.df-active-filters a{border-radius:7px!important}
.df-benefits{margin-top:24px!important}.df-benefits strong{font-size:9px!important}.df-benefits span{font-size:9px!important;line-height:1.45}

@media(min-width:760px){
  .df-header-main{min-height:76px!important;padding:0 24px!important}.df-mobile-account-row{display:none!important}.df-account-link{display:inline-flex!important}.df-main{padding:0 24px 80px!important}
  .df-hero{margin-top:18px!important;border-radius:16px!important}.df-hero-track{aspect-ratio:1920/840!important}.df-hero-copy{left:42px!important;right:42px!important;bottom:42px!important}.df-hero-copy h1{font-size:clamp(52px,6vw,88px)!important}.df-hero-copy p{font-size:14px!important}.df-hero-dots{right:28px!important;bottom:28px!important}
  .df-discovery-nav{padding-top:10px!important}.df-search{height:58px!important}.df-root-categories a{font-size:10px!important}
  .df-rail-arrows{display:flex}.df-product-rail{grid-auto-columns:calc((100% - 36px)/4)!important;gap:12px!important}.df-section-head h2{font-size:33px!important}.df-home-catalog-head h2{font-size:36px}.df-home-catalog-head>a{display:inline-block}
  .df-home-store-cta{margin-top:42px}.df-commercial-strip{grid-template-columns:1fr auto!important;align-items:center!important;padding:30px 34px!important}
}
@media(min-width:1180px){
  .df-product-rail{grid-auto-columns:calc((100% - 48px)/5)!important;gap:12px!important}.df-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:44px 14px!important}.df-home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(min-width:1500px){.df-home-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:759px){
  .df-header-main{grid-template-columns:1fr auto!important}.df-desktop-nav{display:none!important}.df-account-link{display:none!important}.df-header-actions{gap:4px!important}.df-header-icon-only{width:40px!important}.df-logo{font-size:20px!important}.df-main{padding-left:12px!important;padding-right:12px!important}.df-hero-copy.pos-center,.df-hero-copy.pos-right{text-align:left;margin:0}.df-home-catalog-head>a{display:none}.df-benefits{grid-template-columns:1fr 1fr!important}
}
@media(max-width:390px){.df-mobile-account-action{font-size:8px!important}.df-header-main{padding-left:12px!important;padding-right:12px!important}.df-logo{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.df-hero-slide{transition:none}.df-product-rail{scroll-behavior:auto}}

/* =========================================================
   Dreamfall Final · RC4 — HERO FULLSCREEN + TICKER REAL
   Overrides intentional. Keeps the visual language simple:
   black / white / Dreamfall pink, product-first, no template look.
   ========================================================= */
:root{
  --df-topbar-h:32px;
  --df-header-desktop-h:76px;
  --df-header-mobile-h:128px;
}

/* HERO: full-bleed + full remaining viewport. Kill the old legacy ::after,
   which was sitting above the copy and intercepting the CTA. */
.df-hero{
  width:100vw!important;
  max-width:none!important;
  height:calc(100svh - var(--df-topbar-h) - var(--df-header-mobile-h))!important;
  min-height:560px!important;
  max-height:none!important;
  margin:0 0 36px calc(50% - 50vw)!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#111!important;
  position:relative!important;
}
.df-hero-track{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  position:relative!important;
  background:#111!important;
}
.df-hero-slide{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  isolation:isolate;
}
.df-hero-slide::after,
.df-hero-slide:after{
  content:none!important;
  display:none!important;
  pointer-events:none!important;
}
.df-hero-slide picture{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
}
.df-hero-slide img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.001);
}
.df-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.20) 42%,rgba(0,0,0,.02) 70%),
    linear-gradient(0deg,rgba(0,0,0,.54) 0%,rgba(0,0,0,.03) 58%)!important;
}
.df-hero-copy{
  position:absolute!important;
  z-index:4!important;
  pointer-events:auto!important;
  left:max(24px,6vw)!important;
  right:max(24px,6vw)!important;
  bottom:max(44px,8vh)!important;
  max-width:min(720px,84vw)!important;
  color:#fff!important;
  text-align:left;
}
.df-hero-copy.pos-center{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(760px,88vw);margin:0!important;text-align:center!important}
.df-hero-copy.pos-right{left:auto!important;right:max(24px,6vw)!important;margin:0!important;text-align:right!important}
.df-hero-copy>span{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  line-height:1.2;
  text-transform:uppercase;
  text-shadow:0 1px 18px rgba(0,0,0,.25);
}
.df-hero-copy>span::before{
  content:"";
  width:22px;
  height:3px;
  background:var(--df-pink);
  flex:0 0 auto;
}
.df-hero-copy h1{
  color:#fff!important;
  font-size:clamp(48px,10.5vw,74px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  font-weight:820!important;
  margin:12px 0 12px!important;
  max-width:12ch;
  text-wrap:balance;
  text-shadow:0 2px 28px rgba(0,0,0,.24);
}
.df-hero-copy.pos-center h1{margin-left:auto!important;margin-right:auto!important;max-width:14ch}.df-hero-copy.pos-right h1{margin-left:auto!important}
.df-hero-copy p{
  color:rgba(255,255,255,.94)!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:450;
  margin:0 0 22px!important;
  max-width:48ch!important;
  text-shadow:0 1px 18px rgba(0,0,0,.28);
}
.df-hero-copy.pos-center p{margin-left:auto!important;margin-right:auto!important}.df-hero-copy.pos-right p{margin-left:auto!important}
.df-hero-copy a{
  position:relative!important;
  z-index:10!important;
  pointer-events:auto!important;
  min-height:48px!important;
  padding:0 18px!important;
  border:1px solid #fff!important;
  border-radius:2px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  background:#fff!important;
  color:#111!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.065em!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.df-hero-copy a:hover{background:var(--df-pink)!important;border-color:var(--df-pink)!important;color:#fff!important;transform:translateY(-1px)}
.df-hero-copy a .df-ui-icon{width:15px!important;height:15px!important}
.df-hero-dots{
  position:absolute!important;
  z-index:8!important;
  right:max(20px,4vw)!important;
  bottom:max(24px,4vh)!important;
  display:flex!important;
  align-items:center;
  gap:7px!important;
  pointer-events:auto!important;
}
.df-hero-dots button{width:34px!important;height:3px!important;border:0!important;border-radius:0!important;padding:0!important;background:rgba(255,255,255,.40)!important;cursor:pointer!important;transition:background .18s,width .18s}
.df-hero-dots button.active{width:50px!important;background:#fff!important}

/* The content after a fullscreen hero returns to the restrained catalog width. */
.df-discovery-nav.home-mode{padding-top:8px!important}

@media(min-width:760px){
  .df-hero{
    height:min(calc(100svh - var(--df-topbar-h) - var(--df-header-desktop-h)), 720px)!important;
    min-height:560px!important;
    margin-bottom:48px!important;
  }
  .df-hero-copy{left:max(48px,7vw)!important;right:max(48px,7vw)!important;bottom:max(56px,9vh)!important;max-width:min(780px,58vw)!important}
  .df-hero-copy.pos-right{right:max(48px,7vw)!important;left:auto!important}
  .df-hero-copy h1{font-size:clamp(64px,6.4vw,112px)!important;max-width:10.5ch!important;margin:14px 0 14px!important}
  .df-hero-copy p{font-size:16px!important;line-height:1.52!important;margin-bottom:26px!important}
  .df-hero-copy a{min-height:52px!important;padding:0 21px!important;font-size:10px!important}
  .df-hero-copy>span{font-size:10px!important}
}

@media(max-width:759px){
  .df-hero-overlay{
    background:linear-gradient(0deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.02) 78%)!important;
  }
  .df-hero-copy{bottom:52px!important;max-width:calc(100vw - 44px)!important}
  .df-hero-copy h1{font-size:clamp(46px,15vw,72px)!important;max-width:9.5ch!important}
  .df-hero-copy p{font-size:13px!important;max-width:34ch!important}
  .df-hero-dots{right:20px!important;bottom:20px!important}
}

@media(prefers-reduced-motion:reduce){
  .df-hero-copy a{transition:none!important}
}
/* Fullscreen means the exact usable viewport, even on short devices. */
.df-hero{min-height:0!important}
@media(min-width:760px){.df-hero{min-height:0!important}}


/* =========================================================
   RC6 — Announcement bar final: complete messages only.
   No masks, no endless translated text, no chopped words.
   ========================================================= */
:root{--df-topbar-h:34px}
.v3-promo-strip{
  height:34px!important;
  background:#0d0d0d!important;
  overflow:hidden!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  position:relative!important;
}
.v3-promo-strip::before,.v3-promo-strip::after{content:none!important;display:none!important}
.v3-promo-bar{
  width:100%;
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(var(--promo-count,3),minmax(0,1fr));
  align-items:center;
}
.v3-promo-item{
  min-width:0;
  height:100%;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.085em;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
}
.v3-promo-item+.v3-promo-item::before{
  content:"";
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--df-pink);
  position:absolute;
  left:-1px;
  top:50%;
  transform:translateY(-50%);
}
@media(max-width:759px){
  :root{--df-topbar-h:34px}
  .v3-promo-bar{display:block;position:relative}
  .v3-promo-item{
    position:absolute;
    inset:0;
    width:100%;
    padding:0 14px;
    opacity:0;
    transform:translateY(5px);
    transition:opacity .28s ease,transform .28s ease;
    font-size:9px;
    letter-spacing:.075em;
    text-overflow:clip;
    pointer-events:none;
  }
  .v3-promo-item::before{display:none!important}
  .v3-promo-item.is-active{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .v3-promo-item{transition:none!important}
}

/* =========================================================
   RC7 — TOPBAR + PRODUCT CARDS
   Más presencia de marca, mejor lectura y jerarquía real.
   ========================================================= */
:root{--df-topbar-h:40px}
.v3-promo-strip{
  height:var(--df-topbar-h)!important;
  background:#0b0b0b!important;
  border-bottom:1px solid rgba(255,61,127,.34)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.025)!important;
}
.v3-promo-bar{
  max-width:1440px!important;
  padding:0 22px!important;
  margin:0 auto!important;
  gap:0!important;
}
.v3-promo-item{
  gap:9px!important;
  padding:0 24px!important;
  font-size:9px!important;
  letter-spacing:.075em!important;
  color:rgba(255,255,255,.96)!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.v3-promo-item i{
  width:23px!important;
  height:23px!important;
  flex:0 0 23px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(255,61,127,.12)!important;
  color:var(--df-pink)!important;
  font-size:10px!important;
}
.v3-promo-item strong{font:inherit!important;font-weight:850!important;white-space:nowrap!important}
.v3-promo-item+.v3-promo-item::before{
  width:1px!important;height:16px!important;border-radius:0!important;
  background:linear-gradient(180deg,transparent,rgba(255,61,127,.75),transparent)!important;
  left:0!important;
}
@media(max-width:759px){
  :root{--df-topbar-h:40px}
  .v3-promo-bar{padding:0 10px!important}
  .v3-promo-item{
    gap:8px!important;
    padding:0 14px!important;
    justify-content:center!important;
    font-size:8.5px!important;
    letter-spacing:.065em!important;
  }
  .v3-promo-item i{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:9px!important}
}

/* Product cards: product-first, but with enough information to buy. */
.df-product-card{
  background:#fff!important;
  border:1px solid #ece8e3!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 1px 0 rgba(0,0,0,.015)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.df-product-card:hover{
  transform:translateY(-2px)!important;
  border-color:#ded8d1!important;
  box-shadow:0 10px 26px rgba(25,20,16,.07)!important;
}
.df-product-image-wrap{overflow:hidden!important;background:#f4f2ef!important}
.df-product-image{
  border-radius:0!important;
  background:#f4f2ef!important;
}
.df-product-image img{transition:transform .28s ease!important}
.df-product-card:hover .df-product-image img{transform:scale(1.018)!important}
.df-favorite-button{
  width:38px!important;height:38px!important;
  border:1px solid rgba(17,17,17,.08)!important;
  background:rgba(255,255,255,.96)!important;
  color:#111!important;
  box-shadow:0 4px 16px rgba(0,0,0,.06)!important;
  font-size:15px!important;
  transition:background .18s,color .18s,transform .18s!important;
}
.df-favorite-button:hover{background:#111!important;color:#fff!important;transform:scale(1.04)!important}
.df-favorite-button.active{background:var(--df-pink)!important;color:#fff!important;border-color:var(--df-pink)!important}
.df-card-flags{top:10px!important;left:10px!important;gap:6px!important}
.df-card-flags span,.df-soldout,.df-lastunits{
  min-height:24px!important;
  gap:5px!important;
  padding:0 8px!important;
  border-radius:6px!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  box-shadow:0 2px 8px rgba(0,0,0,.05)!important;
}
.df-card-flags .sale{background:#111!important;color:#fff!important}
.df-card-flags span:not(.sale){background:#fff!important;color:#111!important}
.df-lastunits{
  left:10px!important;bottom:10px!important;
  background:var(--df-pink)!important;
  color:#fff!important;
}
.df-soldout{left:10px!important;bottom:10px!important;background:#111!important;color:#fff!important}
.df-product-info{padding:12px 12px 11px!important}
.df-product-info h3{
  margin:0 0 7px!important;
  min-height:2.7em!important;
  font-size:12.5px!important;
  line-height:1.34!important;
  font-weight:690!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.df-product-info h3 a:hover{color:var(--df-pink)!important}
.df-product-price{gap:8px!important;align-items:center!important;margin-bottom:10px!important}
.df-product-price strong{
  font-size:17px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:-.035em!important;
  color:#0d0d0d!important;
}
.df-product-price del{font-size:10px!important;color:#9a9590!important}
.df-card-footer{
  min-height:43px!important;
  padding-top:9px!important;
  border-top:1px solid #f0ece8!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.df-product-size-block{min-width:0!important;display:grid!important;gap:5px!important}
.df-product-size-label{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#7a746f!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
}
.df-product-size-label i{color:var(--df-pink)!important;font-size:8px!important}
.df-product-sizes{display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin:0!important}
.df-product-sizes span{
  min-width:25px!important;
  height:23px!important;
  padding:0 6px!important;
  border:1px solid #ded8d1!important;
  border-radius:5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#faf9f7!important;
  color:#26211e!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:850!important;
}
.df-product-sizes span:first-child{border-color:rgba(255,61,127,.45)!important;background:rgba(255,61,127,.055)!important}
.df-product-size-empty{font-size:9px!important;color:#8a837d!important}
.df-card-open{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#111!important;color:#fff!important;
  font-size:10px!important;
  transition:background .18s ease,transform .18s ease!important;
}
.df-card-open:hover{background:var(--df-pink)!important;transform:translateX(2px)!important}

@media(max-width:759px){
  .df-product-card{border-radius:12px!important}
  .df-product-info{padding:10px 9px 9px!important}
  .df-product-info h3{font-size:11px!important;min-height:2.65em!important;margin-bottom:6px!important}
  .df-product-price{margin-bottom:8px!important}
  .df-product-price strong{font-size:15px!important}
  .df-card-footer{min-height:40px!important;padding-top:7px!important;gap:5px!important}
  .df-product-size-label{font-size:7px!important}
  .df-product-sizes{gap:3px!important}
  .df-product-sizes span{min-width:22px!important;height:21px!important;padding:0 4px!important;font-size:7.5px!important;border-radius:4px!important}
  .df-card-open{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:9px!important}
  .df-favorite-button{width:34px!important;height:34px!important;font-size:14px!important}
  .df-card-flags span,.df-soldout,.df-lastunits{font-size:6.8px!important;min-height:22px!important;padding:0 7px!important}
}

@media(prefers-reduced-motion:reduce){
  .df-product-card,.df-product-image img,.df-favorite-button,.df-card-open{transition:none!important}
}