/* Oravel — shared botanical identity and Moroccan craft details. */
:root{--forest:#2c3827;--cream:#f8f6f1;--brass:#c9a962;--ink:#242b20;--muted:#5e6657;--line:#ddd9cf;--rose:#d4a5a5;--color-primary:#2c3827}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream)}h1,h2,.editorial{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.1}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2{font-family:Cairo,system-ui,sans-serif}h1{font-size:clamp(2.5rem,5vw,4.75rem)}h2{font-size:clamp(2rem,3.5vw,3rem)}h3{font-weight:600}p{line-height:1.85}a,button,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #6b5426}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding-block:72px}.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#66532b;font-weight:600;margin-bottom:16px}html[dir=rtl] .eyebrow{letter-spacing:0}.muted{color:var(--muted)}.craft-border{border-block:1px solid var(--line);background-image:linear-gradient(45deg,transparent 46%,#c9a96222 47%,#c9a96222 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,#c9a96222 47%,#c9a96222 53%,transparent 54%);background-size:24px 24px}.notice{background:var(--forest);color:#fff;text-align:center;padding:8px 16px;font-size:.75rem}.brand-header{position:sticky;top:0;z-index:40;background:#f8f6f1f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand-logo{width:160px;height:56px;object-fit:contain}.wordmark{font-family:Georgia,serif;letter-spacing:.12em;font-size:1.6rem}.desktop-nav{display:flex;gap:26px;font-size:.85rem}.header-actions{display:flex;align-items:center;gap:16px;font-size:.8rem}.mobile-nav{display:none}.mobile-nav summary{cursor:pointer;padding:12px}.mobile-links{position:absolute;inset-inline:0;top:100%;padding:20px;background:var(--cream);border-bottom:1px solid var(--line);display:grid;gap:18px}.btn,.action{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 22px;border-radius:6px;font-weight:600;font-size:.85rem;border:1px solid transparent;gap:8px;cursor:pointer}.btn-primary,.action{background:var(--forest);color:#fff}.btn-outline,.action-secondary{border:1px solid var(--forest);color:var(--forest);background:transparent}.btn:hover,.action:hover{filter:brightness(.93)}button:disabled{opacity:.5;cursor:wait}.home-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:64px}.home-intro p{max-width:450px;margin-block:24px}.arch-image{border-radius:200px 200px 8px 8px;overflow:hidden;background:#eee8dc;aspect-ratio:1/1.08}.arch-image img{width:100%;height:100%;object-fit:cover}.brand-placeholder{display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#efebe1,#f8f6f1);width:100%;height:100%;min-height:240px;gap:18px;color:var(--forest);padding:24px}.brand-placeholder strong{font-family:Georgia,serif;font-size:2rem;letter-spacing:.1em}.brand-placeholder span{font-size:.75rem;letter-spacing:.12em}.trust-strip{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap;padding-block:20px;font-size:.8rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.pack-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.pack-visual{display:block;aspect-ratio:1;background:#f0ece4;overflow:hidden}.pack-visual img{width:100%;height:100%;object-fit:contain;padding:16px}.pack-card-copy{padding:24px}.pack-card h3{font-size:1.15rem;letter-spacing:.04em;margin-block:8px}.pack-card p{font-size:.82rem}.pack-card .price{font-size:1.2rem}.pack-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:20px}.badge{font-size:.7rem;color:var(--forest);background:#f0f4ed;border-radius:4px;padding:5px 8px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.category-tile{padding:24px 16px;border:1px solid var(--line);border-radius:8px;text-align:center;background:#fff}.category-tile:hover{border-color:var(--forest)}.category-number{display:block;color:#7a6534;font-family:Georgia,serif;font-size:1.8rem;margin-bottom:12px}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.ritual-step{border-top:1px solid var(--brass);padding-top:20px}.ritual-step .number{font-family:Georgia,serif;font-size:2.4rem;color:#7a6534}.ritual-step h3{margin-block:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.soft-section{background:#efebe2}.page-intro{padding-block:48px}.page-intro p{max-width:660px;margin-top:20px}.catalog-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding-bottom:28px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-size:.85rem;font-weight:500}.field input,.field select,.field textarea,.catalog-tools select{width:100%;min-height:46px;border:1px solid #c8c9c0;border-radius:6px;padding:12px;background:#fff;color:var(--ink);font-size:1rem}.field-error{color:#a23d36;font-size:.8rem}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}.routine-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;padding-block:32px 64px}.routine-image{background:#eee9df;border-radius:10px;aspect-ratio:1;overflow:hidden}.routine-image img{width:100%;height:100%;object-fit:contain}.routine-heading h1{font-size:clamp(2.8rem,5vw,4.5rem);margin-block:18px}.routine-heading .subtitle{font-size:1.15rem}.routine-heading .price{font-size:1.8rem;font-weight:600;margin-block:20px}.routine-heading .intro{font-size:.9rem;margin-bottom:24px}.routine-heading .purchase-actions{display:flex;gap:12px;flex-wrap:wrap}.qty-field{width:110px}.gallery-thumbs{display:flex;gap:12px;overflow:auto;padding-top:16px}.gallery-thumbs button{border:1px solid var(--line);border-radius:6px;overflow:hidden;width:75px;flex-shrink:0}.gallery-thumbs img{width:100%;height:75px;object-fit:contain}.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.component{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px}.component-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.component p,.component li{font-size:.85rem}.component ul{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.component li{background:#f3f1eb;padding:6px 10px;border-radius:4px}.component img{width:100%;height:170px;object-fit:contain;margin-bottom:16px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:600;padding:4px}.faq p{margin-top:16px;font-size:.9rem}.purchase-bar{display:none}.cart-layout{display:grid;grid-template-columns:1fr 430px;gap:36px;align-items:start}.cart-row{display:flex;gap:20px;border-bottom:1px solid var(--line);padding-block:20px}.cart-row img{width:90px;height:100px;object-fit:contain}.cart-row .cart-copy{flex:1}.cart-row form{display:inline-flex;gap:8px;align-items:center;margin-top:12px}.cart-row input{width:75px;padding:8px;border:1px solid var(--line);border-radius:4px}.totals{display:grid;gap:12px;margin-block:24px}.totals div{display:flex;justify-content:space-between;gap:16px;font-size:.9rem}.totals .grand-total{border-top:1px solid var(--line);padding-top:16px;font-size:1.2rem;font-weight:600}.brand-footer{background:var(--forest);color:#fff;padding-block:56px 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.brand-footer a,.brand-footer p{color:#e2e7dc;font-size:.85rem}.brand-footer ul{display:grid;gap:12px}.brand-footer h3{margin-bottom:20px}.footer-bottom{border-top:1px solid #ffffff26;padding-top:24px;margin-top:40px;font-size:.75rem}.message{padding:16px 20px;border:1px solid #bcc8b4;background:#edf3e8;border-radius:8px;margin-block:16px}.message.error{background:#fff0ec;border-color:#dab3aa}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:8px}.timeline{display:grid;gap:18px;margin-top:24px}.timeline li{border-inline-start:2px solid var(--brass);padding-inline-start:20px}.pagination{display:flex;gap:18px;justify-content:center;margin-top:32px}
/* Dense operational surfaces use the same tokens with functional typography. */
.staff-shell h1,.staff-shell h2,.staff-shell .editorial{font-family:Inter,system-ui,sans-serif;font-size:1.5rem;line-height:1.4;font-weight:600}html[dir=rtl] .staff-shell h1,html[dir=rtl] .staff-shell h2{font-family:Cairo,sans-serif}.staff-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.staff-sidebar{background:var(--forest);color:#fff;padding:28px 16px}.staff-sidebar .group-label{color:#d1bd8b;font-size:.68rem;margin:24px 12px 8px;letter-spacing:.05em}.sidebar-link{display:block;padding:11px 12px;border-radius:6px;color:#edf0e8;font-size:.8rem}.sidebar-link:hover,.sidebar-link.active{background:#ffffff15}.staff-main{min-width:0;padding:32px}.staff-topbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:10px}.form-input{padding:12px;border:1px solid #c8c9c0;border-radius:6px;min-height:44px;width:100%}.table-th,.table-td{padding:14px;text-align:start;font-size:.82rem;border-bottom:1px solid var(--line)}.table-th{background:#f2efe7;font-weight:600}.btn-secondary{background:#eeeae0;border:1px solid var(--line);color:var(--forest);padding:10px 16px;border-radius:6px;display:inline-flex;align-items:center;gap:8px}.staff-shell .btn-primary{padding:10px 16px;border-radius:6px;display:inline-flex;align-items:center;gap:8px}.staff-shell table{width:100%}.staff-shell input,.staff-shell textarea,.staff-shell select{color:var(--ink)}.staff-shell .overflow-x-auto{max-width:100%}.staff-shell .text-left,.staff-shell .text-right{text-align:start}.staff-shell .bg-emerald-500,.staff-shell .bg-emerald-600{background:var(--forest)}.staff-shell .text-emerald-600{color:var(--forest)}.staff-shell .content-tabs{display:flex;gap:12px;margin-bottom:24px}.content-tab[aria-selected=true]{background:var(--forest);color:#fff}.staff-shell [hidden]{display:none!important}.internal-note{background:#fbf4df;padding:16px;border-radius:6px}.staff-shell .row-editor{padding:20px;margin-block:16px;border:1px solid var(--line);border-radius:8px}.staff-shell .staff-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:960px){.desktop-nav{gap:14px;font-size:.75rem}.home-intro{gap:32px}.pack-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.cart-layout{grid-template-columns:1fr 360px}.staff-layout{grid-template-columns:200px 1fr}.staff-main{padding:20px}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.section{padding-block:44px}.desktop-nav{display:none}.mobile-nav{display:block}.brand-logo{width:120px;height:44px}.header-inner{min-height:72px;gap:12px}.header-actions{gap:10px}.home-intro,.split,.routine-hero,.cart-layout{grid-template-columns:1fr;gap:28px}.home-intro{padding-block:36px}.home-intro .arch-image{max-height:410px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile:last-child{grid-column:1/-1}.ritual-grid{grid-template-columns:1fr;gap:24px}.pack-grid{gap:14px}.pack-card-copy{padding:16px}.pack-card .btn{padding:10px 12px;min-height:44px}.pack-actions{display:grid;gap:12px}.pack-visual .brand-placeholder{min-height:160px;padding:10px}.brand-placeholder strong{font-size:1.4rem}.component-grid{grid-template-columns:1fr}.routine-hero{padding-top:20px}.routine-image{max-height:450px}.routine-heading h1{margin-block:12px}.routine-page{padding-bottom:85px}.purchase-bar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:45;background:var(--cream);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:1fr;gap:28px}.panel{padding:22px}.section-heading{align-items:start;flex-direction:column}.staff-layout{grid-template-columns:1fr}.staff-sidebar{padding:12px 16px}.staff-sidebar nav{display:flex;overflow:auto;gap:4px;padding-top:10px}.staff-sidebar .group-label{display:none}.staff-sidebar .sidebar-link{white-space:nowrap}.staff-sidebar .staff-brand{display:none}.staff-main{padding:16px}.staff-shell .staff-content-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.routine-arwa .routine-image,.pack-arwa .pack-visual{background:#eee3de}.routine-arwa .badge{background:#eee0db;color:#654839}.pack-arwa{border-top:3px solid #c5a198}.staff-shell .content-tabs [aria-selected="true"]{background:var(--forest);color:#fff}.staff-shell .field input[type=checkbox]{width:22px;min-height:22px;height:22px}.header-actions{white-space:nowrap}

:root{--color-bg:var(--cream);--color-border:var(--line);--color-primary:var(--forest);--color-primary-100:#e8ece3}.staff-shell .filter-input:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.staff-shell .staff-topbar{flex-wrap:wrap}.staff-shell [dir=ltr]{text-align:left}.routine-page #checkout,.routine-page #help{scroll-margin-top:24px}
.staff-sidebar{min-width:0}.staff-shell .field{min-width:0}.staff-shell .field input,.staff-shell .field select,.staff-shell .field textarea{max-width:100%}@media(max-width:720px){.staff-layout{grid-template-columns:minmax(0,1fr)}.staff-sidebar nav{max-width:100%;min-width:0}.staff-topbar>div{flex-wrap:wrap}}

.staff-shell .text-gray-400,.staff-shell .text-gray-300{color:var(--muted)}