/* Customer experience: a single responsive type and spacing system. */
html body[data-experience=customer]{--customer-heading:#26221e;--customer-copy:#504b43;--customer-accent:#805c26;--customer-panel:#fffefa;--customer-space:clamp(44px,5vw,72px);font-size:17px;font-weight:400;line-height:1.85;color:var(--customer-heading)}
html[data-theme=dark] body[data-experience=customer]{--customer-heading:#f5f0e7;--customer-copy:#d1c9bb;--customer-accent:#e5c77e;--customer-panel:#24221f}
html body[data-experience=customer] .preview{display:none}
html body[data-experience=customer] .wrap{width:min(1240px,calc(100% - 80px))}
html body[data-experience=customer] .section{padding-block:var(--customer-space)}
html body[data-experience=customer] .site-controls-bar .preference-btn{font-size:13px;font-weight:500;min-height:34px}
html body[data-experience=customer] .nav-refined{height:84px;padding-inline:max(32px,calc((100% - 1240px)/2));gap:26px}
html body[data-experience=customer] .nav-refined .nav-links{gap:26px}
html body[data-experience=customer] .nav-refined .nav-links a{font-size:16px;line-height:1.6;font-weight:500;min-height:44px}
html body[data-experience=customer] .nav-refined .btn{font-size:15px;min-height:46px;padding:11px 20px}
html body[data-experience=customer] .page-intro{padding-block:32px 38px;background:var(--customer-panel)}
html body[data-experience=customer] .page-intro .breadcrumb{font-size:14px!important;color:var(--customer-copy);margin-bottom:12px}
html body[data-experience=customer] .page-intro .eyebrow{display:none}
html body[data-experience=customer] .page-intro .page-title{font-size:clamp(38px,4vw,54px);font-weight:700;line-height:1.55;margin:0 0 12px;letter-spacing:0;color:var(--customer-heading)}
html body[data-experience=customer] .page-intro .subtle{font-size:18px!important;max-width:68ch;line-height:1.9;margin:0;color:var(--customer-copy)}
html body[data-experience=customer] :is(.section-head,.story-copy,.contact-form-head,.contact-side-intro,.portal-card) h2{font-size:clamp(32px,3.3vw,44px);line-height:1.6;letter-spacing:0;font-weight:700;margin:0 0 16px;color:var(--customer-heading)}
html body[data-experience=customer] :is(.section-head,.story-copy,.contact-form-head,.contact-side-intro,.portal-card)>p{font-size:18px;line-height:1.95;color:var(--customer-copy);max-width:66ch;margin:0}
html body[data-experience=customer] .section-head{margin-bottom:30px;align-items:end;gap:24px}
html body[data-experience=customer] .eyebrow{font-size:15px!important;line-height:1.7;letter-spacing:1px;font-weight:600;color:var(--customer-accent);margin-bottom:12px}
html[lang=ar] body[data-experience=customer] .eyebrow{letter-spacing:0}
html body[data-experience=customer] .editorial-index{display:none}
html body[data-experience=customer] :is(.btn,.text-link,.pill,.search-input){font-size:16px;font-weight:600;line-height:1.65}
html body[data-experience=customer] .btn{min-height:48px;padding:12px 22px}
html body[data-experience=customer] .text-link{min-height:44px;align-items:center}
html body[data-experience=customer] .btn.outline{color:var(--customer-heading);border-color:var(--line)}
html body[data-experience=customer] .btn.dark{color:#fffaf0;background:#29251f}
html[data-theme=dark] body[data-experience=customer] .btn.dark{background:#e9c77c;color:#282116}
html body[data-experience=customer] .hero-editorial{padding-block:44px 50px}
html body[data-experience=customer] .hero-editorial-grid{grid-template-columns:1fr 1fr;gap:56px;align-items:center}
html body[data-experience=customer] .hero-editorial-copy{max-width:580px;padding:8px 0}
html body[data-experience=customer] .hero-editorial h1{font-size:clamp(38px,4.2vw,58px);line-height:1.6;font-weight:700;letter-spacing:0;margin-bottom:22px}
html body[data-experience=customer] .hero-editorial-copy>p{font-size:18px;line-height:1.95;color:#e1d9cc;max-width:48ch;font-weight:400}
html body[data-experience=customer] .hero-editorial-copy .eyebrow{color:#e4c77e}
html body[data-experience=customer] .hero-editorial .hero-buttons{gap:18px;margin-top:26px}
html body[data-experience=customer] :is(.hero-secondary,.hero-contact-link){font-size:16px;font-weight:500;min-height:44px}
html body[data-experience=customer] .hero-product-stage{max-width:520px;width:100%;margin-inline:auto;margin-bottom:0}
html body[data-experience=customer] .hero-product-photo{border-radius:56px 10px 10px 10px;aspect-ratio:1;max-height:520px}
html body[data-experience=customer] .hero-product-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
html body[data-experience=customer] .stage-topline{font-size:13px!important;line-height:1.7;letter-spacing:1px;color:#d0c2a6}
html body[data-experience=customer] .stage-frame{display:none}
html body[data-experience=customer] .stage-caption{padding-top:12px}
html body[data-experience=customer] .stage-caption strong{font-size:20px}
html body[data-experience=customer] .stage-caption small{font-size:13px;color:#d0c5b4}
html body[data-experience=customer] .hero-signature{font-size:14px;margin-top:22px;color:#cbc0ab}
html body[data-experience=customer] .discovery-strip a{padding-block:22px;gap:12px}
html body[data-experience=customer] .discovery-strip b{font-size:17px;line-height:1.7}
html body[data-experience=customer] .discovery-strip small{font-size:14px;line-height:1.7;color:var(--customer-copy)}
html body[data-experience=customer] .discovery-number{display:none}
html body[data-experience=customer] .product-grid{gap:24px;align-items:stretch}
html body[data-experience=customer] .product-refined{border-radius:12px;overflow:hidden;background:var(--customer-panel)}
html body[data-experience=customer] .product-refined .product-photo{aspect-ratio:1;max-height:360px;background:#e9edef}
html body[data-experience=customer] .product-refined .product-photo img{height:100%;width:100%;object-fit:contain}
html body[data-experience=customer] .product-refined .product-info{padding:24px;gap:0}
html body[data-experience=customer] .product-refined .product-title-row h3{font-size:26px;font-weight:700;line-height:1.6;letter-spacing:0;color:var(--customer-heading)}
html body[data-experience=customer] .product-refined .product-info>p{font-size:17px;line-height:1.9;font-weight:400;color:var(--customer-copy);min-height:0;margin:14px 0 20px}
html body[data-experience=customer] .product-refined .product-monogram{display:none}
html body[data-experience=customer] .product-refined .flavor-preview{margin-top:auto;margin-bottom:20px;gap:7px;min-height:0}
html body[data-experience=customer] .product-refined :is(.flavor-preview span,.product-flavor-count,.tag){font-size:14px!important;line-height:1.65}
html body[data-experience=customer] .product-refined .row{padding-top:15px;gap:10px;margin-top:0}
html body[data-experience=customer] .collection-end{margin-top:24px;font-size:16px;line-height:1.85}
html body[data-experience=customer] .story-editorial{grid-template-columns:1fr 1fr;gap:54px;align-items:center}
html body[data-experience=customer] .story-visual{width:100%;margin:0;padding:0;overflow:hidden;border-radius:14px;background:var(--customer-panel)}
html body[data-experience=customer] .story-visual img{display:block;width:100%;height:auto;aspect-ratio:1;max-height:500px;object-fit:contain;background:#e9edef}
html body[data-experience=customer] .story-caption{padding:14px 18px;font-size:14px;line-height:1.7}
html body[data-experience=customer] .craft-steps{margin-block:24px 18px}
html body[data-experience=customer] .craft-steps li{padding-block:15px;gap:14px}
html body[data-experience=customer] .craft-steps b{font-size:18px;font-weight:600}
html body[data-experience=customer] .craft-steps small{font-size:15px;line-height:1.8;color:var(--customer-copy)}
html body[data-experience=customer] .purchase-grid{gap:24px}
html body[data-experience=customer] .purchase-card{padding:30px;min-height:0;border-radius:12px}
html body[data-experience=customer] .purchase-card h3{font-size:30px;font-weight:700;line-height:1.6;margin-block:14px}
html body[data-experience=customer] .purchase-card p{font-size:17px;line-height:1.9;margin-bottom:22px}
html body[data-experience=customer] .purchase-card .purchase-icon{margin-bottom:18px}
html body[data-experience=customer] .purchase-card .purchase-link{font-size:16px;padding-top:18px}
html body[data-experience=customer] .partner-card{color:#f7f0df}
html body[data-experience=customer] .partner-card p{color:#e0d4bf}
html body[data-experience=customer] .partner-card .eyebrow{color:#e2c77d}
html body[data-experience=customer] .home-contact-wrap{max-width:1040px}
html body[data-experience=customer] .contact-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:36px;align-items:start}
html body[data-experience=customer] .contact-form-card{padding:32px;border-radius:14px;border:1px solid var(--line);border-top:3px solid var(--customer-accent);box-shadow:0 10px 35px #29251f05;background:var(--customer-panel)}
html body[data-experience=customer] .contact-form-head h2{font-size:32px;line-height:1.6;margin-bottom:10px}
html body[data-experience=customer] .contact-form-head p{font-size:16px;margin-bottom:24px}
html body[data-experience=customer] .contact-form-head .eyebrow{display:none}
html body[data-experience=customer] .contact-form-card .fields{gap:18px}
html body[data-experience=customer] .contact-form-card .field{font-size:16px;font-weight:600;line-height:1.8;gap:8px;color:var(--customer-heading)}
html body[data-experience=customer] .contact-form-card .field :is(input,select,textarea){font-size:16px;font-weight:400;min-height:48px;line-height:1.7;padding:11px 14px;color:var(--customer-heading);background:var(--paper);border:1px solid var(--line)}
html body[data-experience=customer] .contact-form-card .field textarea{min-height:128px}
html body[data-experience=customer] .contact-consent{font-size:14px!important;line-height:1.9;margin-block:22px 18px}
html body[data-experience=customer] .contact-submit{gap:12px}
html body[data-experience=customer] .contact-submit .btn{font-size:16px;min-height:50px}
html body[data-experience=customer] .contact-explainer{font-size:14px;line-height:1.9;color:var(--customer-copy);margin-top:14px}
html body[data-experience=customer] .contact-channel{padding-block:18px;gap:12px}
html body[data-experience=customer] .contact-channel b{font-size:18px;color:var(--customer-heading)}
html body[data-experience=customer] .contact-channel small{font-size:16px;color:var(--customer-copy)}
html body[data-experience=customer] .contact-aside{padding-top:12px}
html body[data-experience=customer] .contact-aside h3{font-size:22px;line-height:1.7}
html body[data-experience=customer] .wholesale-note b{font-size:19px}
html body[data-experience=customer] .wholesale-note p{font-size:16px;line-height:1.9}
html body[data-experience=customer] .portal-card{padding:32px;max-width:640px}
html body[data-experience=customer] .portal-card .field{font-size:16px;font-weight:600}
html body[data-experience=customer] .portal-card :is(input,select){font-size:16px;min-height:48px}
html body[data-experience=customer] .portal-tabs button{font-size:17px;min-height:48px}
html body[data-experience=customer] .empty-state h3{font-size:27px;line-height:1.6}
html body[data-experience=customer] .empty-state p{font-size:17px;color:var(--customer-copy)}
html body[data-experience=customer] .filters{gap:12px;flex-wrap:wrap;margin-bottom:22px}
html body[data-experience=customer] .filters :is(input,select){font-size:16px;min-height:46px}
html body[data-experience=customer] .modal-header h2{font-size:32px;line-height:1.6}
html body[data-experience=customer] .modal .detail-grid .subtle{font-size:17px!important;line-height:1.95}
html body[data-experience=customer] .modal h4{font-size:20px}
html body[data-experience=customer] .modal .chips span{font-size:15px}
html body[data-experience=customer] .modal .notice{font-size:14px;line-height:1.9}
html body[data-experience=customer] .footer-refined{padding-top:40px}
html body[data-experience=customer] .footer-refined .footer-grid{gap:44px;padding-bottom:28px}
html body[data-experience=customer] .footer-refined h4{font-size:20px;font-weight:650;line-height:1.7;margin-bottom:18px}
html body[data-experience=customer] .footer-refined :is(a,p){font-size:16px;line-height:1.9;color:#d7d0c2}
html body[data-experience=customer] .footer-refined .text-link{color:#e2c77e}
html body[data-experience=customer] .footer-refined p{max-width:32ch}
html body[data-experience=customer] .footer-refined .footer-contact{overflow-wrap:anywhere;gap:10px}
html body[data-experience=customer] .footer-social-row{padding-block:22px;gap:20px}
html body[data-experience=customer] .footer-social-row h4{font-size:18px;margin:0 0 6px}
html body[data-experience=customer] .footer-social-row .eyebrow{display:none}
html body[data-experience=customer] .footer-shared-handle{font-size:14px;color:#c9beaa}
html body[data-experience=customer] .footer-refined .footer-bottom{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;line-height:1.8;padding-block:16px;color:#c4bba9}
html body[data-experience=customer] .footer-bottom .staff-entry{font-size:13px;color:#c4bba9;text-decoration:underline;text-underline-offset:4px}
html body[data-experience=customer] .whatsapp-float{bottom:20px;inset-inline-end:20px;width:52px;height:52px;padding:12px;box-shadow:0 5px 16px #0002}
@media(max-width:1050px){html body[data-experience=customer] .nav-refined .nav-links{gap:16px}html body[data-experience=customer] .nav-refined .nav-links a{font-size:15px}html body[data-experience=customer] .hero-editorial-grid,html body[data-experience=customer] .story-editorial{gap:32px}html body[data-experience=customer] .contact-layout{gap:26px;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}}
@media(max-width:800px){html body[data-experience=customer] .wrap{width:calc(100% - 40px)}html body[data-experience=customer] .nav-refined{height:76px;padding-inline:20px;gap:12px}html body[data-experience=customer] .nav-refined .btn{padding:10px 14px;font-size:14px}html body[data-experience=customer] .nav-refined .nav-links a{font-size:17px}html body[data-experience=customer] .hero-editorial-grid,html body[data-experience=customer] .story-editorial{grid-template-columns:1fr;gap:30px}html body[data-experience=customer] .hero-editorial-copy{max-width:none;padding:0}html body[data-experience=customer] .hero-product-stage{max-width:480px}html body[data-experience=customer] .hero-editorial h1{font-size:42px}html body[data-experience=customer] .story-visual{max-width:500px;margin-inline:auto}html body[data-experience=customer] .contact-layout{grid-template-columns:1fr}html body[data-experience=customer] .contact-aside{padding-top:0}html body[data-experience=customer] .contact-form-card{padding:26px}html body[data-experience=customer] .footer-refined .footer-grid{gap:28px}html body[data-experience=customer] .footer-refined .footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:480px){html body[data-experience=customer]{--customer-space:42px}html body[data-experience=customer] .wrap{width:calc(100% - 36px)}html body[data-experience=customer] .nav-refined{padding-inline:18px;height:72px}html body[data-experience=customer] .nav-refined .brand-text{font-size:18px;letter-spacing:1px}html body[data-experience=customer] .nav-refined .brand-symbol{width:32px}html body[data-experience=customer] .nav-refined .btn{font-size:13px;padding:9px 11px;min-height:44px}html body[data-experience=customer] .hero-editorial{padding-block:32px 38px}html body[data-experience=customer] .hero-editorial h1{font-size:36px;line-height:1.65}html body[data-experience=customer] .hero-editorial-copy>p{font-size:17px}html body[data-experience=customer] .hero-editorial .hero-buttons{gap:10px 16px;margin-top:22px}html body[data-experience=customer] .hero-editorial .hero-buttons>.btn{width:100%;justify-content:center}html body[data-experience=customer] .hero-contact-link,html body[data-experience=customer] .hero-secondary{font-size:16px}html body[data-experience=customer] .page-intro{padding-block:24px 28px}html body[data-experience=customer] .page-intro .page-title{font-size:36px}html body[data-experience=customer] .page-intro .subtle{font-size:17px!important}html body[data-experience=customer] :is(.section-head,.story-copy,.contact-side-intro,.portal-card) h2{font-size:32px;line-height:1.65}html body[data-experience=customer] .section-head{align-items:start;gap:12px;margin-bottom:22px}html body[data-experience=customer] .section-head p{font-size:17px}html body[data-experience=customer] .product-grid{grid-template-columns:1fr;gap:22px}html body[data-experience=customer] .product-refined .product-info{padding:20px}html body[data-experience=customer] .product-refined .product-title-row h3{font-size:25px}html body[data-experience=customer] .product-refined .product-photo{max-height:none}html body[data-experience=customer] .purchase-card{padding:24px}html body[data-experience=customer] .purchase-card h3{font-size:28px}html body[data-experience=customer] .contact-form-card,html body[data-experience=customer] .portal-card{padding:20px}html body[data-experience=customer] .contact-form-head h2{font-size:27px}html body[data-experience=customer] .contact-form-head p{font-size:16px}html body[data-experience=customer] .contact-submit{grid-template-columns:1fr;display:grid}html body[data-experience=customer] .contact-submit .btn{width:100%}html body[data-experience=customer] .footer-refined .footer-grid{grid-template-columns:1fr;gap:26px}html body[data-experience=customer] .footer-refined .footer-grid>div:first-child{grid-column:auto}html body[data-experience=customer] .footer-refined h4{font-size:19px;margin-bottom:12px}html body[data-experience=customer] .footer-social-row{align-items:start}html body[data-experience=customer] .whatsapp-float{width:48px;height:48px;bottom:16px;inset-inline-end:16px}}
@media(prefers-reduced-motion:reduce){html body[data-experience=customer] *,html body[data-experience=customer] *:before,html body[data-experience=customer] *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

html body[data-experience=customer] .hero-editorial h1 em{display:block;font-size:.9em;line-height:1.65}
html body[data-experience=customer] .contact-side-intro h2{font-size:32px;line-height:1.65}
@media(max-width:480px){html body[data-experience=customer] .contact-side-intro h2{font-size:28px}}
html body[data-experience=customer] .portal-side h1{font-size:clamp(38px,4vw,54px);font-weight:700;line-height:1.6;letter-spacing:0;margin-bottom:20px}
html body[data-experience=customer] .portal-side>p{font-size:18px;line-height:1.95;color:var(--customer-copy)}
html body[data-experience=customer] .portal-side .feature-line{font-size:17px;line-height:1.85}
html body[data-experience=customer] .portal-card .tab{font-size:16px;min-height:48px}
@media(max-width:480px){html body[data-experience=customer] .portal-side h1{font-size:36px}}

/* Homepage contact: a concise editorial row, without a large form card. */
html body[data-experience=customer] .home-contact-compact{padding-block:42px;background:var(--customer-panel);border-top:1px solid var(--line)}
html body[data-experience=customer] .home-contact-compact .home-contact-wrap{max-width:1100px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:48px;align-items:start}
html body[data-experience=customer] .contact-compact-intro{padding-top:3px}
html body[data-experience=customer] .contact-compact-icon{display:inline-flex;color:var(--customer-accent);margin-bottom:10px}
html body[data-experience=customer] .contact-compact-icon svg{width:25px;height:25px}
html body[data-experience=customer] .contact-compact-intro h2{font-size:32px;line-height:1.6;margin:0 0 12px;font-weight:700;color:var(--customer-heading)}
html body[data-experience=customer] .contact-compact-intro p{font-size:17px;line-height:1.9;color:var(--customer-copy);max-width:30ch;margin-bottom:16px}
html body[data-experience=customer] .contact-compact-intro .text-link{font-size:15px;color:var(--customer-accent)}
html body[data-experience=customer] .contact-compact-form{border:0;border-inline-start:1px solid var(--line);border-radius:0;padding:0;padding-inline-start:32px;background:transparent;box-shadow:none;min-width:0}
html body[data-experience=customer] .contact-compact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
html body[data-experience=customer] .contact-compact-fields .field{font-size:14px;line-height:1.7;font-weight:600;gap:6px;margin:0;color:var(--customer-heading)}
html body[data-experience=customer] .contact-compact-fields :is(input,textarea){width:100%;font-size:16px;font-weight:400;line-height:1.6;border:1px solid var(--line);background:var(--paper);color:var(--customer-heading);padding:10px 12px;border-radius:7px;min-height:44px}
html body[data-experience=customer] .contact-compact-fields .compact-message{grid-column:1/-1}
html body[data-experience=customer] .contact-compact-fields textarea{height:78px;min-height:78px;resize:vertical}
html body[data-experience=customer] .contact-compact-form .compact-consent{font-size:13px!important;line-height:1.8;margin-block:12px;gap:9px;padding:0;border:0}
html body[data-experience=customer] .contact-compact-form .compact-consent input{width:17px;height:17px;min-width:17px;flex-shrink:0}
html body[data-experience=customer] .compact-contact-actions{display:flex;gap:10px;flex-wrap:wrap}
html body[data-experience=customer] .compact-contact-actions .btn{font-size:14px;line-height:1.6;min-height:44px;padding:9px 16px;gap:8px;flex:1 1 170px;justify-content:center}
html body[data-experience=customer] .compact-contact-actions svg,html body[data-experience=customer] .compact-contact-actions .brand-icon{width:18px;height:18px}
html body[data-experience=customer] .compact-contact-hint{font-size:13px;line-height:1.8;color:var(--customer-copy);margin:10px 0 0}
html body[data-experience=customer] .contact-compact-form .contact-status:empty{display:none}
html body[data-experience=customer] .footer-saudi-made{display:flex;gap:16px;align-items:center;padding:15px 0;border-top:1px solid #ffffff15;color:#d7d0c2}
html body[data-experience=customer] .footer-saudi-made img{width:116px;height:auto;max-height:43px;object-fit:contain;display:block}
html body[data-experience=customer] .footer-saudi-made span{font-size:14px;line-height:1.7}
html body[data-experience=customer] .footer-refined .footer-factory-description{font-size:17px;line-height:1.85;color:#e4d6b9}
@media(max-width:700px){html body[data-experience=customer] .home-contact-compact{padding-block:32px}html body[data-experience=customer] .home-contact-compact .home-contact-wrap{grid-template-columns:1fr;gap:22px}html body[data-experience=customer] .contact-compact-intro h2{font-size:29px;margin-bottom:8px}html body[data-experience=customer] .contact-compact-intro p{max-width:none;margin-bottom:8px}html body[data-experience=customer] .contact-compact-form{padding:0;border:0}html body[data-experience=customer] .contact-compact-icon{display:none}}
@media(max-width:400px){html body[data-experience=customer] .contact-compact-fields{grid-template-columns:1fr}html body[data-experience=customer] .contact-compact-fields .compact-message{grid-column:auto}html body[data-experience=customer] .compact-contact-actions .btn{flex-basis:100%}html body[data-experience=customer] .footer-saudi-made img{width:104px}}

/* Business services and wholesale partner experience. */
html body[data-experience=customer] .business-page{color:var(--customer-heading)}
html body[data-experience=customer] .business-hero{background:#1e1c19;color:#f6f1e7;padding-block:38px 46px}
html body[data-experience=customer] .business-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
html body[data-experience=customer] .business-hero-copy{min-width:0}
html body[data-experience=customer] .business-hero .breadcrumb{color:#c9c0af;font-size:13px!important;margin-bottom:24px;line-height:1.8}
html body[data-experience=customer] .business-hero .eyebrow{color:#e6c87e}
html body[data-experience=customer] .business-hero h1{font-size:clamp(40px,4.5vw,60px);line-height:1.5;font-weight:700;letter-spacing:0;margin:0 0 20px;color:#f6f1e7}
html body[data-experience=customer] .business-hero h1 em{font-style:normal;color:#e8c77c}
html body[data-experience=customer] .business-hero-copy>p{font-size:18px;line-height:1.95;font-weight:400;color:#e0d6c5;max-width:49ch;margin-bottom:26px}
html body[data-experience=customer] .business-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
html body[data-experience=customer] .business-hero-secondary{display:inline-flex;gap:9px;align-items:center;min-height:46px;background:transparent;color:#f3e6c8;font-size:16px;font-weight:500;padding:6px 0;text-decoration:underline;text-underline-offset:5px}
html body[data-experience=customer] .business-hero-secondary svg{width:19px;height:19px;color:#e8c77c}
html body[data-experience=customer] .business-existing{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#d5c8ad;font-size:14px;padding:0;min-height:44px;margin-top:14px}
html body[data-experience=customer] .business-existing:hover{text-decoration:underline;text-underline-offset:4px}
html body[data-experience=customer] .business-hero-visual{max-width:480px;width:100%;margin:0 auto;overflow:hidden;border-radius:16px;background:#eaf0f4}
html body[data-experience=customer] .business-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
html body[data-experience=customer] .business-hero-visual figcaption{padding:12px 18px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;line-height:1.7;background:#2b2721;color:#dac9a7}
html body[data-experience=customer] .business-hero-visual figcaption>span{font-family:Georgia,serif;letter-spacing:2px;color:#e6c87e}
html body[data-experience=customer] .home-business-services .section-head>div{max-width:65ch}
html body[data-experience=customer] .business-services .section-head h2{font-size:clamp(30px,3vw,40px)}
html body[data-experience=customer] .business-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
html body[data-experience=customer] .business-service{display:flex;flex-direction:column;min-width:0;background:var(--customer-panel);padding:32px;border:1px solid var(--line);border-radius:14px}
html body[data-experience=customer] .business-service-custom{background:#f2ecde;border-color:#e3d5b9}
html[data-theme=dark] body[data-experience=customer] .business-service-custom{background:#30291e;border-color:#675235}
html body[data-experience=customer] .business-service-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);color:var(--customer-accent);border-radius:10px;margin-bottom:22px}
html body[data-experience=customer] .business-service-icon svg{width:25px;height:25px}
html body[data-experience=customer] .business-service h3{font-size:30px;line-height:1.6;letter-spacing:0;font-weight:700;color:var(--customer-heading);margin:0 0 12px}
html body[data-experience=customer] .business-service>p{font-size:18px;line-height:1.95;font-weight:400;color:var(--customer-copy);margin:0 0 22px;max-width:52ch}
html body[data-experience=customer] .business-service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:24px}
html body[data-experience=customer] .business-service-tags>span{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:14px;line-height:1.7;color:var(--customer-copy);background:var(--paper)}
html body[data-experience=customer] .business-service-tags svg{width:15px;height:15px;color:var(--customer-accent)}
html body[data-experience=customer] .business-service-action{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center}
html body[data-experience=customer] .business-service-action .text-link{font-size:16px;color:var(--customer-accent);padding:0;background:transparent}
html body[data-experience=customer] .business-access-section{padding-block:56px;background:var(--customer-panel);border-top:1px solid var(--line);scroll-margin-top:calc(var(--utility-height,44px) + 106px)}
html body[data-experience=customer] .business-access-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:64px;align-items:start}
html body[data-experience=customer] .business-access-copy{padding-top:16px}
html body[data-experience=customer] .business-access-copy h2{font-size:clamp(32px,3.4vw,44px);font-weight:700;line-height:1.6;margin:0 0 18px;letter-spacing:0}
html body[data-experience=customer] .business-access-copy>p{font-size:18px;font-weight:400;line-height:1.95;max-width:42ch;color:var(--customer-copy)}
html body[data-experience=customer] .business-access-note{display:flex;gap:14px;align-items:start;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
html body[data-experience=customer] .business-access-note>svg{margin-top:4px;width:23px;height:23px;color:var(--customer-accent)}
html body[data-experience=customer] .business-access-note strong{font-size:19px;line-height:1.7}
html body[data-experience=customer] .business-access-note p{font-size:16px;color:var(--customer-copy);line-height:1.9;margin:8px 0 12px}
html body[data-experience=customer] .business-access-note .text-link{font-size:15px;color:var(--customer-accent);background:transparent;padding:0}
html body[data-experience=customer] .business-portal-card{width:100%;max-width:none;margin:0;background:var(--paper);box-shadow:none;border:1px solid var(--line);border-radius:14px;padding:28px}
html body[data-experience=customer] .business-portal-card h2{font-size:29px;line-height:1.6;letter-spacing:0;margin-block:22px 12px}
html body[data-experience=customer] .business-portal-card .tab{min-height:46px;font-size:15px;line-height:1.7}
html body[data-experience=customer] .business-portal-card .field{font-size:15px;line-height:1.8;gap:7px}
html body[data-experience=customer] .business-portal-card .field input{min-height:46px;font-size:16px;line-height:1.6}
html body[data-experience=customer] .business-portal-card .fields{gap:16px}
html body[data-experience=customer] .business-portal-card .notice{font-size:13px;line-height:1.85;margin-block:18px}
html body[data-experience=customer] .business-portal-card form>.btn{width:100%;justify-content:center}
@media(max-width:1000px){html body[data-experience=customer] .business-hero-grid,html body[data-experience=customer] .business-access-grid{gap:32px}html body[data-experience=customer] .business-hero h1{font-size:44px}html body[data-experience=customer] .business-service{padding:26px}}
@media(max-width:800px){html body[data-experience=customer] .business-hero-grid{grid-template-columns:1fr;gap:28px}html body[data-experience=customer] .business-hero-visual{max-width:440px}html body[data-experience=customer] .business-hero{padding-block:30px 36px}html body[data-experience=customer] .business-hero .breadcrumb{margin-bottom:20px}html body[data-experience=customer] .business-service-grid{grid-template-columns:1fr;gap:20px}html body[data-experience=customer] .business-service>p{max-width:none}html body[data-experience=customer] .business-access-grid{grid-template-columns:1fr;gap:26px}html body[data-experience=customer] .business-access-copy{padding-top:0}html body[data-experience=customer] .business-access-section{padding-block:38px}html body[data-experience=customer] .business-access-copy h2 br{display:none}}
@media(max-width:480px){html body[data-experience=customer] .business-hero h1{font-size:38px;line-height:1.6}html body[data-experience=customer] .business-hero-copy>p{font-size:17px}html body[data-experience=customer] .business-hero-actions>.btn{width:100%;justify-content:center}html body[data-experience=customer] .business-hero-secondary{font-size:16px}html body[data-experience=customer] .business-hero-visual{border-radius:12px}html body[data-experience=customer] .business-service{padding:23px}html body[data-experience=customer] .business-service h3{font-size:28px}html body[data-experience=customer] .business-service>p{font-size:17px}html body[data-experience=customer] .business-service-tags>span{font-size:13px;padding:5px 10px}html body[data-experience=customer] .business-service-action .btn{width:100%;justify-content:center}html body[data-experience=customer] .business-portal-card{padding:20px}html body[data-experience=customer] .business-portal-card .fields{grid-template-columns:1fr}html body[data-experience=customer] .business-portal-card h2{font-size:26px}html body[data-experience=customer] .business-portal-card .tab{font-size:14px}html body[data-experience=customer] .business-access-copy h2{font-size:32px}}

/* Compact footer, one social block per page, and direct business entry. */
html body[data-experience=customer] .footer-compact{background:#1b1917;color:#ded6c8;padding:26px 0 14px;border-top:1px solid #ffffff16}
html body[data-experience=customer] .footer-compact-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px}
html body[data-experience=customer] .footer-compact-brand .brand{display:inline-flex;margin:0;gap:8px}
html body[data-experience=customer] .footer-compact-brand .brand-symbol{width:30px;height:36px}
html body[data-experience=customer] .footer-compact-brand .brand-text{font-size:20px;letter-spacing:2px}
html body[data-experience=customer] .footer-compact-brand .brand-sub{font-size:8px;letter-spacing:2px}
html body[data-experience=customer] .footer-compact-brand p{font-size:13px;line-height:1.7;color:#c9c0b2;margin:8px 0 0;max-width:none}
html body[data-experience=customer] .footer-compact-nav{display:flex;flex-wrap:wrap;gap:6px 22px}
html body[data-experience=customer] .footer-compact a{margin:0;color:#e3dbce;line-height:1.7}
html body[data-experience=customer] .footer-compact-nav a{font-size:14px;display:inline-flex;align-items:center;min-height:36px}
html body[data-experience=customer] .footer-compact-connect{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #ffffff16}
html body[data-experience=customer] .footer-compact-contacts{display:flex;gap:12px 24px;flex-wrap:wrap}
html body[data-experience=customer] .footer-compact-contacts a{display:flex;align-items:center;gap:8px;font-size:14px;min-height:36px}
html body[data-experience=customer] .footer-compact-contacts svg{width:17px;height:17px;flex-shrink:0;color:#dbc17c}
html body[data-experience=customer] .footer-compact .social-links{display:flex;gap:8px;flex-shrink:0}
html body[data-experience=customer] .footer-compact .social-link{display:grid;place-items:center;min-width:38px;width:38px;height:38px;min-height:38px;padding:6px;border:1px solid #ffffff24;border-radius:50%;background:#ffffff05}
html body[data-experience=customer] .footer-compact .social-glyph,html body[data-experience=customer] .footer-compact .brand-icon{display:block;width:24px;height:24px;min-width:24px;border-radius:6px}
html body[data-experience=customer] .footer-compact-legal{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-block:1px solid #ffffff16}
html body[data-experience=customer] .footer-origin{display:flex;align-items:center;flex-shrink:0}
html body[data-experience=customer] .footer-origin img{display:block;width:76px!important;height:28px!important;max-width:76px;object-fit:contain}
html body[data-experience=customer] .footer-compact .registration-inline{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 20px;padding:0;margin:0;border:0}
html body[data-experience=customer] .footer-compact .registration-entry{display:flex;align-items:center;gap:7px;border:0;padding:0;background:transparent}
html body[data-experience=customer] .footer-compact .registration-inline dt{font-size:11px;line-height:1.6;color:#c1b7a7}
html body[data-experience=customer] .footer-compact .registration-inline dd{font-size:12px;color:#f4eddf;line-height:1.7}
html body[data-experience=customer] .footer-compact-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;font-size:12px;line-height:1.8;color:#c3baad}
html body[data-experience=customer] .footer-compact-bottom a{font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:32px;display:flex;align-items:center}
html body[data-experience=customer] .business-direct-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:36px 26px}
html body[data-experience=customer] .business-direct-heading h1{font-size:42px;font-weight:700;line-height:1.5;margin:4px 0 12px;color:var(--customer-heading)}
html body[data-experience=customer] .business-direct-heading p{font-size:18px;line-height:1.9;color:var(--customer-copy);margin:0}
html body[data-experience=customer] .business-direct-heading>.btn{flex-shrink:0}
html body[data-experience=customer] .business-direct .business-services{padding-bottom:36px}
html body[data-experience=customer] .business-direct .business-service{padding:26px}
html body[data-experience=customer] .business-direct .business-service-icon{margin-bottom:14px;width:40px;height:40px}
html body[data-experience=customer] .business-direct .business-service-tags{margin-bottom:18px}
html body[data-experience=customer] .business-access-simple{max-width:660px}
html body[data-experience=customer] .business-access-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;font-size:16px;font-weight:600}
html body[data-experience=customer] .business-access-toolbar button{font-size:14px;color:var(--customer-accent);background:transparent}
html body[data-experience=customer] .business-access-section[hidden]{display:none!important}
@media(max-width:800px){html body[data-experience=customer] .footer-compact-top{align-items:start;flex-direction:column;gap:14px}html body[data-experience=customer] .footer-compact-connect{flex-wrap:wrap}html body[data-experience=customer] .business-direct-heading{align-items:start;flex-direction:column;gap:16px}html body[data-experience=customer] .business-direct-heading h1{font-size:34px}html body[data-experience=customer] .business-direct .business-service-grid{gap:16px}}
@media(max-width:480px){html body[data-experience=customer] .footer-compact{padding-top:22px}html body[data-experience=customer] .footer-compact-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:2px 18px}html body[data-experience=customer] .footer-compact-nav a{font-size:14px}html body[data-experience=customer] .footer-compact-contacts{gap:2px 14px}html body[data-experience=customer] .footer-compact-contacts a{font-size:13px}html body[data-experience=customer] .footer-compact-connect{gap:8px}html body[data-experience=customer] .footer-compact-legal{gap:12px;align-items:center}html body[data-experience=customer] .footer-compact .registration-inline{gap:8px 12px}html body[data-experience=customer] .footer-compact .registration-inline dt{font-size:10px}html body[data-experience=customer] .footer-compact .registration-inline dd{font-size:11px}html body[data-experience=customer] .footer-origin img{width:64px!important;height:24px!important}html body[data-experience=customer] .business-direct-heading{padding-block:26px 22px}html body[data-experience=customer] .business-direct-heading>.btn{width:100%;justify-content:center}html body[data-experience=customer] .business-direct .business-service{padding:22px}html body[data-experience=customer] .business-direct .business-service>p{margin-bottom:18px}html body[data-experience=customer] .business-direct .business-service-tags{display:none}html body[data-experience=customer] .contact-social .social-links{gap:8px}html body[data-experience=customer] .contact-social .social-link{padding:10px;min-height:62px}html body[data-experience=customer] .contact-social .social-caption{font-size:12px}html body[data-experience=customer] .contact-social .social-caption small{font-size:11px}}

/* Shared in-site entrances to the three DOUCEUR workspaces. */
html body[data-experience=customer] .portal-switcher{position:relative;color:#251f15}
html body[data-experience=customer] .portal-switcher summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;border-radius:9px;background:#edcd77;font-size:15px;font-weight:600;line-height:1.6;cursor:pointer;list-style:none;white-space:nowrap}
html body[data-experience=customer] .portal-switcher summary::-webkit-details-marker{display:none}
html body[data-experience=customer] .portal-switcher summary>svg{width:20px;height:20px}
html body[data-experience=customer] .portal-chevron{font-size:18px;transition:transform .15s}
html body[data-experience=customer] .portal-switcher[open] .portal-chevron{transform:rotate(180deg)}
html body[data-experience=customer] .portal-switcher summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
html body[data-experience=customer] .portal-switcher-menu{position:absolute;z-index:160;inset-inline-end:0;top:calc(100% + 10px);width:270px;max-width:calc(100vw - 36px);padding:7px;background:#26221d;border:1px solid #67563b;border-radius:12px;box-shadow:0 14px 32px #0004}
html body[data-experience=customer] .portal-switcher-menu a{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 12px;border-radius:7px;color:#f3eadb;font-size:15px;line-height:1.8}
html body[data-experience=customer] .portal-switcher-menu a+a{border-top:1px solid #ffffff12}
html body[data-experience=customer] .portal-switcher-menu a:hover,html body[data-experience=customer] .portal-switcher-menu a:focus-visible{background:#ffffff0c;color:#f2d58b}
html body[data-experience=customer] .portal-switcher-menu svg{width:21px;height:21px;color:#e4c77e;flex-shrink:0}
html body[data-experience=customer] .footer-portal-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
html body[data-experience=customer] .footer-portal-links a{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:12px;text-decoration:none}
html body[data-experience=customer] .footer-portal-links svg{width:16px;height:16px;color:#d7bc76}
.buyer-document-modal .modal-header>div{min-width:0}.buyer-document-modal .modal-header h2{overflow-wrap:anywhere;word-break:break-word;font-size:clamp(20px,4vw,28px)!important}.buyer-document-modal h3{font-size:20px;line-height:1.7;margin-top:26px}
@media(max-width:700px){.modal .buyer-table-wrap{overflow:visible}.buyer-mobile-table{display:block;min-width:0!important;width:100%}.buyer-mobile-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.buyer-mobile-table tbody{display:grid;gap:12px}.buyer-mobile-table tr{display:block;padding:8px 14px;border:1px solid #b7995355;border-radius:8px}.buyer-mobile-table td{display:grid;grid-template-columns:minmax(90px,42%) minmax(0,1fr);gap:12px;white-space:normal!important;text-align:start!important;overflow-wrap:anywhere;padding:10px 0!important;border-bottom:1px solid #b7995333;font-size:15px!important;line-height:1.8}.buyer-mobile-table td:before{content:attr(data-label);font-size:13px;font-weight:600}.buyer-mobile-table td:last-child{border-bottom:0}.buyer-mobile-table td[colspan]{display:block}.buyer-mobile-table td[colspan]:before{display:none}.buyer-document-modal .actions{display:flex;flex-wrap:wrap;gap:10px}.buyer-document-modal .actions>.btn{flex:1 1 160px}}
.buyer-order-total{padding:16px 18px;border:1px solid #b7995366;border-radius:8px;margin:16px 0;font-size:17px;line-height:1.8;font-weight:600}.buyer-account-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.buyer-account-totals>div{padding:18px;border:1px solid #b7995355;border-radius:9px}.buyer-account-totals span,.buyer-account-totals b{display:block}.buyer-account-totals span{font-size:14px;line-height:1.8}.buyer-account-totals b{font-size:24px;line-height:1.7;margin-top:6px}.buyer-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.buyer-filters>input,.buyer-filters>select,.buyer-filters>label{flex:1 1 150px;min-width:0}.buyer-filters label{display:grid;gap:7px;font-size:14px}.buyer-filters input,.buyer-filters select{font-size:16px;min-height:46px;max-width:100%;padding:9px;border:1px solid #b7995366;border-radius:7px;color:inherit;background:transparent}.buyer-filters label input{width:100%}.buyer-detail-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 0 22px;line-height:1.9;font-size:16px}.buyer-timeline{list-style:none;margin:18px 0;padding:0;border-inline-start:2px solid #b7995366}.buyer-timeline li{padding:8px 20px 18px;position:relative}.buyer-timeline li:before{content:'';position:absolute;inset-inline-start:-6px;top:16px;width:10px;height:10px;border-radius:50%;background:#a88743}.buyer-timeline span,.buyer-timeline time{display:block}.buyer-timeline span{font-size:16px;font-weight:600}.buyer-timeline time{font-size:13px;margin-top:5px}.business-request .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
@media(max-width:480px){.buyer-account-totals{gap:8px}.buyer-account-totals>div{padding:13px}.buyer-account-totals b{font-size:21px}.buyer-account-totals span{font-size:13px}.buyer-detail-summary{display:grid;grid-template-columns:1fr;gap:8px}.business-request .actions .btn{flex:1 1 160px}.buyer-filters>*{flex:1 1 130px}}
.business-product>img{width:64px;height:64px;object-fit:cover;border-radius:7px;flex-shrink:0}.business-product>div{flex:1;min-width:0}@media(max-width:400px){.business-product>img{width:48px;height:48px}.business-product input{width:72px}}
.business-workspace{max-width:1120px}.business-workspace-heading,.business-account-summary,.business-admin-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.business-workspace-heading{margin-bottom:28px}.business-workspace-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.5;margin:8px 0}.business-workspace p,.business-portal-card p,.business-request p{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.business-workspace h2,.business-admin-launch h2{font-size:24px;line-height:1.6}.business-account-summary{padding:20px 0;border-bottom:1px solid var(--border,#b9ad8a50);margin-bottom:24px}.business-account-summary p{margin:6px 0}.business-steps{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.business-steps span{border:1px solid #b9ad8a55;padding:9px 14px;border-radius:8px;font-size:15px}.business-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.business-product{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid #b9ad8a55;border-radius:10px;min-width:0}.business-product b{display:block;font-size:18px}.business-product small{display:block;font-size:14px;margin-top:6px}.business-product input{width:96px;min-height:46px;padding:8px;font-size:17px;text-align:center;flex-shrink:0;border:1px solid #b9ad8a80;border-radius:6px;background:transparent;color:inherit}.business-request-list{display:grid;gap:14px}.business-request{border:1px solid #b9ad8a55;border-radius:10px;padding:20px;margin:14px 0;overflow-wrap:anywhere}.business-request b{font-size:17px}.business-order-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;border-top:1px solid #b9ad8a55;font-size:15px;line-height:1.8}.business-admin-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.business-admin-filters input,.business-admin-filters select{min-height:44px;max-width:100%;font-size:15px}.business-admin-filters label{display:grid;gap:5px}.business-admin-launch{margin-bottom:20px}.business-admin-launch p{margin:6px 0}.business-workspace .panel{margin:24px 0}.business-portal-card input,.business-portal-card textarea{font-size:16px;min-height:46px}.business-portal-card .field{min-width:0}.business-portal-card .contact-consent{font-size:14px;line-height:1.8}
@media(max-width:640px){.business-products,.business-order-facts{grid-template-columns:1fr}.business-product{padding:14px}.business-workspace-heading{align-items:flex-start}.business-workspace .panel{padding:18px}.business-steps{gap:6px}.business-steps span{font-size:13px;padding:8px}.business-request{padding:16px}.business-request .panel-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.business-admin-launch .btn{width:100%}.business-admin-filters>*{flex:1 1 130px}.business-admin-filters label input{width:100%}}
@media(max-width:480px){html body[data-experience=customer] .portal-switcher summary{padding:9px 10px;font-size:13px;gap:6px;min-height:44px}html body[data-experience=customer] .portal-switcher summary>svg{width:18px;height:18px}html body[data-experience=customer] .portal-switcher-menu{width:250px}html body[data-experience=customer] .footer-compact-bottom{align-items:start}html body[data-experience=customer] .footer-portal-links{gap:2px 14px;width:100%}html body[data-experience=customer] .footer-portal-links a{font-size:12px}}