@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/fonts/cormorant-garamond-italic.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/fonts/cormorant-garamond-italic.woff2') format('woff2');font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/fonts/noto-arabic-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--mawsem-wine:#40252b;--mawsem-ivory:#fbf7ed;--mawsem-clay:#b36e59;--mawsem-citron:#d2d755;--mawsem-night:#382d31}
/* Brand fonts have taller ink bounds than the reference fonts. A reveal mask
   must accommodate the real line, and release clipping once it has revealed. */
#main [data-split] > .masking-text{height:auto!important;line-height:inherit!important;padding-block:.18em;margin-block:-.18em}
#main [data-split].mawsem-revealed > .masking-text{overflow:visible!important}
#intro .intro__title h1{font-size:clamp(48px,6.5vw,112px)!important;line-height:1.12!important;letter-spacing:-.035em}
#intro .intro__desc{font-size:15px!important;line-height:1.55!important;max-width:44ch!important;text-wrap:balance}
#intro{height:auto!important;min-height:100svh;padding-block:clamp(100px,15vh,160px)!important}
#intro .intro__title{max-width:calc(100vw - 40px)}
#intro .intro__cta{bottom:max(32px,env(safe-area-inset-bottom))!important}
@media(max-width:767.98px){#intro .intro__title h1{font-size:clamp(36px,10vw,48px)!important}}
@media(max-height:560px){#intro{min-height:600px}}
body{background:var(--mawsem-ivory);color:var(--mawsem-wine)}
/* Journal navigation always has a calm, readable surface over photography. */
body[data-mawsem-route^="/journal/"]:not([data-mawsem-route="/journal/"]) #header{background:var(--mawsem-ivory)}
@media(max-width:767.98px){
 body[data-mawsem-route^="/journal/"]:not([data-mawsem-route="/journal/"]) #article{padding-top:88px}
 #main #article .article__image,#main #article .article__image .media-img{height:auto!important}
 #main #article .article__image .parallax-image{transform:none!important}
 #main #article .article__image img{height:auto!important;object-fit:contain!important}
 #main #article .article__header{margin-top:0!important}
}
body .text-gray,body .text-gray2,body .text-gray3{color:#766165}
button,input,textarea{font-family:Manrope,sans-serif}
[lang=ar],.mawsem-ar{font-family:'Noto Sans Arabic',sans-serif}
.mawsem-nav-logo{display:block;width:120px;height:auto;transition:filter 1s cubic-bezier(.18,.71,.11,1)}
#header.is--white .mawsem-nav-logo,#header.is--draggallery .mawsem-nav-logo{filter:brightness(0) invert(1)}
#header .navbar.active .mawsem-nav-logo{filter:none}
.mawsem-footer-logo{display:block;width:120px;height:auto;margin-bottom:1rem}
.icon-global-right img{width:1.8rem;height:1.8rem;object-fit:contain;filter:brightness(0) invert(1)}
.mawsem-hero-media{width:100%;height:100%;object-fit:cover;display:block}
#intro .intro__image .media-video{height:100%;width:100%}
#intro .overlay-black{opacity:1!important;background:radial-gradient(ellipse at 50% 38%,rgba(30,11,18,.22),transparent 70%),linear-gradient(180deg,rgba(30,11,18,.42),rgba(30,11,18,.08) 25%,rgba(30,11,18,.12) 65%,rgba(30,11,18,.25))}
#ingredients .ingredients__image-1 img,#ingredients .ingredients__image-2 img{object-fit:contain}
#ingredients .ingredients__item-icon img,#ethos .ethos__icon img{width:100%;height:100%;object-fit:contain}
#ethos .ethos__image img{object-fit:contain}
.product__card{background:#e9d7d3!important}
.product__card-img img,.product__card-img2 img{object-fit:contain!important}
.product__card-img2 img{padding:1rem}
.cart-drawer__item-image img{object-fit:contain!important}
.product__card-title{font-size:1rem!important}
.product__card-quickcart:focus-visible{outline:2px solid var(--mawsem-wine);outline-offset:4px}
#p-detail .p-detail__detail-title .mawsem-ar{font-size:.42em;font-weight:400;display:block;padding-top:.15em;letter-spacing:0}
#p-detail .p-detail__recommend-item-img img{object-fit:contain!important;margin-top:0!important}
#p-detail .p-detail__pros .icon-wrapper{gap:.7rem}
#p-detail .p-detail__pros .list-icon-icon img,.p-slider__content .list-icon-icon img{width:65%;height:65%;object-fit:contain}
#p-notoxic .icon-round img{height:60%;width:60%;object-fit:contain}
.p-slider__ingredients-table table th,.p-slider__ingredients-table table td{color:var(--mawsem-wine)}
#footer .footer__email{background:var(--mawsem-wine);color:var(--mawsem-ivory)}
#footer .footer__email input[type=email]{background:transparent;color:var(--mawsem-ivory)}
#footer .footer__email .text-gray2,#footer .footer__email .text-gray3{color:#d9c7c5}
#footer .footer__email-title{color:var(--mawsem-ivory)}
#footer .footer__email input::placeholder{color:#d9c7c5}
#footer .footer__copyright{padding-bottom:1.5rem}
.mawsem-info{padding-top:9rem;padding-bottom:6rem;min-height:85vh}
.mawsem-info h1{font-size:5rem;margin-bottom:4rem}
#account .account__form h1{font-size:4rem;line-height:1;margin-bottom:1rem}
#account .navigation-logo img{object-fit:contain!important}
#account .text-gray{color:#766165}
@media(max-width:767.98px){#account .account__form h1{font-size:3.8095238095rem}}
.mawsem-info-image{width:100%;height:auto}
.mawsem-contact label{display:block;margin-bottom:1.3rem;font-size:.8rem}
.mawsem-contact input,.mawsem-contact textarea{display:block;background:transparent;border:0;border-bottom:1px solid #d3c8c5;color:var(--mawsem-wine);width:100%;padding:1rem 0;border-radius:0;font-size:1rem}
.mawsem-contact button{width:100%;margin-top:1rem}
a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mawsem-clay);outline-offset:4px}
@media(max-width:767px){.mawsem-nav-logo{width:90px}.mawsem-info{padding-top:8rem}.mawsem-info h1{font-size:3rem;margin-bottom:2rem}.mawsem-info .row{gap:2rem}.product__card-img2 img{padding:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.mawsem-hero-media{transform:none!important}.base-overlay-transition,.clone-transition{display:none!important}}

/* Audit fixes: readable reflow and room for the authored MAWSEM copy. */
html{font-size:clamp(10px,.833333vw,16px);text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:max(1rem,13px)}
.font-small{font-size:max(.8rem,11px)}
#header .navbar-link-text{font-size:max(.8rem,13px)}
#main #explore .half__grid-title{max-width:calc(100% - 5rem)}
#main #explore .half__grid-title .masking-text{overflow:visible}
#main #explore .half__grid-content{overflow:visible}
#main #explore .half__grid-product{overflow:clip;padding-block:12px}
.product__card-title{font-size:max(1rem,12px)!important;line-height:1.35}
.product-price{white-space:nowrap;font-size:max(1rem,12px)}
.product__card-category{font-size:max(.8rem,10px)}
#main #ethos .ethos__image{width:30rem;left:12%;top:32%}
#main #connect .connect__title-1{width:100%;max-width:100%;line-height:1}
#main #connect .connect__title-1 .masking-text{height:1.1em;line-height:1.05em}
#footer .footer__copyright .font-small,#footer .footer__copyright-links li{color:#766165!important}
.mawsem-contact select{display:block;background:transparent;border:0;border-bottom:1px solid #d3c8c5;color:var(--mawsem-wine);width:100%;padding:1rem 0;border-radius:0;font:inherit;min-height:44px}
.mawsem-contact input,.mawsem-contact textarea,.mawsem-contact select{font-size:16px;line-height:1.5}
.mawsem-contact label{font-size:13px;line-height:1.5}
.mawsem-contact .field-ar{display:block;font-family:'Noto Sans Arabic',sans-serif;direction:rtl;font-size:12px;margin-top:.2em}
.mawsem-skip-link{position:fixed;top:1rem;left:1rem;z-index:10001;background:var(--mawsem-wine);color:var(--mawsem-ivory);padding:1rem 1.5rem;transform:translateY(-200%);font-size:14px}
.mawsem-skip-link:focus{transform:none}
#main:focus{outline:none}
@media(max-width:767.98px){
 html{font-size:clamp(14px,3.73333vw,18px)}
 body{font-size:14px}
 #header .navbar-link-text{font-size:inherit}
 #main #ethos .ethos__image{width:16rem;margin-left:5%;margin-top:-8%;left:auto;top:auto}
 #main #connect .connect__title-1{top:-3.8rem;font-size:3.4rem}
 #main #ingredients .ingredients__title{font-size:clamp(28px,8.3vw,52px)}
 #intro .intro__title h1{font-size:clamp(36px,10vw,64px)}
 .mawsem-info h1{overflow-wrap:normal;font-size:clamp(34px,8vw,54px)}
}
@media(min-width:768px) and (max-width:1199.98px){
 #header .navbar-menu-list{gap:1.8rem}
 #main #ingredients .ingredients__item{padding:2rem 1.5rem;height:auto;min-height:24rem}
 #main #ingredients .ingredients__item p{font-size:12px;line-height:1.4}
 #main #ingredients .ingredients__item h3{font-size:14px}
 #main #explore .half__grid-title{font-size:clamp(26px,3vw,36px)}
 #main #ethos .ethos__image{width:26rem;left:8%;top:38%}
 #main #ethos .ethos__item p{font-size:12px;line-height:1.4}
}

@media(max-width:767.98px){#main #ethos .ethos__image{margin-top:-3%;margin-bottom:1.8rem}}

.collection__title2{display:block}
#main #collection .cta p{font-size:14px;line-height:1.45;color:#766165;opacity:1}
#main #collection .cta a{font-size:13px}
/* On small screens the title, family portrait and editorial card occupy
   separate rows. A complete vessel should never become a text background. */
@media(max-width:1199.98px){
 #main #collection .collection__intro{height:auto!important;min-height:0;display:flex;flex-direction:column;padding:100px 0 0}
 #main #collection .collection__intro>.container{order:0;padding-inline:20px}
 #main #collection .collection__intro h1{font-size:28px!important;color:var(--mawsem-wine);margin:0 0 8px}
 #main #collection .collection__intro h1 br{display:none}
 #main #collection .collection__title2{display:block!important;position:relative!important;inset:auto!important;font-size:44px!important;line-height:1.04;color:var(--mawsem-wine);margin:0;max-width:100%}
 #main #collection .collection__intro-img{position:relative!important;inset:auto!important;order:1;height:auto!important;aspect-ratio:3/2;width:100%;margin-top:28px}
 #main #collection .collection__intro-img .parallax-image{height:100%!important;width:100%!important;inset:0!important;transform:none!important}
 #main #collection .collection__intro-img .desktop{display:none!important}
 #main #collection .collection__intro-img .mobile{display:block!important}
 #main #collection .collection__intro-img picture{height:100%}
 #main #collection .collection__intro-img img{object-fit:contain!important}
 #main #collection .collection__intro-img:after{display:none}
 #main #collection .collection__intro .row-bottom{position:relative!important;inset:auto!important;order:2;display:flex!important;padding:20px;margin:0;width:100%}
 #main #collection .row-bottom>.col-md-8{width:100%;padding:0}
 #main #collection .row-bottom>.col-md-4{display:none}
 #main #collection .cta{width:100%;max-width:none;padding:24px}
 #main #collection .cta h2{font-size:28px;line-height:1.15}
 #main #collection .cta a{margin-top:28px}
}

body[data-mawsem-route="/philosophy/"] #header,body[data-mawsem-route="/products/"] #header{background:var(--mawsem-ivory)}
body[data-mawsem-route^="/products/"] #header{background:var(--mawsem-ivory)}
@media(min-width:768px) and (max-width:1199.98px){#main #ingredients .ingredients__wrapper{padding-bottom:24rem}}


@media(min-width:768px) and (max-width:1199.98px){#main #p-detail .p-detail__pros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}#main #p-detail .p-detail__pros .icon-wrapper{width:auto;min-width:0;align-items:center}#main #p-detail .p-detail__pros p{text-align:center;max-width:100%}}


label{color:var(--mawsem-wine)}

/* Keep selectable filter headings legible on their white panel. */
#main #product .product__filters p,.mobile-filters-panel .mobile-filters-content .accordion-toggle__title p{color:#766165!important}

/* MAWSEM controls retain contrast over the moving gallery. */
#header.is--draggallery{mix-blend-mode:normal!important;color:#40252b}
#header.is--draggallery{background:rgba(251,247,237,.96)}
#header.is--draggallery a,#header.is--draggallery #cart-nav{color:#40252b!important}

/* Purchase labels and action glyphs use accessible MAWSEM foregrounds. */
#main #AddToCart{background:var(--mawsem-wine)!important;color:var(--mawsem-ivory)}
#main #AddToCart .addtocart__text{color:var(--mawsem-ivory)!important}
#main #AddToCart .btn__icon-arrow path{stroke:var(--mawsem-wine)!important}
#main .p-detail__recommend-cta svg circle,#main .product__card-quickcart svg circle{fill:#d3b2b1}
#main .p-detail__recommend-cta svg path,#main .product__card-quickcart svg path[fill="white"]{fill:var(--mawsem-wine)!important}

/* The two-line gallery title has explicit clearance above the photograph. */
#main #connect .connect__title-1{top:auto!important;bottom:calc(100% + 1rem)!important}

/* Philosophy: keep the captured sequence and motion hooks while giving the
   portrait vessel, landscape family and material studies their own space. */
#main #philosophy .philosophy__intro h1,#main #philosophy .mawsem-philosophy-heading-part{color:var(--mawsem-wine);mix-blend-mode:normal}
#main #philosophy .mawsem-philosophy-heading-part{font-size:10.3rem;position:relative;text-transform:none;top:-1rem;white-space:nowrap;z-index:2;font-weight:600;letter-spacing:0;line-height:1.1}
#main #philosophy .philosophy__intro > .media-img:after{content:none}
#main #philosophy > .half__grid{height:auto;min-height:0;align-items:center;padding:6rem 0}
#main #philosophy > .half__grid .half__grid-content{width:45%;height:auto;max-height:none;overflow:visible;justify-content:center;gap:3rem}
#main #philosophy > .half__grid .half__grid-text .icon-1{display:block;width:80px;height:auto;min-width:0;min-height:0;max-width:100%;margin:0 auto 2rem;object-fit:contain}
#main #philosophy > .half__grid .half__grid-title{font-size:clamp(32px,3.5vw,52px);max-width:12ch;line-height:1.12}
#main #philosophy > .half__grid .half__grid-bottom{display:flex;flex-direction:column;gap:1.5rem;width:100%}
#main #philosophy > .half__grid .half__grid-desc{max-width:40ch;margin:0 auto;font-size:15px;line-height:1.6;color:var(--mawsem-wine)}
#main #philosophy [data-mawsem-philosophy-family]{width:55%;height:auto;aspect-ratio:3/2;display:block;position:relative;background:var(--mawsem-ivory)}
#main #philosophy [data-mawsem-philosophy-family] .parallax-image{height:110%;width:100%;position:absolute;inset:-5% 0 auto}
#main #philosophy [data-mawsem-philosophy-family] picture{display:block;height:100%}
#main #philosophy [data-mawsem-philosophy-family] img{height:100%!important;width:100%;object-fit:contain;object-position:center}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients h2{font-size:clamp(34px,4.2vw,64px);line-height:1.12;max-width:19ch}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients h2 .masking-text{padding-block:.08em;line-height:1.2}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients.right h2{margin-left:auto}
body[data-mawsem-route="/philosophy/"] #main .mawsem-philosophy-study{display:block;width:min(56%,680px);height:clamp(280px,31vw,440px);margin:3rem 0 3rem auto;overflow:hidden;background:#f0e9dd}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients.right .mawsem-philosophy-study{margin-right:auto;margin-left:0}
body[data-mawsem-route="/philosophy/"] #main .mawsem-philosophy-study img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 5%}
body[data-mawsem-route="/philosophy/"] #main .mawsem-philosophy-study[data-mawsem-study="opening"] img{object-fit:contain;padding:1rem}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients-bottom{align-items:flex-start;gap:3rem}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients-desc{gap:2.5rem;width:min(70%,820px);min-width:0}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients-desc p{flex:1;max-width:none;min-width:0;margin:0;font-size:15px;line-height:1.6}
body[data-mawsem-route="/philosophy/"] #main .p-ingradients .icon-circle svg{width:24px;height:24px;object-fit:contain}
body[data-mawsem-route="/philosophy/"] #main [data-mawsem-philosophy-opening]{height:auto;aspect-ratio:3/2;max-height:85vh;position:relative;background:var(--mawsem-ivory)}
body[data-mawsem-route="/philosophy/"] #main [data-mawsem-philosophy-opening] .parallax-image{height:110%;position:absolute;inset:-5% 0 auto}
body[data-mawsem-route="/philosophy/"] #main [data-mawsem-philosophy-opening] picture{display:block;height:100%}
body[data-mawsem-route="/philosophy/"] #main [data-mawsem-philosophy-opening] img{height:100%;width:100%;object-fit:contain}
body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid{min-height:650px;height:90vh;max-height:1000px;align-items:center}
body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid-content{height:auto;max-height:none;justify-content:center;gap:3rem;min-width:0}
body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid-title{font-weight:400;text-transform:none;font-size:clamp(32px,3.5vw,52px);max-width:14ch;line-height:1.15;margin:auto}
body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid-desc{max-width:39ch;width:auto;min-width:0;margin:0 auto;font-size:15px;line-height:1.6;overflow-wrap:break-word;color:var(--mawsem-wine)}
body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card{background:#f1ebe1;color:var(--mawsem-wine);padding:14px;height:auto!important;width:100%;max-width:320px}
body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(32px,auto);height:auto;max-width:100%;width:100%;gap:8px;align-content:start;justify-content:stretch;justify-items:stretch}
body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card .img-wrapper{position:relative;flex:none;aspect-ratio:3/2;min-height:0;width:100%;height:auto;border-radius:0;padding:0;overflow:hidden;background:transparent}
body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card .media-img,body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card picture{width:100%;height:100%;display:block}
body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card img{position:absolute;inset:0;display:block;width:100%;height:100%!important;border-radius:0;mix-blend-mode:normal;object-fit:cover;object-position:50% 60%}
body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card p{font-size:16px;line-height:1.25;max-width:100%}
body[data-mawsem-route="/philosophy/"] #main #p-proven .mawsem-material-description{font-size:12px;line-height:1.35;max-width:100%;opacity:.75}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="0"] img{object-position:70% 90%;transform:scale(1.4);transform-origin:70% 90%}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="1"] img{object-position:5% 0;transform:scale(1.65);transform-origin:5% 0}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="2"] img{object-position:45% 45%;transform:scale(1.5);transform-origin:45% 45%}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="3"] .img-wrapper{display:flex;align-items:center;justify-content:center;background:var(--mawsem-wine)}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="3"] .media-img{height:100%;width:100%}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="3"] img{object-fit:contain;height:100%;width:72%;left:14%}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="4"] img{object-position:95% 45%;transform:scale(1.8);transform-origin:95% 45%}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="5"] img{object-position:100% 12%;transform:scale(2.5);transform-origin:100% 12%}
body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="6"] img,body[data-mawsem-route="/philosophy/"] #main #p-proven [data-mawsem-material-index="7"] img{object-fit:cover;object-position:center}
body[data-mawsem-route="/philosophy/"] #main #p-benefit{margin-top:5rem}
body[data-mawsem-route="/philosophy/"] #main #p-benefit .p-benefit-icon{width:80px;height:80px;overflow:hidden;background:var(--mawsem-ivory)}
body[data-mawsem-route="/philosophy/"] #main #p-benefit .p-benefit-icon img{max-width:none;width:100%;height:100%;object-fit:cover}
body[data-mawsem-route="/philosophy/"] #main #p-benefit [data-mawsem-material-index="0"] img{object-position:70% 80%;transform:scale(1.5);transform-origin:70% 80%}
body[data-mawsem-route="/philosophy/"] #main #p-benefit [data-mawsem-material-index="1"] img{object-position:5% 0;transform:scale(1.65);transform-origin:5% 0}
body[data-mawsem-route="/philosophy/"] #main #p-benefit [data-mawsem-material-index="2"] img{object-position:45% 45%;transform:scale(1.5);transform-origin:45% 45%}
body[data-mawsem-route="/philosophy/"] #main #p-benefit [data-mawsem-material-index="3"]{background:var(--mawsem-wine)}
body[data-mawsem-route="/philosophy/"] #main #p-benefit [data-mawsem-material-index="4"]{background:var(--mawsem-clay)}
body[data-mawsem-route="/philosophy/"] #main #p-benefit [data-mawsem-material-index="5"]{background:var(--mawsem-citron)}
body[data-mawsem-route="/philosophy/"] #main #p-benefit .p-benefit-text{max-width:100%;font-size:14px;line-height:1.4}

/* Review correction: frame complete product objects and let copy own its space. */
#main #p-summary{padding-block:clamp(64px,7vw,112px);overflow:visible}
#main #p-summary .p-summary-img1{width:min(36vw,500px);max-width:none;height:auto;aspect-ratio:6/5;margin:0 0 0 3%;transform:none!important}
#main #p-summary .p-summary-img1 picture,#main #p-summary .p-summary-img2 picture{display:block;height:100%;width:100%}
#main #p-summary .p-summary-img1 img,#main #p-summary .p-summary-img2 img{width:100%;height:100%;max-width:none;object-fit:contain!important}
#main #p-summary .p-summary-img2{width:min(36vw,500px);max-width:none;height:auto;aspect-ratio:1;margin:3rem 5% 0 auto;transform:none!important}
#main #p-summary .p-summary__benefit{margin-top:3rem}
#main #p-summary .p-summary__benefit-head{max-width:960px;margin:0 auto 3rem}
#main #p-summary .p-summary__benefit-head h2{font-size:clamp(34px,4.2vw,66px);line-height:1.2;max-width:22ch;margin:auto}
#main #p-summary .p-summary__benefit-list{font-size:15px;line-height:1.6;vertical-align:top;max-width:42ch}
/* SplitText wrappers need clearance for Arabic marks, ascenders and descenders. */
#main #ethos .masking-text,#main #connect .masking-text,#main #p-summary .masking-text,#main #p-slider .p-slider__title .masking-text,#main #article .article__title .masking-text{height:auto!important;line-height:1.12!important;padding-block:.1em;margin-block:-.1em}
#main #ethos{padding-block:clamp(64px,8vw,128px)}
#main #ethos .ethos__title{font-size:clamp(56px,8.4vw,136px);line-height:1.12}
#main #ethos .ethos__title:before{top:1.2rem;left:0;font-size:11px;padding:.4rem 1.7rem}
#main #ethos .mawsem-ethos-composition{display:grid;grid-template-columns:45% 55%;align-items:center;gap:0;margin-top:3rem}
#main #ethos .ethos__image{position:relative;left:auto;top:auto;width:100%;max-width:500px;height:auto;aspect-ratio:6/5;margin:0 auto;transform:none!important}
#main #ethos .ethos__image picture{display:block;width:100%;height:100%}
#main #ethos .ethos__image img{width:100%;height:100%;object-fit:contain}
#main #ethos .ethos__title-2{font-size:clamp(56px,8vw,128px);line-height:1.12;width:100%;margin:0;transform:none!important}
#main #ethos .ethos__item p{font-size:14px;line-height:1.55}
#main #ethos .ethos__item h3{font-size:22px;line-height:1.25;flex:1;min-width:0}
#main #ethos .ethos__icon{flex:none;width:40px;height:40px}
#main #ethos .ethos__arrow{position:relative;top:auto;left:auto;bottom:auto;transform:none;margin-top:3rem}

#main #connect.mawsem-connect-composition{margin:0;padding-block:clamp(80px,8vw,140px)}
#main #connect .connect__title-1,#main #connect .connect__title-2{position:relative;top:auto!important;bottom:auto!important;left:auto;transform:none;width:100%;max-width:100%;height:auto}
#main #connect .connect__title-1{font-size:clamp(40px,4.8vw,76px);line-height:1.12;margin:0 0 2.5rem}
#main #connect .connect__image{height:auto;aspect-ratio:1122/1402;max-width:640px;margin:0 auto;z-index:0}
#main #connect .connect__image .media-img,#main #connect .connect__image picture{height:100%;width:100%}
#main #connect .connect__image img{height:100%;width:100%;object-fit:contain}
#main #connect .connect__title-2{font-size:clamp(44px,5vw,80px);line-height:1.05;margin:2rem auto}
#main #connect .connect__socmed{position:relative;left:auto;bottom:auto;transform:none;width:min(100%,320px);max-width:none;margin:2.5rem auto 0}
#main #connect .left-text,#main #connect .connect__desc{font-size:14px;line-height:1.5}
#main #connect .connect__end{transform:none!important}

/* The reference's two negative 30% margins could cross the previous section
   when the footer photograph was absent. The newsletter now starts in flow. */
#footer{position:relative;isolation:isolate}
#footer .footer__wrapper{margin-top:0!important;padding-top:clamp(48px,5vw,80px);padding-bottom:3rem;align-items:flex-start}
#footer .footer__email-wrapper{margin-top:0!important;margin-bottom:0}
#footer .footer__email{padding:clamp(32px,3.5vw,56px);text-align:start;align-items:stretch}
#footer .footer__email-title{font-size:clamp(32px,3.3vw,52px);line-height:1.12;margin-bottom:1.5rem}
#footer .footer__email .maxwidth-0{width:100%;max-width:38ch;font-size:14px;line-height:1.5}
#footer .footer__email input[type=email]{margin:2rem 0;font-size:16px;width:100%}
#footer .footer__submit{align-self:flex-start}
#footer .footer__email .border{margin:2rem 0}
.product__card-header{min-width:0}
.product__card-title{overflow-wrap:normal;word-break:normal}
#travel-collection,#wardrobe-collection{scroll-margin-top:110px}
.product__card-title .mawsem-card-ar{display:block;font-family:'Noto Sans Arabic',sans-serif;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;text-align:start;margin-top:.4em}
#main #p-detail .p-detail__img img,#main #p-slider img[src*="/assets/products/"]{object-fit:contain!important}
/* Captured floated cards did not contribute to the feed height.
   Retain the staggered editorial arrangement with intrinsic grid rows. */
#main #blog .blog__feed{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5rem 2rem;height:auto;position:relative;padding-bottom:6rem}
#main #blog .blog__feed > .blog__feed-item{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto;max-width:none;margin:0!important}
#main #blog .blog__feed > .blog__feed-item:nth-child(1){grid-column:1/8;grid-row:1}
#main #blog .blog__feed > .blog__feed-item:nth-child(2){grid-column:9/13;grid-row:2}
#main #blog .blog__feed > .blog__feed-item:nth-child(3){grid-column:4/8;grid-row:2}
#main #blog .blog__feed > .blog__feed-item:nth-child(4){grid-column:1/7;grid-row:3}
#main #blog .blog__feed > .blog__feed-item:nth-child(5){grid-column:7/13;grid-row:3;align-self:end}
#main #blog .blog__feed-item .media-img{height:auto!important;aspect-ratio:auto}
#main #blog .blog__feed-item picture{display:block}
#main #blog .blog__feed-item img{display:block;width:100%;height:auto;object-fit:contain}
#main #blog .blog__feed-item h2{font-size:clamp(22px,1.7vw,30px);line-height:1.25;margin-top:1.4rem}
#main #blog .blog__feed-item p{font-size:14px;line-height:1.55;max-width:52ch}
@media(max-width:767.98px){
 #main #blog .blog__feed{grid-template-columns:1fr;gap:3rem;padding-bottom:3rem}
 #main #blog .blog__feed > .blog__feed-item:nth-child(n){grid-column:1;grid-row:auto}
 #main #p-summary{padding-block:3rem}
 #main #p-summary .p-summary-img1{width:min(90%,420px);margin:0 auto;aspect-ratio:6/5}
 #main #p-summary .p-summary-img1-wrapper{display:block}
 #main #p-summary .p-summary__benefit{margin-top:2rem}
 #main #p-summary .p-summary__benefit-head{margin-bottom:2rem;text-align:start}
 #main #p-summary .p-summary__benefit-head h2{text-align:start;font-size:34px}
 #main #p-summary .p-summary-img2{width:100%;margin:2rem auto;aspect-ratio:1}
 #main #p-summary .p-summary__benefit-list{display:block;max-width:100%;margin-right:0;font-size:14px}
 #main #ethos .mawsem-ethos-composition{grid-template-columns:1fr;margin-top:0;gap:1.5rem}
 #main #ethos .ethos__title-2{grid-row:1;font-size:clamp(52px,15vw,90px);text-align:start}
 #main #ethos .ethos__image{width:90%;margin:0 auto 2rem}
 #main #ethos .row.d-md-none p{font-size:14px;line-height:1.55}
 #main #connect .connect__title-1{font-size:44px}
 #main #connect .connect__image{width:100%;max-width:480px}
 #main #connect .connect__title-2{font-size:58px;margin:1.5rem auto}
 #main #connect .connect__desc{margin:2rem auto 0}
 #footer .footer__wrapper{row-gap:3rem;padding-top:3rem}
 #footer .footer__email-wrapper{margin-bottom:0}
}
@media(min-width:767.99px){
 #main #philosophy .philosophy__intro{min-height:620px}
 #main #philosophy .philosophy__intro > .desktop{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 #main #philosophy .philosophy__intro > .desktop img{position:absolute;left:50%;top:52%;height:46vh;max-height:620px;width:auto;max-width:65%;object-fit:contain;transform:translate(-50%,-50%)}
 #main #philosophy .philosophy__intro-top,#main #philosophy .philosophy__intro-bottom{position:relative;z-index:2}
 #main #philosophy .philosophy__intro h1,#main #philosophy .mawsem-philosophy-heading-part{font-size:clamp(64px,8.2vw,128px);top:0;line-height:1.06;white-space:nowrap}
 #main #philosophy .philosophy__intro-bottom p{max-width:36ch;font-size:14px;line-height:1.45}
}
@media(max-width:767.98px){
 #main #philosophy .philosophy__intro h1,#main #philosophy .mawsem-philosophy-heading-part{font-size:clamp(42px,13vw,80px);white-space:normal}
 #main #philosophy > .half__grid{padding:0}
 #main #philosophy > .half__grid .half__grid-content{width:100%;padding:3.5rem 1.6rem;gap:2rem}
 #main #philosophy > .half__grid .half__grid-text .icon-1{width:64px;margin-bottom:1.7rem}
 #main #philosophy > .half__grid .half__grid-title{font-size:36px}
 #main #philosophy > .half__grid .half__grid-desc{font-size:14px;text-align:start;line-height:1.6}
 #main #philosophy [data-mawsem-philosophy-family]{width:100%;aspect-ratio:3/2}
 #main #philosophy [data-mawsem-philosophy-family] .parallax-image{height:100%;inset:0}
 body[data-mawsem-route="/philosophy/"] #main .p-ingradients h2{font-size:34px;max-width:100%}
 body[data-mawsem-route="/philosophy/"] #main .p-ingradients.right h2{text-align:start}
 body[data-mawsem-route="/philosophy/"] #main .mawsem-philosophy-study{width:100%;height:auto;aspect-ratio:4/3;margin:2rem 0}
 body[data-mawsem-route="/philosophy/"] #main .p-ingradients-desc{width:100%;flex-direction:column;gap:1.5rem}
 body[data-mawsem-route="/philosophy/"] #main .p-ingradients-desc p{font-size:14px;line-height:1.6;margin:0}
 body[data-mawsem-route="/philosophy/"] #main [data-mawsem-philosophy-opening]{aspect-ratio:3/2;max-height:none}
 body[data-mawsem-route="/philosophy/"] #main [data-mawsem-philosophy-opening] .parallax-image{height:100%;inset:0}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid{height:auto;min-height:0;max-height:none;gap:2.5rem}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid-content{width:100%;padding:0 1.6rem;gap:2rem;order:1}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid-title{font-size:36px;max-width:14ch}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid-desc{font-size:14px;line-height:1.6;text-align:start;margin:0}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid-img{order:2;width:100%;height:auto;position:relative;top:auto;transform:none;padding:0}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .marquee-container{height:auto}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .marquee-y{height:300px}
 body[data-mawsem-route="/philosophy/"] #main #p-proven .ingredients__card{height:280px;min-width:230px;width:230px;padding:14px}
 body[data-mawsem-route="/philosophy/"] #main #p-benefit{margin-top:4rem}
}

/* Production refinement: readable ink bounds, intrinsic copy height and
   comfortable hit areas across the same desktop and mobile compositions. */
#main #p-detail .p-detail__recommend-item-title h3{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;line-height:1.45;font-size:14px;max-width:22ch}
#main #p-slider .accordion__content{padding-block:8px}
#main #p-slider .accordion__content h3{line-height:1.45}
#main #philosophy #p-proven .half__grid{overflow:visible}
#main #journal .journal__card-desc{color:#766165}
#header .navbar-link-text[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
#header .navbar-hamburger,#cart-nav{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
/* Both actions share the same centered hit area, including the account link. */
#header .navbar-cta .navbar-menu-list{align-items:center}
#header .navbar-cta .navbar-menu-list-item-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;line-height:1}
#header .navbar-cta .border-vertical{height:24px!important;width:1px;min-width:1px;flex:none;align-self:center;margin-inline:8px!important}
#header .navbar-hamburger{flex-direction:column}
#header .navbar-hamburger-line{flex-shrink:0}
#header .navbar-hamburger{gap:8px}
#header .navbar-hamburger-line-2{margin-top:0}
.product__card-quickcart{width:44px!important;height:44px!important;display:grid!important;place-items:center;flex-shrink:0}
.product__card-quickcart svg{width:28px;height:28px}
.quantity-input-btn,.mawsem-quantity button,.cart-drawer__header-close,.mawsem-dialog-close,.slider-arrow,.mawsem-lightbox>button{min-width:44px;min-height:44px}
.mawsem-quantity input{min-height:44px;font-size:16px}
.cart-drawer__item .mawsem-quantity{gap:4px}
#main #p-detail .quantity-input input{font-size:16px;min-height:44px}
#main #p-detail .p-detail__detail-desc{font-size:15px;line-height:1.6;max-width:54ch}
#footer .footer__links a,#footer .footer__wrapper li a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;line-height:1.5}
#footer .footer__submit{min-height:44px;min-width:44px}
#main .mawsem-info p{font-size:16px;line-height:1.65;max-width:65ch}
@media(max-width:767.98px){
 #main #explore .half__grid-content{padding-block:24px}
 #main #p-slider .accordion__content{padding-block:0}
 #main #p-slider .accordion.is--active>.accordion__content{padding-block:8px 24px}
 .mawsem-lightbox{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}
 .mawsem-lightbox>button{width:44px;height:44px}
 #footer .footer__wrapper li a{min-height:44px}
 #main #p-detail .p-detail__detail-btn{gap:16px}
}
#main #p-detail .mawsem-recommend-name{font-size:14px;line-height:1.45;max-width:22ch;margin-bottom:10px;overflow:visible}
.mawsem-notfound .mawsem-error-number{font-size:clamp(100px,20vw,220px);font-family:'Cormorant Garamond',serif;line-height:1;color:var(--mawsem-clay);margin-bottom:24px}
.mawsem-notfound h1{font-size:clamp(36px,5vw,72px);line-height:1.15;margin-bottom:24px}
.mawsem-notfound .mawsem-error-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.mawsem-error-actions a{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px;border:1px solid #d3c8c5;border-radius:50px;min-height:48px;font-size:14px}
.mawsem-error-actions a:first-child{background:var(--mawsem-wine);color:var(--mawsem-ivory);border-color:var(--mawsem-wine)}
@media(max-width:767.98px){.mawsem-error-actions a{width:100%}}
[data-mawsem-filter]{min-height:44px;display:inline-flex;align-items:center;line-height:1.5}
.accordion-toggle__title,.accordion__title{min-height:44px;align-items:center}
#main .article__share a,#main .article__share button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body[data-mawsem-route="/philosophy/"] #main #p-proven .half__grid{overflow:visible}
#account .account__form-wrapper.active{overflow:visible}
#account .account__form h1{line-height:1.2;padding-block:.18em;margin-top:0}
#main #productlist{padding-top:16px}
#main #blog .blog__intro p,#main #blog .blog__desc,#main #blog .blog__date{color:#766165;opacity:1}