/* TREVOCE design system. Origins primitives provide native commerce behavior. */
:root{--header-bg-color:#f7f6f2;--header-text-color:23,23,23;--tv-paper:#f7f6f2;--tv-ink:#171717;--tv-muted:#66635e;--tv-line:#d8d5cd;--tv-wydad:#861628;--tv-raja:#123f32;--tv-gutter:clamp(20px,4.3vw,76px);--tv-display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif}
body.trevoce{background:var(--tv-paper);color:var(--tv-ink);font-family:Inter,Arial,sans-serif}
.trevoce [hidden]{display:none!important}.trevoce a{color:inherit}.trevoce img{max-width:100%}.trevoce :focus-visible{outline:2px solid var(--tv-wydad);outline-offset:4px}.trevoce button,.trevoce a,.trevoce summary{-webkit-tap-highlight-color:transparent}.trevoce button:disabled{cursor:not-allowed}.trevoce p{line-height:1.7}.trevoce h1,.trevoce h2,.trevoce h3{text-wrap:balance}.trevoce em{font-style:normal}.trevoce fieldset{min-width:0}.trevoce yc-section{--section-bg-color:var(--tv-paper);--section-text-color:23,23,23}
.tv-announcement{background:#171717;color:#fff;min-height:34px;display:flex;align-items:center;justify-content:center;gap:36px;padding:8px 20px;font-size:10px;font-weight:600;letter-spacing:1.8px;text-align:center}.tv-announcement-second{border-left:1px solid #777;padding-left:36px}
#youcan-section--header{position:sticky;top:0;z-index:40;background:var(--tv-paper);order:2}.tv-header{height:88px;border-bottom:1px solid var(--tv-line);display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 var(--tv-gutter);position:relative}.tv-logo{display:block;flex-shrink:0}.tv-logo img{width:172px;height:49px;object-fit:cover;mix-blend-mode:multiply;filter:invert(1)}.tv-desktop-nav{display:flex;gap:30px;align-items:center;margin-left:auto;margin-right:auto}.tv-desktop-nav a{font-size:11px;letter-spacing:1.3px;font-weight:700;padding:16px 0;border-bottom:2px solid transparent}.tv-desktop-nav a:hover{border-color:currentColor}.tv-desktop-nav [data-tone=wydad]{color:var(--tv-wydad)}.tv-desktop-nav [data-tone=raja]{color:var(--tv-raja)}.tv-header-actions{display:flex;align-items:center;gap:15px}.tv-search-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.tv-header .cart-btn{color:var(--tv-ink);background:transparent;border:0;min-width:44px;min-height:44px}.tv-header .total-amount{display:none}.tv-header .total-items{background:var(--tv-ink);color:white;min-width:17px;height:17px;font-size:10px}.tv-menu{display:none}.tv-header .cart-drawer{background:var(--tv-paper);color:var(--tv-ink)}
.tv-eyebrow{font-size:10px!important;letter-spacing:2px;font-weight:600;line-height:1.4!important;text-transform:uppercase;margin-bottom:20px}.tv-hero{display:grid;grid-template-columns:1.02fr 1fr;background:var(--tv-ink);color:var(--tv-paper);min-height:680px}.tv-hero-copy{padding:55px var(--tv-gutter) 24px;display:flex;flex-direction:column;align-items:flex-start}.tv-hero h1{font-family:var(--tv-display);font-size:clamp(70px,7.1vw,122px);font-weight:900;letter-spacing:-.015em;line-height:.94;margin:20px 0 27px;text-wrap:nowrap}.tv-hero h1 em{font:inherit;color:#c4b8a1}.tv-hero-intro{color:#d2cec7;font-size:14px;margin-bottom:28px}.tv-button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:var(--tv-ink);color:white!important;border:1px solid var(--tv-ink);min-height:54px;padding:16px 24px;font-size:11px;letter-spacing:1.4px;font-weight:700}.tv-button-light{background:var(--tv-paper);color:var(--tv-ink)!important;border-color:var(--tv-paper)}.tv-button:hover{background:var(--tv-wydad);color:white!important;border-color:var(--tv-wydad)}.tv-button span{font-size:22px;line-height:1}.tv-hero-foot{display:flex;justify-content:space-between;gap:20px;width:100%;margin-top:auto;padding-top:48px;font-size:8px;letter-spacing:1.6px;color:#a8a59f}.tv-hero-photo{position:relative;overflow:hidden;min-height:680px;background:#bbb6ac}.tv-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.tv-photo-label{position:absolute;bottom:24px;left:28px;background:var(--tv-paper);color:var(--tv-ink);font-size:8px;font-weight:700;letter-spacing:1.5px;padding:9px 12px}.tv-ticker{display:flex;justify-content:space-around;gap:40px;padding:17px 24px;border-bottom:1px solid var(--tv-line);font-size:10px;letter-spacing:2px;white-space:nowrap;overflow:hidden;font-weight:700}
.tv-section{padding:80px var(--tv-gutter);max-width:1800px;margin:auto}.tv-section h2{font-family:var(--tv-display);font-size:clamp(38px,4.2vw,66px);font-weight:900;line-height:1.03;letter-spacing:-.5px}.tv-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.tv-section-heading p:not(.tv-eyebrow){font-size:13px;color:var(--tv-muted);margin-top:13px}.tv-section-heading .tv-eyebrow{margin-bottom:12px}.tv-text-link{font-size:10px;font-weight:700;letter-spacing:1px;display:inline-flex;gap:25px;align-items:center;min-height:44px;border-bottom:1px solid currentColor;white-space:nowrap}.tv-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tv-collection img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.tv-collection-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-bottom:2px solid currentColor}.tv-collection-caption h3{font-family:var(--tv-display);font-size:26px;font-weight:900}.tv-collection-caption span{font-size:9px;letter-spacing:1px;font-weight:700}.tv-collection[data-tone=wydad]{color:var(--tv-wydad)}.tv-collection[data-tone=raja]{color:var(--tv-raja)}.tv-drop{border-top:1px solid var(--tv-line)}.tv-drop[data-tone=wydad] .tv-dot{color:var(--tv-wydad)}.tv-drop[data-tone=raja] .tv-dot{color:var(--tv-raja)}.tv-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none}.tv-product-grid>li{min-width:0}
.tv-manifesto{display:grid;grid-template-columns:1fr 1fr;background:#e7e4dc}.tv-manifesto-photo{max-height:750px;overflow:hidden}.tv-manifesto-photo img{width:100%;height:100%;object-fit:cover}.tv-manifesto-copy{padding:70px clamp(30px,6vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tv-manifesto h2{font-family:var(--tv-display);font-size:clamp(42px,5.1vw,78px);font-weight:900;line-height:1.03;margin-bottom:32px}.tv-manifesto h2 em{font:inherit;color:var(--tv-raja)}.tv-manifesto p:not(.tv-eyebrow){font-size:14px;max-width:420px;margin-bottom:20px}.tv-manifesto .tv-signature{font-weight:700;font-size:11px!important;letter-spacing:2px;padding-top:8px}
.tv-benefits-section{padding-top:50px;padding-bottom:50px}.tv-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tv-benefits>div{border-right:1px solid var(--tv-line);padding-right:30px}.tv-benefits>div:last-child{border:0}.tv-benefit-number{font-size:10px;color:var(--tv-muted)}.tv-benefits h3{font-size:13px;font-weight:700;letter-spacing:.3px;margin:18px 0 8px}.tv-benefits p{font-size:12px;color:var(--tv-muted)}.tv-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid var(--tv-line)}.tv-faq h2{margin-bottom:25px}.tv-faq-list details,.tv-product-details details{border-bottom:1px solid var(--tv-line)}.tv-faq-list summary,.tv-product-details summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:22px 0;font-size:14px;font-weight:600}.tv-faq-list summary::-webkit-details-marker,.tv-product-details summary::-webkit-details-marker{display:none}.tv-faq-list summary:after,.tv-product-details summary:after{content:'+';font-size:20px;font-weight:400}.tv-faq-list details[open]>summary:after,.tv-product-details details[open]>summary:after{content:'−'}.tv-faq-list p,.tv-product-details p{font-size:13px;color:var(--tv-muted);margin-bottom:22px}.tv-faq-list a,.tv-product-details a{text-decoration:underline}
.tv-footer{background:#111;color:#eee;padding:65px var(--tv-gutter) 0}.tv-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:55px;padding-bottom:60px}.tv-footer-brand img{width:220px;height:62px;object-fit:cover}.tv-footer-brand p{font-size:11px;color:#aaa;margin-top:14px}.tv-footer-brand p:first-of-type{letter-spacing:2px;color:#eee;font-size:10px}.tv-footer-brand>a:last-child:not(:first-child){display:inline-block;margin-top:24px;font-size:10px;letter-spacing:1px}.tv-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.tv-footer h2{font-size:11px;font-weight:700;letter-spacing:1.3px;margin-bottom:10px}.tv-footer nav a{font-size:12px;color:#bbb;min-height:26px;display:flex;align-items:center}.tv-footer a:hover{color:white;text-decoration:underline}.tv-footer-bottom{border-top:1px solid #333;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:9px;color:#aaa;letter-spacing:1px}
.tv-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--tv-muted);margin-bottom:30px}.tv-breadcrumb span:last-child{overflow-wrap:anywhere}.tv-collection-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;padding-bottom:40px;border-bottom:1px solid var(--tv-line);margin-bottom:30px}.tv-collection-intro h2{font-family:var(--tv-display);font-size:clamp(48px,6vw,90px);line-height:1}.tv-collection-intro p{max-width:420px;font-size:14px;margin-top:20px}.tv-collection-intro img{width:260px;max-width:100%;aspect-ratio:1;object-fit:contain;justify-self:end}.tv-collection-intro[data-tone=wydad] h2{color:var(--tv-wydad)}.tv-collection-intro[data-tone=raja] h2{color:var(--tv-raja)}.tv-search-form{max-width:800px;margin:0 auto 50px}.tv-search-form>label{display:block;font-family:var(--tv-display);font-size:44px;margin-bottom:20px}.tv-search-row{display:flex;gap:10px}.tv-search-row input{min-width:0;flex:1;border:1px solid var(--tv-line);background:transparent;padding:14px;font-size:16px}.tv-search-row button{min-height:48px;padding:12px 20px}.trevoce .page{max-width:800px;margin:auto}.trevoce .page p{margin-bottom:18px}.trevoce .page h2,.trevoce .page h3{font-weight:700;margin:25px 0 12px}.trevoce .page input,.trevoce .page textarea{font-size:16px}.tv-page-title{font-family:var(--tv-display);font-size:clamp(42px,6vw,72px);line-height:1.1;margin-bottom:30px}.tv-richtext{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.tv-richtext p{margin-bottom:16px}.tv-richtext img{max-width:100%;height:auto;object-fit:contain}.tv-richtext ul,.tv-richtext ol{padding-left:22px}.tv-richtext table{display:block;max-width:100%;overflow:auto}.tv-empty-link{display:inline-flex;margin-top:24px}
.trevoce .items-grid{gap:24px}.trevoce .product-listing .filter-area{padding-bottom:20px}.trevoce .product-listing .title{font-weight:700}.trevoce .cart-item img,.trevoce .cart-drawer img{object-fit:contain}.trevoce .cart .cart-summary,.trevoce .order-summary{border-radius:0}.trevoce button.primary,.trevoce a.primary{background:#171717;color:#fff;border-radius:0}.trevoce button.primary:hover{background:#333}.trevoce yc-section-head h2{font-family:var(--tv-display);font-size:40px;font-weight:900}.trevoce .empty-page{min-height:250px}.trevoce .total-items[hidden]{display:none!important}
@media(min-width:1600px){.tv-hero{min-height:820px}.tv-hero-photo{min-height:820px}}
@media(max-width:1000px){.tv-desktop-nav{gap:18px}.tv-header{gap:20px}.tv-logo img{width:145px;height:43px}.tv-hero{min-height:590px}.tv-hero-photo{min-height:590px}.tv-hero h1{font-size:clamp(52px,7.1vw,76px)}.tv-footer-top{gap:25px;grid-template-columns:1.5fr 1fr 1fr 1.1fr}.tv-product-grid{gap:16px}.tv-faq{gap:40px}.tv-manifesto-copy{padding:45px 32px}}
@media(max-width:767px){.tv-announcement{min-height:31px;font-size:8px;letter-spacing:1px}.tv-announcement-second{display:none}.tv-header{height:70px;padding:0 18px;gap:10px}.tv-logo{position:absolute;left:50%;transform:translateX(-50%)}.tv-logo img{width:139px;height:42px}.tv-desktop-nav{display:none}.tv-menu{display:block}.tv-menu summary{display:flex;align-items:center;gap:7px;min-width:44px;min-height:44px;font-size:22px;cursor:pointer;list-style:none}.tv-menu summary::-webkit-details-marker{display:none}.tv-menu-label{font-size:8px;letter-spacing:.8px}.tv-menu nav{position:absolute;top:69px;left:0;right:0;background:var(--tv-paper);border-bottom:1px solid var(--tv-line);padding:24px;display:flex;flex-direction:column;gap:5px;max-height:calc(100dvh - 101px);overflow:auto;box-shadow:0 15px 30px #0002}.tv-menu nav>a{display:block;padding:12px 0;font-size:20px;font-weight:700}.tv-menu nav .tv-mobile-home{font-size:9px;letter-spacing:1px;color:var(--tv-muted);padding-bottom:20px}.tv-menu form{margin-top:16px}.tv-menu label{font-size:12px;display:block;margin-bottom:10px}.tv-header-actions{margin-left:auto;gap:0}.tv-search-link{width:34px}.tv-header .cart-btn{min-width:36px}.tv-hero{grid-template-columns:1fr;min-height:0}.tv-hero-copy{padding:35px 25px 23px}.tv-hero h1{font-size:clamp(48px,15vw,104px);margin:10px 0 22px}.tv-hero .tv-eyebrow{font-size:8px!important;margin-bottom:14px}.tv-hero-intro{font-size:13px}.tv-hero-foot{padding-top:30px;font-size:7px}.tv-hero-photo{min-height:0;height:auto;aspect-ratio:4/5}.tv-hero-photo img{object-fit:cover;object-position:center 40%}.tv-ticker{justify-content:space-between;font-size:8px;gap:25px;padding:14px 20px}.tv-ticker span:last-child{display:none}.tv-section{padding:45px 20px}.tv-section-heading{display:block;margin-bottom:24px}.tv-section-heading .tv-text-link{margin-top:16px}.tv-section h2{font-size:40px}.tv-section-heading>p{font-size:12px}.tv-eyebrow{font-size:9px!important}.tv-collections{grid-template-columns:1fr;gap:30px}.tv-collection-caption{padding:16px 0}.tv-collection-caption h3{font-size:30px}.tv-collection-caption span{font-size:10px}.tv-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:26px}.tv-manifesto{grid-template-columns:1fr}.tv-manifesto-photo{max-height:none;aspect-ratio:4/5}.tv-manifesto-copy{padding:40px 25px}.tv-manifesto h2{font-size:51px}.tv-manifesto p:not(.tv-eyebrow){font-size:13px}.tv-benefits{grid-template-columns:1fr;gap:24px}.tv-benefits>div{display:grid;grid-template-columns:32px 1fr;gap:4px 16px;border:0;border-bottom:1px solid var(--tv-line);padding:0 0 23px}.tv-benefits h3{margin:0;font-size:12px}.tv-benefits p{grid-column:2;font-size:12px}.tv-benefits>div:last-child{padding-bottom:0}.tv-faq{grid-template-columns:1fr;gap:25px}.tv-faq h2 br{display:none}.tv-faq-list summary{font-size:13px;padding:20px 0}.tv-footer{padding:45px 20px 0}.tv-footer-top{grid-template-columns:1fr 1fr;gap:38px 20px;padding-bottom:35px}.tv-footer-brand{grid-column:1/-1}.tv-footer-top nav:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.tv-footer-top nav:last-child h2{grid-column:1/-1}.tv-footer nav a{min-height:34px}.tv-footer-bottom{flex-wrap:wrap;font-size:8px;padding:22px 0}.tv-footer-bottom a{width:100%;padding-top:5px}.tv-collection-intro{gap:20px;grid-template-columns:1fr 1fr}.tv-collection-intro h2{font-size:38px}.tv-collection-intro p{font-size:11px}.tv-collection-intro img{width:180px}.trevoce .items-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.trevoce .product-listing .products-area{padding:14px}.trevoce .product-listing .filter-area{padding:14px}.trevoce .all-collections .items-grid{grid-template-columns:1fr!important}.tv-search-row{flex-wrap:wrap}.tv-search-row button{flex-shrink:0}.tv-search-form>label{font-size:36px}.tv-search-row input{flex-basis:60%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trevoce *{animation:none!important;transition:none!important}}

/* Custom uploaded brand marks should retain their original color */
.tv-logo img.tv-uploaded-logo{filter:none;mix-blend-mode:normal;object-fit:contain}
.tv-footer img.tv-footer-custom-logo{filter:none;mix-blend-mode:normal;object-fit:contain}

/* ===== TREVOCE HERO FLEXIBLE V1.3 ===== */
.tv-hero-visual{display:block;position:relative;width:100%;overflow:hidden;background:#151515;isolation:isolate}
.tv-hero-visual-media{display:block;width:100%;line-height:0}
.tv-hero-visual-media img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;position:static;aspect-ratio:auto}
.tv-hero-visual-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(18px,4vw,70px);pointer-events:none;z-index:1}
.tv-hero-visual-overlay--headline{justify-content:space-between;background:linear-gradient(90deg,rgba(0,0,0,.68),transparent 90%);color:#f7f5f1}
.tv-hero-visual-content{max-width:min(650px,75%);pointer-events:none}
.tv-hero-visual-title{font-family:var(--tv-display);font-weight:900;line-height:.94;font-size:clamp(44px,6vw,106px);margin:12px 0 20px;color:#fff}
.tv-hero-visual-title em{font:inherit;color:#c4b8a1}
.tv-hero-visual-intro{font-size:clamp(12px,1.2vw,17px);color:#f1eee9;margin-bottom:24px}
.tv-hero-visual-cta{pointer-events:auto;position:relative;z-index:2}
@media(max-width:767px){
  .tv-hero-visual-overlay{padding:20px}
  .tv-hero-visual-overlay--headline{background:linear-gradient(to top,rgba(0,0,0,.7),transparent 80%)}
  .tv-hero-visual-content{max-width:100%}
  .tv-hero-visual-title{font-size:clamp(38px,10vw,74px)}
  .tv-hero-visual-cta{min-height:46px;padding:12px 18px;font-size:10px;gap:24px}
}
/* Keep source ratios: 16:9 desktop and 4:5 mobile are recommended, not forced. */

/* Preview fallback only: constrain older portrait image until the owner uploads the right responsive banners. */
.tv-hero-visual--fallback .tv-hero-visual-media{aspect-ratio:16/9;overflow:hidden}
.tv-hero-visual--fallback .tv-hero-visual-media img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
@media(max-width:767px){.tv-hero-visual--fallback .tv-hero-visual-media{aspect-ratio:4/5}}


/* TREVOCE V1.3.2 | Single collection intro gap fix
   YouCan collection art uses 1000x1000 HTML dimensions; previous CSS
   reduced the width without overriding the 1000px height.
   Keep artwork height proportional on desktop and mobile. */
body.trevoce .tv-collection-intro img {
  height: auto !important;
}