/* AYLOUL — matches the storefront preview design tokens exactly. */
:root{--primary:#D95438;--primary-dark:#c1472d;--ink:#242424;--paper:#FAF8F5;--surface:#F3EEE8;--card:#fff;--line:#EAE7E3;--input:#DCD8D3;--muted:#77736F;--radius:4px;--sans:"IBM Plex Sans Arabic",system-ui,sans-serif;--display:"Reem Kufi","IBM Plex Sans Arabic",sans-serif;--latin:"Cormorant Garamond",Georgia,serif}
*,*::before,*::after{box-sizing:border-box;border-color:var(--line)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden;direction:rtl}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:0;margin:0;line-height:1.25}
p{margin:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.ay-container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:1rem}
@media(min-width:768px){.ay-container{padding-inline:2rem}}
.ay-section{padding-block:5rem}
.ay-surface{background:var(--surface)}
.ay-eyebrow{font-size:.75rem;letter-spacing:.08em;color:var(--primary);font-weight:600;margin-bottom:.25rem}
.ay-note{margin-top:1.5rem;font-size:11px;color:var(--muted)}
.ay-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:3rem;padding-inline:1.75rem;font-weight:500;font-size:.95rem;border-radius:var(--radius);border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:var(--sans)}
.ay-btn-primary{background:var(--primary);color:#fff}.ay-btn-primary:hover{background:var(--primary-dark)}
.ay-btn-ink{background:var(--ink);color:var(--paper)}.ay-btn-ink:hover{background:#3d3d3d}
.ay-btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}.ay-btn-outline:hover{background:var(--ink);color:var(--paper)}
.ay-btn-light{border-color:var(--paper);color:var(--paper);background:transparent;margin-top:2rem}.ay-btn-light:hover{background:var(--paper);color:var(--ink)}
.ay-btn-row{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}
.ay-field{width:100%;height:3rem;padding-inline:1rem;background:var(--card);border:1px solid var(--input);border-radius:var(--radius);font:inherit;font-size:.95rem;color:inherit}
.ay-field:focus{outline:none;border-color:var(--ink)}
.ay-more{font-size:.875rem;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:2px}.ay-more:hover{color:var(--primary)}
.ay-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2.5rem}
.ay-head h2{font-size:clamp(1.9rem,3.5vw,2.5rem)}
.ay-announce{background:var(--ink);color:var(--paper);text-align:center;font-size:.75rem;padding:.5rem 1rem}
.ay-header{position:sticky;top:0;z-index:40;background:rgba(250,248,245,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.admin-bar .ay-header{top:32px}
.ay-header-row{display:flex;align-items:center;gap:1rem;height:4rem}
@media(min-width:768px){.ay-header-row{height:5rem}}
.ay-logo{display:flex;align-items:center;gap:.5rem;line-height:1}
.ay-logo-leaf{width:1.5rem;height:1.5rem;color:var(--primary)}
.ay-logo-text{display:flex;flex-direction:column}
.ay-logo-ar{font-family:var(--display);font-size:1.5rem}
.ay-logo-en{font-family:var(--latin);font-size:10px;letter-spacing:.35em;color:var(--muted);margin-top:2px}
.ay-logo-light .ay-logo-ar{color:var(--paper)}.ay-logo-light .ay-logo-en{color:rgba(250,248,245,.7)}
.ay-search{position:relative;flex:1;max-width:36rem;margin-inline:auto;display:none}
@media(min-width:768px){.ay-search{display:block}}
.ay-search .ay-field{height:2.75rem;background:var(--surface);border-color:transparent;padding-inline-end:2.75rem}
.ay-search .ay-field:focus{background:var(--card)}
.ay-search button{position:absolute;inset-block:0;inset-inline-end:0;width:2.75rem;background:none;border:0;color:var(--muted);display:grid;place-items:center}
.ay-actions{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto}
@media(min-width:768px){.ay-actions{margin-inline-start:0}}
.ay-icon-btn{position:relative;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:none;border:0;color:var(--ink)}
.ay-icon-btn:hover{background:var(--surface)}
.ay-badge{position:absolute;top:-2px;inset-inline-start:-2px;min-width:1.25rem;height:1.25rem;display:grid;place-items:center;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;padding-inline:4px}
.ay-badge[hidden]{display:none}
.ay-only-mobile{display:grid}@media(min-width:1024px){.ay-only-mobile{display:none}}
.ay-hide-xs{display:none}@media(min-width:640px){.ay-hide-xs{display:grid}}
.ay-nav{border-top:1px solid var(--line);display:none}
@media(min-width:1024px){.ay-nav{display:block}}
.ay-nav.is-open{display:block}
.ay-nav-row{display:flex;align-items:center;height:3rem;gap:2rem;font-size:.875rem}
.ay-nav .nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}
.ay-nav .nav-menu a{color:rgba(36,36,36,.8);padding-block:.75rem}
.ay-nav .nav-menu a:hover,.ay-nav .current-menu-item>a{color:var(--primary)}
.ay-sell-link{margin-inline-start:auto;color:var(--muted)}.ay-sell-link:hover{color:var(--primary)}
@media(max-width:1023px){.ay-nav.is-open .ay-nav-row{flex-direction:column;align-items:stretch;height:auto;padding-block:1rem;gap:0}.ay-nav.is-open .nav-menu{flex-direction:column;gap:0}.ay-nav.is-open .nav-menu a{display:block;font-size:1.05rem;border-bottom:1px solid var(--line)}.ay-sell-link{margin:1rem 0 0}}
.ay-hero{position:relative;height:78vh;min-height:520px;max-height:820px;overflow:hidden}
.ay-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:25% center}
.ay-hero-fade{position:absolute;inset:0;background:linear-gradient(to left,rgba(250,248,245,.9),rgba(250,248,245,.5),transparent)}
@media(min-width:768px){.ay-hero-fade{background:linear-gradient(to left,rgba(250,248,245,.8),rgba(250,248,245,.3),transparent)}}
.ay-hero-inner{position:relative;height:100%;display:flex;align-items:flex-end;padding-bottom:3.5rem}
@media(min-width:768px){.ay-hero-inner{align-items:center;padding-bottom:0}}
.ay-hero-copy{max-width:32rem}
.ay-hero-copy .ay-eyebrow{margin-bottom:1rem}
.ay-hero h1{font-size:3rem;line-height:1.15}@media(min-width:768px){.ay-hero h1{font-size:4.5rem}}
.ay-hero-sub{margin-top:1.25rem;font-size:1.125rem;color:rgba(36,36,36,.75);line-height:2rem}
.ay-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media(min-width:768px){.ay-cats{grid-template-columns:repeat(3,1fr);gap:1rem}}
@media(min-width:1024px){.ay-cats{grid-template-columns:repeat(6,1fr)}}
.ay-cat{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--surface)}
.ay-cat img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ay-cat:hover img{transform:scale(1.05)}
.ay-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,20,.65),transparent 60%)}
.ay-cat-name{position:absolute;bottom:1rem;inset-inline:1rem;font-family:var(--display);font-size:1.125rem;color:var(--paper)}
.ay-featured{display:grid;gap:2rem;align-items:center}
@media(min-width:1024px){.ay-featured{grid-template-columns:7fr 5fr;gap:3rem}}
.ay-featured-media{position:relative}
.ay-featured-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ay-pill{position:absolute;top:1rem;inset-inline-start:1rem;background:var(--card);padding:.375rem .75rem;font-size:.75rem;display:flex;align-items:center;gap:.375rem}
.ay-pill-leaf{width:.875rem;height:.875rem;color:var(--primary)}
.ay-featured-title{display:flex;align-items:center;gap:1rem}
.ay-featured-title h2{font-size:clamp(2.25rem,4vw,3rem);margin-top:.25rem}
.ay-avatar{display:grid;place-items:center;flex-shrink:0;width:3rem;height:3rem;border-radius:999px;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:1.25rem}
.ay-avatar-lg{width:4rem;height:4rem;font-size:1.75rem}
.ay-lead{margin-top:1.5rem;color:rgba(36,36,36,.75);line-height:2rem}
.ay-mini-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.ay-mini img{aspect-ratio:3/4;object-fit:cover;background:var(--card);width:100%}
.ay-mini>span:first-of-type{display:block;margin-top:.5rem;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ay-grid{display:grid;gap:2.5rem 1rem}
.ay-grid-4{grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.ay-grid-4{grid-template-columns:repeat(3,1fr);column-gap:1.5rem}}
@media(min-width:1024px){.ay-grid-4{grid-template-columns:repeat(4,1fr)}}
.ay-grid-2{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.ay-grid-2{column-gap:1.5rem}}
.ay-grid-3{grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.ay-grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.ay-grid-3{grid-template-columns:repeat(3,1fr)}}
.ay-editorial{display:grid;gap:1.5rem}@media(min-width:1024px){.ay-editorial{grid-template-columns:1fr 1fr}}
.ay-card{position:relative;display:flex;flex-direction:column}
.ay-card-media{position:relative;overflow:hidden;background:var(--surface);aspect-ratio:3/4}
.ay-card-large .ay-card-media{aspect-ratio:4/5}
.ay-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ay-card:hover .ay-card-media img{transform:scale(1.04)}
.ay-card-tags{position:absolute;top:.75rem;inset-inline-start:.75rem;display:flex;flex-direction:column;gap:.375rem}
.ay-tag{background:var(--card);padding:.25rem .5rem;font-size:11px}
.ay-tag-sale{background:var(--primary);color:#fff;font-weight:600}
.ay-wish{position:absolute;top:.75rem;inset-inline-end:.75rem;width:2.25rem;height:2.25rem;border-radius:999px;border:0;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--ink)}
.ay-wish.is-on{color:var(--primary)}.ay-wish.is-on svg{fill:currentColor}
.ay-quick{position:absolute;bottom:.75rem;inset-inline:.75rem;height:2.5rem;font-size:.875rem;transition:opacity .25s,transform .25s}
@media(min-width:768px){.ay-quick{opacity:0;transform:translateY(.5rem)}.ay-card:hover .ay-quick{opacity:1;transform:none}}
.ay-card-body{padding-top:.75rem;display:flex;flex-direction:column;gap:.25rem}
.ay-card-vendor{font-size:.75rem;color:var(--muted)}
.ay-card-title{font-size:15px;line-height:1.5rem}
.ay-price{display:flex;align-items:baseline;gap:.5rem;font-size:.95rem}
.ay-price-now{font-weight:600}.ay-price-old{color:var(--muted);font-size:.8rem}
.woocommerce ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem 1rem}
@media(min-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(4,1fr);column-gap:1.5rem}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;display:flex;flex-direction:column;gap:.25rem}
.woocommerce ul.products li.product img{aspect-ratio:3/4;object-fit:cover;background:var(--surface);width:100%;margin:0 0 .75rem!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--sans)!important;font-size:15px!important;font-weight:400;padding:0!important}
.woocommerce ul.products li.product .price{color:var(--ink)!important;font-weight:600}
.woocommerce span.onsale{background:var(--primary)!important;border-radius:0!important;min-height:0!important;min-width:0!important;line-height:1!important;padding:.35rem .5rem!important;font-size:11px!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--ink)!important;color:var(--paper)!important;border-radius:var(--radius)!important;font-family:var(--sans)!important;font-weight:500!important;padding:.85rem 1.5rem!important}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce .checkout-button{background:var(--primary)!important}
.woocommerce-message,.woocommerce-info{border-top-color:var(--primary)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--primary)!important}
.ay-campaign{position:relative;overflow:hidden}
.ay-campaign>img{width:100%;height:70vh;min-height:460px;object-fit:cover}
.ay-campaign-fade{position:absolute;inset:0;background:linear-gradient(to left,rgba(36,36,36,.75),rgba(36,36,36,.3),transparent)}
.ay-campaign-inner{position:absolute;inset:0;display:flex;align-items:center}
.ay-campaign-inner>div{max-width:28rem;color:var(--paper)}
.ay-campaign-eyebrow{font-size:.75rem;letter-spacing:.1em;opacity:.8;margin-bottom:1rem}
.ay-campaign h2{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.2}
.ay-campaign-inner p:not(.ay-campaign-eyebrow){margin-top:1rem;opacity:.8;line-height:2rem}
.ay-store{display:block;background:var(--card);transition:box-shadow .2s}
.ay-store:hover{box-shadow:0 12px 30px -18px rgba(36,36,36,.25)}
.ay-store-cover{aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.ay-store-cover img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ay-store:hover .ay-store-cover img{transform:scale(1.04)}
.ay-store-body{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 0}
.ay-store-body h3{font-size:1.25rem}
.ay-store-body p{font-size:.75rem;color:var(--muted)}
.ay-store-desc{padding:.75rem 1.25rem 1.25rem;font-size:.875rem;color:var(--muted);line-height:1.6rem}
.ay-story{padding-block:6rem;text-align:center}
.ay-story-leaf{width:2.5rem;height:2.5rem;color:var(--primary);margin:0 auto 1.5rem}
.ay-story h2{font-size:clamp(2.25rem,4vw,3rem);max-width:42rem;margin-inline:auto}
.ay-story p{margin:1.5rem auto 0;color:var(--muted);max-width:36rem;line-height:2rem}
.ay-story .ay-btn{margin-top:2rem}
.ay-footer{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);margin-top:6rem}
.ay-footer-leaf{position:absolute;bottom:-6rem;inset-inline-end:-6rem;width:24rem;height:24rem;color:rgba(250,248,245,.03);pointer-events:none}
.ay-footer-news{display:grid;gap:2.5rem;padding-block:3.5rem;border-bottom:1px solid rgba(250,248,245,.1);align-items:end}
@media(min-width:768px){.ay-footer-news{grid-template-columns:1fr 1fr}}
.ay-footer-news h2{font-size:1.875rem}
.ay-footer-news p{margin-top:.5rem;color:rgba(250,248,245,.65)}
.ay-news-form>div{display:flex;gap:.5rem}
.ay-news-form .ay-field{background:transparent;border-color:rgba(250,248,245,.25);color:var(--paper);text-align:end}
.ay-news-form small{display:block;min-height:1rem;margin-top:.5rem;font-size:.75rem;color:rgba(250,248,245,.6)}
.ay-footer-cols{display:grid;gap:2.5rem;padding-block:3.5rem;grid-template-columns:1fr 1fr}
@media(min-width:768px){.ay-footer-cols{grid-template-columns:2fr 1fr 1fr 1fr}}
.ay-footer-cols h3{font-size:1rem;margin-bottom:1rem}
.ay-footer-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;font-size:.875rem}
.ay-footer-cols a{color:rgba(250,248,245,.65)}.ay-footer-cols a:hover{color:var(--paper)}
.ay-footer-desc{margin-top:1rem;font-size:.875rem;color:rgba(250,248,245,.65);max-width:20rem;line-height:1.75rem}
.ay-footer-bottom{display:flex;justify-content:space-between;padding-block:1.5rem;border-top:1px solid rgba(250,248,245,.1);font-size:.75rem;color:rgba(250,248,245,.5)}
.ay-latin{font-family:var(--latin);letter-spacing:.35em}
.ayloul-container{width:100%;max-width:1320px;margin-inline:auto;padding:3rem 1rem}
@media(min-width:768px){.ayloul-container{padding-inline:2rem}}
.entry-content{line-height:1.9}