/* SOFT VENOM 2.3 — a visible campaign sequence with accessible controls. */
.sv-topline{padding-inline:2.7vw;gap:15px;overflow:hidden}
.sv-ticker-label,.sv-topline>a{flex:none;position:relative;z-index:1;background:var(--black)}
.sv-ticker{flex:1;min-width:0;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sv-ticker-track{display:flex;width:max-content;animation:sv-news-flow 27s linear infinite}
.sv-ticker-group{display:flex;align-items:center;flex:none}
.sv-ticker-group span{display:inline-flex;align-items:center;gap:35px;color:#efc6cf;padding-right:35px}
.sv-ticker-group span:after{content:'✦';color:#df345b;font-size:10px}
.sv-topline:hover .sv-ticker-track,.sv-topline:focus-within .sv-ticker-track{animation-play-state:paused}
@keyframes sv-news-flow{to{transform:translateX(-50%)}}
.sv-logo{gap:10px!important}
.sv-logo img{width:39px!important;height:39px!important;border-radius:0!important}
.sv-brand-word{display:flex;align-items:baseline;gap:3px;letter-spacing:-.055em;line-height:1}
.sv-brand-word>span{font:500 25px/1 Georgia,'Times New Roman',serif;color:var(--black)}
.sv-brand-word i{font:400 14px/1 Georgia,serif;color:var(--cherry);margin-inline:1px}
.sv-brand-word strong{font:800 27px/.9 'Barlow Condensed',sans-serif;color:var(--cherry);letter-spacing:-.035em}
.sv-language{display:flex;align-items:center;gap:5px;white-space:nowrap;margin-right:9px;padding:2px 6px;border:1px solid var(--line);background:var(--bone);font-size:11px;font-weight:800;letter-spacing:.03em}
.sv-language span{color:var(--line)}
.sv-language a{opacity:.5;padding:8px 2px}
.sv-language a[aria-current]{opacity:1;color:var(--cherry);text-decoration:underline;text-underline-offset:4px}
.sv-language a:hover{opacity:1}
.sv-commerce-home .sv-hero-media{inset:0;transform:none;will-change:auto}
.sv-commerce-home .sv-hero-image{animation:none;transform:none}
.sv-hero-panel{position:absolute;inset:0 0 0 51%;z-index:1;overflow:hidden;clip-path:inset(0 0 0 100%);transition:clip-path 1.05s cubic-bezier(.76,0,.24,1);background:#260b15}
.sv-hero-panel img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.12);transition:transform 5.2s ease-out}
.sv-hero[data-scene="1"] .sv-hero-panel-beauty,.sv-hero[data-scene="2"] .sv-hero-panel-style{clip-path:inset(0);z-index:2}
.sv-hero[data-scene="1"] .sv-hero-panel-beauty img,.sv-hero[data-scene="2"] .sv-hero-panel-style img{transform:scale(1)}
.sv-hero-panel:after{content:'SOFT / VENOM';position:absolute;right:24px;bottom:67px;color:#fff;font:700 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.28em;text-shadow:0 1px 9px #000}
.sv-hero-light{z-index:3;pointer-events:none}
.sv-commerce-home .sv-hero-shade{background:linear-gradient(90deg,var(--bone) 0%,#f3efe8f4 20%,#f3efe8d6 38%,transparent 57%)}
.sv-commerce-home .sv-hero-index{z-index:4;align-items:end;gap:18px}
.sv-hero-controls{display:flex;align-items:center;gap:8px;margin-left:auto;padding:9px 12px;background:#f8f4efed;border:1px solid #cec5c0;box-shadow:0 10px 35px #1f0f141a}
.sv-scene-button{width:37px;display:flex;flex-direction:column;gap:4px;padding:0;background:none;border:0;text-align:left;font:800 10px/1 'Manrope',sans-serif;color:#5c5250}
.sv-scene-button i{width:100%;height:2px;background:#bcb2ac;position:relative;overflow:hidden}
.sv-scene-button.is-current{color:var(--cherry)}
.sv-scene-button.is-current i{background:#d5b2bb}
.sv-scene-button.is-current i:after{content:'';position:absolute;inset:0;background:var(--cherry);transform-origin:left;animation:sv-scene-clock 4.4s linear both}
.sv-commerce-home .sv-hero-index .sv-scene-button span{display:block}
.sv-commerce-home .sv-hero-index .sv-scene-button span:before{display:none}
@keyframes sv-scene-clock{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sv-scene-pause{background:none;border:0;border-left:1px solid #bcb2ac;min-width:24px;height:25px;font:800 12px/1 'Manrope',sans-serif;padding:1px 0 1px 8px}
.sv-commerce-home .sv-hero-index>span:last-child:before{display:none}
.sv-ar .sv-hero-content,.sv-ar .sv-retail-section,.sv-ar .sv-brand-strip,.sv-ar .sv-footer{direction:rtl}
.sv-ar .sv-hero-content{align-items:flex-start}
.sv-ar .sv-display,.sv-ar .sv-retail-heading h2{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.1}
.sv-ar .sv-hero h1{font-size:clamp(57px,6.2vw,104px);line-height:1.12}
.sv-ar .sv-hero-index{direction:ltr}
.sv-ar .sv-retail-heading{direction:rtl}
.sv-ar .sv-category-overlay strong,.sv-ar .sv-feature-tile strong,.sv-ar .sv-routine-step strong{font-family:'Noto Sans Arabic',sans-serif;line-height:1.3}
@media(max-width:900px){.sv-language{margin-right:2px}.sv-brand-word>span{font-size:21px}.sv-brand-word strong{font-size:23px}.sv-logo img{width:32px!important;height:32px!important}}
@media(max-width:700px){
  .sv-topline{padding:0 10px}.sv-ticker-label,.sv-topline>a{display:none}.sv-ticker{width:100%;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  .sv-logo{gap:4px!important}.sv-logo img{width:27px!important;height:27px!important}.sv-brand-word{gap:1px}.sv-brand-word>span{font-size:17px}.sv-brand-word i{font-size:10px}.sv-brand-word strong{font-size:19px}
  .sv-language{gap:2px;font-size:10px;margin-right:2px;padding:1px 4px}.sv-language a{padding:7px 1px}
  .sv-commerce-home .sv-hero-panel{inset:47% 0 0;clip-path:inset(0 100% 0 0)}
  .sv-commerce-home .sv-hero-panel img{object-position:center 38%}
  .sv-commerce-home .sv-hero-shade{background:linear-gradient(180deg,#f3efe8 0%,#f3efe8f5 30%,#f3efe8af 46%,transparent 70%,#f3efe866 100%)}
  .sv-commerce-home .sv-hero-index{left:5vw;right:5vw;bottom:12px}
  .sv-commerce-home .sv-hero-index>span:first-child,.sv-commerce-home .sv-hero-index>span:last-child{display:none}
  .sv-hero-controls{margin:0 0 0 auto}
  .sv-ar .sv-hero h1{font-size:clamp(49px,12vw,72px)}
}
@media(max-width:390px){.sv-brand-word>span{font-size:15px}.sv-brand-word strong{font-size:17px}.sv-language{font-size:9px}.sv-actions .sv-icon{min-width:32px}}
@media(prefers-reduced-motion:reduce){.sv-ticker-track,.sv-scene-button.is-current i:after{animation:none!important}.sv-hero-panel,.sv-hero-panel img{transition:none!important}.sv-ticker-track{transform:none!important}}
html.sv-reduced .sv-ticker-track,html.sv-reduced .sv-scene-button.is-current i:after{animation:none!important}
html.sv-reduced .sv-hero-panel,html.sv-reduced .sv-hero-panel img{transition:none!important}