.announce{position:relative;z-index:60;background:var(--ink);color:var(--bone);font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase}.announce__inner{display:flex;align-items:center;justify-content:center;gap:1.5rem;height:38px;position:relative}.announce__rotator{position:relative;height:38px;flex:1;max-width:620px;overflow:hidden}.announce__msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(100%);transition:opacity 0.6s var(--ease),transform 0.6s var(--ease)}.announce__msg.is-current{opacity:1;transform:none}.announce__msg.is-out{opacity:0;transform:translateY(-100%)}.announce__nav{display:grid;place-items:center;width:26px;height:26px;color:rgba(247,244,238,0.6);transition:color 0.3s var(--ease)}.announce__nav:hover{color:var(--bone)}.announce__nav svg{width:11px;height:11px}.header{position:sticky;top:0;z-index:55;background:var(--bone);border-bottom:1px solid transparent;transition:background 0.45s var(--ease),border-color 0.45s var(--ease),transform 0.45s var(--ease),color 0.45s var(--ease)}.header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:var(--header-h)}.header--over{background:transparent;color:var(--bone);margin-bottom:calc(var(--header-h) * -1)}.header--pinned{background:var(--bone);color:var(--ink);border-bottom-color:var(--line);box-shadow:0 1px 24px -18px rgba(20,17,13,0.6)}.header--hidden{transform:translateY(-100%)}.logo{display:inline-flex;align-items:center;gap:0.62rem;justify-self:center;color:inherit}.logo__iso,.logo__mark{display:block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:background-color 0.45s var(--ease)}.logo__iso{width:28px;height:28px;-webkit-mask-image: url(/assets/themes/djans/img/logo_black.png);mask-image: url(/assets/themes/djans/img/logo_black.png)}.logo__mark{width:104px;height:15px;-webkit-mask-image: url(/assets/themes/djans/img/wordmark.svg);mask-image: url(/assets/themes/djans/img/wordmark.svg)}.logo--lg .logo__iso{width:40px;height:40px}.logo--lg .logo__mark{width:150px;height:22px}.sello{display:inline-flex;align-items:center;gap:0.45rem;padding:0.35em 0.7em;border:1px solid var(--accent);border-radius:40px;font-size:0.66rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-deep)}.sellos{display:flex;flex-wrap:wrap;gap:0.4rem}.code{font-size:0.68rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2.2rem)}.nav--right{justify-content:flex-end}.nav__link{position:relative;font-size:var(--step--1);font-weight:500;letter-spacing:0.14em;text-transform:uppercase;padding-block:0.4rem;white-space:nowrap}.nav__link::after{content: '';position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 0.42s var(--ease)}.nav__link:hover::after,.nav__link:focus-visible::after,.nav__link.is-active::after{transform:scaleX(1);transform-origin:left}.nav__link--sale{color:var(--sale)}.header--over .nav__link--sale{color:#e8b39c}.icon-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;transition:opacity 0.3s var(--ease)}.icon-btn:hover{opacity:0.6}.icon-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}.icon-btn__count{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#fff;font-size:0.6rem;font-weight:700;line-height:1;transform:scale(0);transition:transform 0.4s var(--ease)}.icon-btn__count.is-on{transform:scale(1)}.burger{display:none}.has-mega{position:static}.mega{position:absolute;left:0;right:0;top:100%;background:var(--bone);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.4s var(--ease),transform 0.4s var(--ease),visibility 0.4s;z-index:54}.has-mega:hover>.mega,.has-mega:focus-within>.mega{opacity:1;visibility:visible;transform:none}.mega__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.15fr;gap:clamp(1.5rem,3vw,3rem);padding-block:2.6rem 3rem}.mega__col-title{font-size:0.7rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1.1rem}.mega__list li + li{margin-top:0.55rem}.mega__list a{position:relative;display:inline-block;font-size:0.92rem;transition:color 0.3s var(--ease),transform 0.35s var(--ease)}.mega__list a:hover{color:var(--accent);transform:translateX(4px)}.mega__promo{display:block}.mega__promo .ratio{margin-bottom:0.9rem}.mega__promo img{transition:transform 0.9s var(--ease)}.mega__promo:hover img{transform:scale(1.06)}.mega__promo-title{font-family:var(--font-display);font-size:1.4rem;font-style:italic}.mobile-nav{position:fixed;inset:0;z-index:90;background:var(--bone);padding:1.2rem var(--gut) 2.5rem;overflow-y:auto;transform:translateX(-100%);transition:transform 0.55s var(--ease);display:flex;flex-direction:column}.mobile-nav.is-open{transform:none}.mobile-nav__top{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.mobile-nav__list{margin-top:1.5rem;border-top:1px solid var(--line)}.mobile-nav__list>li{border-bottom:1px solid var(--line)}.mobile-nav__list a,.mobile-nav__acc{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.15rem 0;font-family:var(--font-display);font-size:1.75rem;text-align:left}.mobile-nav__sub{display:none;padding-bottom:1rem}.mobile-nav__sub.is-open{display:block}.mobile-nav__sub a{font-family:var(--font-sans);font-size:0.95rem;padding:0.5rem 0 0.5rem 1rem;color:var(--ink-80)}.marquee{position:relative;overflow:hidden;padding-block:clamp(1.1rem,0.6rem + 1.6vw,2rem);border-block:1px solid var(--line);background:var(--bone);user-select:none}.marquee--ink{background:var(--ink);color:var(--bone);border-color:rgba(247,244,238,0.14)}.marquee--accent{background:var(--accent);color:#fff;border-color:transparent}.marquee__track{display:flex;align-items:center;width:max-content;will-change:transform}.marquee__item{display:inline-flex;align-items:center;gap:clamp(1.2rem,3vw,2.6rem);padding-inline:clamp(0.6rem,1.5vw,1.3rem);font-family:var(--font-sans);font-weight:800;font-size:clamp(1.6rem,1rem + 3vw,3.6rem);letter-spacing:-0.03em;text-transform:uppercase;white-space:nowrap}.marquee__item em{font-family:var(--font-display);font-weight:400;font-style:italic;text-transform:none;letter-spacing:-0.02em}.marquee__dot{display:inline-block;width:0.32em;height:0.32em;border-radius:50%;background:currentColor;opacity:0.55}.marquee--outline .marquee__item{-webkit-text-stroke:1px var(--ink);color:transparent}.marquee--ink.marquee--outline .marquee__item{-webkit-text-stroke-color:var(--bone)}.card{position:relative;display:flex;flex-direction:column}.card__media{position:relative;display:block;overflow:hidden;background:var(--bone-2);aspect-ratio:4 / 5}.card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.7s var(--ease),transform 1.1s var(--ease)}.card__img--alt{opacity:0;transform:scale(1.05)}.card:hover .card__img--main{opacity:0}.card:hover .card__img--alt{opacity:1;transform:scale(1)}.card__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2}.card__wish{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink);background:rgba(247,244,238,0.86);backdrop-filter:blur(4px);opacity:0;transform:translateY(-6px);transition:opacity 0.4s var(--ease),transform 0.4s var(--ease),color 0.3s var(--ease)}.card:hover .card__wish,.card__wish:focus-visible{opacity:1;transform:none}.card__wish svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.card__wish.is-on{color:var(--sale)}.card__wish.is-on svg{fill:currentColor}.card__quick{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;gap:8px;transform:translateY(calc(100% + 14px));opacity:0;transition:transform 0.5s var(--ease),opacity 0.4s var(--ease)}.card:hover .card__quick,.card:focus-within .card__quick{transform:none;opacity:1}.card__quick .btn{flex:1;padding:0.95em 1em;font-size:0.68rem}.card__body{padding-top:0.95rem;display:flex;flex-direction:column;gap:0.4rem}.card__type{font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted)}.card__title{font-size:0.95rem;font-weight:500;line-height:1.35}.card__title a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 0.45s var(--ease)}.card__title a:hover{background-size:100% 1px}.card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card__colors{font-size:0.72rem;color:var(--muted);letter-spacing:0.06em}.card__promo{font-size:0.72rem;color:var(--accent-deep);letter-spacing:0.04em}.card__code{font-size:0.66rem;letter-spacing:0.14em;color:var(--muted);font-variant-numeric:tabular-nums}.price__unit{font-size:0.7rem;color:var(--muted);letter-spacing:0.04em}@media (hover:none){.card__quick{position:static;transform:none;opacity:1;margin-top:0.9rem}.card__wish{opacity:1;transform:none}}.grid-products{--cols:4;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(1.1rem,0.5rem + 1.6vw,2.4rem) clamp(0.9rem,0.4rem + 1.2vw,1.6rem)}.grid-products[data-grid="2"]{--cols:2}.grid-products[data-grid="3"]{--cols:3}.grid-products[data-grid="4"]{--cols:4}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(210px,22vw,330px);gap:clamp(0.9rem,1.6vw,1.6rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;cursor:grab}.rail::-webkit-scrollbar{display:none}.rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.rail.is-dragging a{pointer-events:none}.rail>*{scroll-snap-align:start}.rail-nav{display:flex;gap:8px}.rail-nav__btn{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;transition:background 0.35s var(--ease),color 0.35s var(--ease),border-color 0.35s var(--ease)}.rail-nav__btn:hover{background:var(--ink);color:var(--bone);border-color:var(--ink)}.rail-nav__btn[disabled]{opacity:0.3;pointer-events:none}.rail-nav__btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}.scrim{position:fixed;inset:0;z-index:80;background:rgba(20,17,13,0.45);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity 0.45s var(--ease),visibility 0.45s}.scrim.is-open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;z-index:92;width:min(430px,100%);height:100dvh;background:var(--bone);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.55s var(--ease);box-shadow:-30px 0 60px -40px rgba(20,17,13,0.6)}.drawer.is-open{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.5rem;border-bottom:1px solid var(--line)}.drawer__title{font-size:var(--step--1);font-weight:700;letter-spacing:0.2em;text-transform:uppercase}.drawer__body{flex:1;overflow-y:auto;padding:1.5rem}.drawer__foot{padding:1.5rem;border-top:1px solid var(--line);background:var(--bone-2)}.cart-line{display:grid;grid-template-columns:84px 1fr;gap:1rem;padding-block:1.1rem;border-bottom:1px solid var(--line-soft)}.cart-line__media{background:var(--bone-2);aspect-ratio:4/5}.cart-line__media img{width:100%;height:100%;object-fit:cover}.cart-line__name{font-size:0.9rem;font-weight:500;line-height:1.35}.cart-line__opt{font-size:0.75rem;color:var(--muted);margin-top:3px}.cart-line__foot{display:flex;align-items:center;justify-content:space-between;margin-top:0.6rem}.cart-line__remove{font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);text-decoration:underline}.cart-line__remove:hover{color:var(--sale)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line)}.qty button{width:32px;height:32px;display:grid;place-items:center;font-size:1rem;line-height:1;transition:background 0.3s var(--ease)}.qty button:hover{background:var(--bone-2)}.qty span{min-width:30px;text-align:center;font-size:0.86rem;font-variant-numeric:tabular-nums}.ship-bar{margin-bottom:1.2rem}.ship-bar__text{font-size:0.78rem;letter-spacing:0.03em;margin-bottom:0.5rem}.ship-bar__text b{color:var(--accent-deep)}.ship-bar--done .ship-bar__text b{color:var(--ok)}.ship-bar__track{height:3px;background:var(--line);overflow:hidden}.ship-bar__fill{display:block;height:100%;background:var(--accent);width:0;transition:width 0.7s var(--ease)}.ship-bar--done .ship-bar__fill{background:var(--ok)}.min-alert{margin:0 0 1.2rem;padding:0.9rem 1rem;background:var(--accent-soft);border-left:3px solid var(--accent);font-size:0.78rem;line-height:1.5}.min-alert__title{font-weight:700;letter-spacing:0.04em;text-transform:uppercase;font-size:0.7rem;margin-bottom:0.4rem}.min-alert__list{list-style:none;margin:0;padding:0;display:grid;gap:0.3rem}.min-alert__list b{color:var(--accent-deep)}.min-alert__note{margin-top:0.5rem;color:var(--muted)}.cart-total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.cart-total--sm{font-size:0.86rem;margin-bottom:0.9rem}.cart-total--sm .cart-total__label{font-size:0.8rem;letter-spacing:0.04em;text-transform:none;color:var(--muted)}.cart-total--save .cart-total__value{color:var(--ok);font-size:0.95rem;font-weight:600}.cart-total__label{font-size:var(--step--1);letter-spacing:0.16em;text-transform:uppercase}.cart-total__value{font-size:1.3rem;font-weight:600}.cart-empty{text-align:center;padding-block:4rem 2rem;color:var(--muted)}.search{position:fixed;top:0;left:0;right:0;z-index:92;background:var(--bone);transform:translateY(-100%);transition:transform 0.55s var(--ease);border-bottom:1px solid var(--line)}.search.is-open{transform:none}.search__form{display:flex;align-items:center;gap:1rem;height:110px}.search__input{flex:1;border:0;background:none;font-family:var(--font-display);font-size:clamp(1.5rem,1rem + 2.4vw,2.8rem);padding:0}.search__input::placeholder{color:var(--line)}.search__input:focus{outline:none}.search__results{padding-bottom:2rem;max-height:60vh;overflow-y:auto}.search__hint{font-size:var(--step--1);color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;padding-bottom:1rem}.modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:var(--gut);opacity:0;visibility:hidden;transition:opacity 0.4s var(--ease),visibility 0.4s}.modal.is-open{opacity:1;visibility:visible}.modal__panel{position:relative;width:min(760px,100%);max-height:86dvh;overflow-y:auto;background:var(--bone);padding:clamp(1.5rem,3vw,3rem);transform:translateY(14px) scale(0.98);transition:transform 0.5s var(--ease)}.modal.is-open .modal__panel{transform:none}.modal__close{position:absolute;top:14px;right:14px}.table-size th,.table-size td{padding:0.85rem 0.9rem;border-bottom:1px solid var(--line);text-align:left;font-size:0.88rem}.table-size th{font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}.table-size tr:hover td{background:var(--bone-2)}.toast{position:fixed;left:50%;bottom:26px;z-index:99;transform:translate(-50%,140%);display:flex;align-items:center;gap:0.75rem;padding:0.95rem 1.4rem;background:var(--ink);color:var(--bone);font-size:var(--step--1);letter-spacing:0.08em;box-shadow:var(--shadow-lift);transition:transform 0.55s var(--ease)}.toast.is-on{transform:translate(-50%,0)}.toast svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.cursor{position:fixed;top:0;left:0;z-index:100;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:var(--ink);color:var(--bone);display:grid;place-items:center;font-size:0.62rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;pointer-events:none;opacity:0;transform:scale(0.4);transition:opacity 0.3s var(--ease),transform 0.35s var(--ease)}.cursor.is-on{opacity:1;transform:scale(1)}@media (hover:none){.cursor{display:none}}.newsletter{background:var(--ink);color:var(--bone)}.newsletter__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;padding-block:clamp(3.5rem,2rem + 6vw,7rem)}.newsletter__form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(247,244,238,0.3);transition:border-color 0.4s var(--ease)}.field:focus-within{border-color:var(--bone)}.field input{flex:1;background:none;border:0;padding:1rem 0;font-size:var(--step-1);color:inherit}.field input::placeholder{color:rgba(247,244,238,0.45)}.field input:focus{outline:none}.field button{color:inherit;font-size:var(--step--1);font-weight:600;letter-spacing:0.18em;text-transform:uppercase}.field button:hover{color:var(--accent)}.consent{display:flex;gap:0.65rem;font-size:0.75rem;color:rgba(247,244,238,0.6);line-height:1.5}.consent a{text-decoration:underline}.usp{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.usp__item{background:var(--bone);padding:clamp(1.5rem,3vw,2.4rem) clamp(1rem,2vw,2rem);text-align:center}.usp__icon{width:26px;height:26px;margin:0 auto 0.9rem;stroke:var(--accent);fill:none;stroke-width:1.3}.usp__title{font-size:0.76rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase}.usp__text{font-size:0.82rem;color:var(--muted);margin-top:0.4rem;line-height:1.5}.footer{background:var(--ink);color:rgba(247,244,238,0.72)}.footer a:hover{color:var(--bone)}.footer__top{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,4rem);padding-block:clamp(3rem,2rem + 4vw,5.5rem) 3rem}.footer__brand .logo{color:var(--bone)}.footer__tag{margin-top:1.1rem;max-width:34ch;line-height:1.7;font-size:0.9rem}.footer__col-title{font-size:0.7rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--bone);margin-bottom:1.2rem}.footer__list li + li{margin-top:0.6rem}.footer__list a{font-size:0.9rem;transition:color 0.3s var(--ease)}.footer__social{display:flex;gap:0.9rem;margin-top:1.8rem}.footer__social a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(247,244,238,0.2);border-radius:50%;transition:background 0.35s var(--ease),color 0.35s var(--ease)}.footer__social a:hover{background:var(--bone);color:var(--ink)}.footer__social svg{width:15px;height:15px;fill:currentColor}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.6rem;border-top:1px solid rgba(247,244,238,0.14);font-size:0.78rem}.footer__pay{display:flex;gap:0.5rem;align-items:center}.footer__pay span{padding:0.3rem 0.55rem;border:1px solid rgba(247,244,238,0.2);border-radius:3px;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase}.crumbs{display:flex;align-items:center;gap:0.55rem;flex-wrap:wrap;padding-block:1.4rem;font-size:0.76rem;color:var(--muted);letter-spacing:0.05em}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs__sep{opacity:0.5}.crumbs [aria-current]{color:var(--ink)}@media (max-width:1180px){.mega__inner{grid-template-columns:repeat(3,1fr) 1.1fr}.grid-products,.grid-products[data-grid="4"]{--cols:3}}@media (max-width:1000px){:root{--header-h:64px}.header__inner{grid-template-columns:auto 1fr auto}.nav--left{display:none}.burger{display:grid}.logo{justify-self:start}.mega{display:none}.newsletter__inner{grid-template-columns:1fr}.grid-products,.grid-products[data-grid="4"]{--cols:3}.usp{grid-template-columns:repeat(2,1fr)}.footer__top{grid-template-columns:1fr 1fr}}@media (max-width:720px){.grid-products,.grid-products[data-grid]{--cols:2}.announce__nav{display:none}.footer__top{grid-template-columns:1fr}.drawer{width:100%}.card__quick .btn{font-size:0.62rem;letter-spacing:0.1em}}@media (max-width:460px){.usp{grid-template-columns:1fr}}
