/* AYZARA responsive UI. Local assets only; no framework or external fonts. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background,#faf7f3);color:var(--text,#302821);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-underline-offset:4px}img,svg{max-width:100%}img{display:block}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(1.75rem,4vw,3.25rem);margin:0 0 1rem}h2{font-size:clamp(1.25rem,2.5vw,1.65rem);margin:2rem 0 1rem}h3{font-size:1.05rem}p{margin:.75rem 0 1.25rem}header{display:flex;align-items:center;gap:1.5rem;padding:1rem max(1rem,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid #e8e3de;position:relative;z-index:5}header>.tagline{flex:1;font-size:.8rem;color:#655e58;overflow-wrap:anywhere}.brand{font-size:1.15rem;font-weight:800;letter-spacing:.15em;text-decoration:none;overflow-wrap:anywhere;min-width:0}.brand img{width:auto;max-width:170px;height:40px;object-fit:contain}nav{display:flex;gap:.75rem}nav a{text-decoration:none}header nav{margin-left:auto;flex-shrink:1;min-width:0}header nav a{min-width:0;overflow-wrap:anywhere}header .brand{max-width:40%;flex-shrink:0}header nav a,.bottom a{display:flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .7rem;font-size:.85rem;border-radius:12px}header nav a[aria-current=page],.bottom a[aria-current=page]{background:#f1ece7;font-weight:700}nav svg{width:21px;height:21px;flex:none}main{max-width:1180px;margin:auto;padding:2rem 1.25rem 4rem;min-height:65vh}main>*{min-width:0}section{scroll-margin-top:1rem}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:380px;overflow:hidden;border-radius:24px;background:#e9dfd6;margin-bottom:2rem}.hero img{width:100%;height:100%;max-height:520px;object-fit:cover}.hero>div{padding:clamp(1.5rem,5vw,4rem);align-self:center}.hero,header,.card,.panel,.catalog-search,.studio-group,.bottom{color:#302821}.hero span,.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:1.1rem 0;max-width:16ch}.hero p{max-width:42ch}.hero-text-only{grid-template-columns:1fr;min-height:300px;background:linear-gradient(115deg,#ede6df,#faf8f5);border:1px solid #e4d9cf}.hero-text-only>div{max-width:800px}.hero-text-only h1{max-width:24ch}.hero .button{margin-top:.5rem}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:12px;background:var(--primary,#604a42);color:#fff;font:inherit;font-weight:650;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;white-space:normal;overflow-wrap:anywhere;max-width:100%;touch-action:manipulation}.secondary{background:#f2eeea;color:#302821;border-color:#dfd7d0}button:hover,.button:hover{filter:brightness(.95)}button:disabled,fieldset:disabled button{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{min-width:0;background:#fff;border:1px solid #e6e0da;border-radius:16px;padding:1rem;margin:.5rem 0}.card{text-decoration:none;display:block;overflow:hidden;transition:box-shadow .15s}.card:hover{box-shadow:0 8px 24px #30282110}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;background:#f4f1ed}.card h3{font-size:.95rem;line-height:1.4;margin:.8rem 0 .4rem}.card strong{display:block}.card del{font-size:.8rem;color:#71665d}.badge{display:inline-block;font-size:.75rem;background:#f8e5df;color:#783d2e;border-radius:6px;padding:.15rem .45rem;margin:.3rem 0}.block{display:block;text-decoration:none}.empty,.notice,.error{padding:1.5rem;border-radius:16px;background:#f0e8e2;margin:1rem 0;overflow-wrap:anywhere}.empty{text-align:center;border:1px dashed #d6c8bd;padding:2.5rem 1.25rem}.empty h3{margin-top:0}.empty p{max-width:45ch;margin:.5rem auto 1rem}.error{background:#ffe9e6;color:#8a241b}.notice{border-left:3px solid var(--primary)}form{margin:1rem 0}label{display:block;margin:.85rem 0;font-size:.9rem;font-weight:600;min-width:0}input:not([type=checkbox]):not([type=hidden]),textarea,select{display:block;width:100%;min-width:0;max-width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid #cfc6bd;border-radius:10px;background:#fff;color:#302821;font:inherit;font-size:16px;line-height:1.4;margin-top:.35rem}input[type=hidden]{display:none!important}input[type=checkbox]{width:20px;height:20px;margin:0 .4rem 0 0;vertical-align:middle;accent-color:var(--primary)}input[type=color]{padding:.3rem;max-width:120px}input[type=file]{font-size:.85rem}textarea{min-height:110px;resize:vertical}small{display:block;font-weight:400;color:#67584e;font-size:.8rem;overflow-wrap:anywhere;margin-top:.3rem}fieldset{border:1px solid #d8cdc3;border-radius:14px;min-width:0}form>button+button{margin:.4rem 0 .4rem .3rem}.search{display:flex;align-items:end;gap:.75rem}.search input{flex:1;min-width:0}.catalog-search{display:block;background:#fff;border:1px solid #e6e0da;border-radius:16px;padding:1rem;margin:1rem 0 1.5rem}.search-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem}.search-primary label{margin:0}.filter-panel{margin-top:1rem;border-top:1px solid #ece7e2;padding-top:.6rem}.filter-panel summary{cursor:pointer;padding:.5rem 0;font-size:.9rem;font-weight:600;min-height:44px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem}.filter-grid label{margin:0}.filter-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:1rem}.filter-actions a{font-size:.85rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.section-title h2{margin:1rem 0}.section-title span{font-size:.85rem;color:#67584e}.category-links{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.5rem}.category-links a{flex:0 0 auto;max-width:85%;overflow-wrap:anywhere;text-decoration:none;padding:.6rem 1rem;border-radius:30px;font-size:.85rem;min-height:44px}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}.product>div{min-width:0}.product h1{font-size:clamp(1.7rem,3vw,2.5rem)}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:.5rem;border-radius:18px;background:#f3efea}.gallery>a{flex:0 0 100%;min-width:0;scroll-snap-align:start}.gallery img{width:100%;height:auto;max-height:650px;aspect-ratio:4/5;object-fit:contain;scroll-snap-align:start}.gallery>img{flex:0 0 100%;min-width:0}.thumb{max-width:140px;max-height:140px;object-fit:contain}.image-thumbs{display:flex;gap:.5rem;overflow:auto;padding:.5rem 0}.thumb-button{flex:0 0 64px;padding:3px;width:64px;height:72px;background:#fff;border:1px solid #d8cdc3}.thumb-button img{width:100%;height:100%;object-fit:cover;border-radius:6px}.variant-choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.product input[name=quantity]{max-width:120px}#variant-info{font-weight:650;padding:1rem;background:#f4efea;border-radius:12px}.narrow{max-width:460px;margin:auto}.bottom{display:none}footer{text-align:center;padding:2rem 1rem;border-top:1px solid #e6e0da;font-size:.8rem;color:#67584e}.campaign:empty{display:none}.campaign img{width:100%;height:auto;border-radius:18px}.campaign-carousel{display:flex;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory}.campaign-carousel img{flex:0 0 75%;width:75%;height:320px;object-fit:contain;scroll-snap-align:start}.pagination{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin:1.5rem 0;font-size:.85rem}.wizard-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;position:sticky;top:0;padding:.6rem 0;background:var(--background);z-index:4}.wizard-nav button{font-size:.85rem;padding:.65rem .35rem;background:#eee6df;color:#302821}.wizard-nav button[aria-current=step]{background:var(--primary);color:#fff}[hidden]{display:none!important}#category-suggestions button{margin:0 .4rem .4rem 0;font-size:.8rem}.studio-group{border:1px solid #ded6ce;border-radius:16px;padding:1rem;margin:1rem 0;background:#fff}.studio-group>summary{font-weight:700;cursor:pointer;min-height:44px;padding:.5rem 0}.studio-group h2{margin-top:1rem}.admin-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.admin-toolbar a{padding:.5rem .85rem;border:1px solid #ddd2c8;border-radius:30px;text-decoration:none;font-size:.85rem;min-height:44px}.admin-page main{max-width:1000px}.admin-page .grid .panel{padding:1.25rem}.skip-link{position:absolute;top:-100px;left:1rem;z-index:20;background:#fff;padding:.7rem}.skip-link:focus{top:1rem}.layout-boutique .hero{background:#f4f0eb;border:1px solid #ddd1c8}.layout-boutique .card,.layout-boutique .hero{border-radius:4px}.layout-marketplace .hero{min-height:240px}.layout-marketplace .card{padding:.65rem}.font-sans{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.font-serif h1,.font-serif h2,.font-serif .brand{font-family:Georgia,serif}.font-rounded{font-family:"Trebuchet MS",system-ui,sans-serif}:focus-visible{outline:3px solid #2165a1;outline-offset:3px}.product-zoom{width:min(95vw,1100px);max-height:95vh;border:0;border-radius:16px;padding:1rem}.product-zoom::backdrop{background:#000b}.product-zoom button{margin-right:.5rem}.zoom-view{overflow:auto;max-height:75vh;margin-top:1rem}.zoom-view img{display:block;max-width:100%;height:70vh;object-fit:contain;margin:auto}.zoom-view.enlarged img{max-width:none;width:auto;height:auto}pre,code{overflow-wrap:anywhere;white-space:pre-wrap}.preview-mobile{max-width:390px;margin:0 auto;box-shadow:0 0 0 1px #bbb;min-height:100vh}.preview-mobile header nav,.preview-mobile header>.tagline{display:none}.preview-mobile .hero,.preview-mobile .product{grid-template-columns:1fr}.preview-mobile .hero>div{padding:1.5rem}.preview-mobile .hero img{order:0;max-height:280px}.preview-mobile .product-grid,.preview-mobile .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-mobile .bottom{display:flex;position:sticky;bottom:0;justify-content:space-around;background:#fff}.preview-mobile .bottom a{flex-direction:column;font-size:.72rem}
@media(min-width:901px){.product>div:last-child{align-self:start}.admin-page form:not(.search){max-width:800px}.admin-page .studio-group .panel{margin:1rem 0}.hero img{order:2}}
@media(max-width:1000px){header>.tagline{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){header{padding:.8rem 1rem;gap:.75rem}header nav{display:none}header .brand{max-width:100%}header>.tagline{display:none}.brand{font-size:1.05rem}.brand img{max-width:150px;height:34px}main{padding:1rem 1rem 2rem}.has-bottom-nav{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:8;background:#fff;border-top:1px solid #e5ded7;padding:.35rem max(.5rem,env(safe-area-inset-right,0px)) calc(.35rem + env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));box-shadow:0 -4px 20px #30282105}.bottom a{flex-direction:column;justify-content:center;gap:.15rem;padding:.35rem .2rem;min-width:0;font-size:.72rem;line-height:1.3;overflow-wrap:anywhere;text-align:center}.bottom a span{max-width:100%}.hero,.product{grid-template-columns:minmax(0,1fr)}.hero{min-height:0;border-radius:18px;margin-bottom:1.5rem}.hero>div{padding:1.5rem}.hero img{max-height:340px;aspect-ratio:4/3}.hero h1{font-size:clamp(1.8rem,7vw,2.8rem)}.hero-text-only{min-height:260px}.product{gap:1.5rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.card{padding:.65rem;border-radius:12px}.card h3{font-size:.85rem}.card strong{font-size:.9rem}.campaign-carousel img{height:220px;flex-basis:88%;width:88%}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-nav button{font-size:.72rem}.section-title span{font-size:.75rem}.catalog-search{padding:.85rem}.admin-toolbar{gap:.35rem}.admin-toolbar a{font-size:.8rem}.product-zoom{padding:.65rem}}
@media(max-width:360px){main{padding-right:.75rem;padding-left:.75rem}.filter-grid{grid-template-columns:minmax(0,1fr)}.search-primary{gap:.5rem}.search-primary button{padding:.7rem}.variant-choices{grid-template-columns:1fr}.card{padding:.5rem}.wizard-nav button{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Product information and accessible variant choices. */
.choice-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 0}.choice-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;min-height:44px;background:#fff;color:#302821;border:1px solid #d7ccc5;border-radius:10px;max-width:100%;overflow-wrap:anywhere}.choice-button img{width:42px;height:48px;object-fit:cover;border-radius:5px}.choice-button[aria-pressed=true]{border:2px solid var(--primary);background:#f1ece7;box-shadow:0 0 0 1px var(--primary)}.choice-button:disabled{opacity:.5;text-decoration:line-through}.gallery-controls{display:flex;justify-content:space-between;gap:.5rem;margin-top:.6rem}.gallery-controls button{font-size:.8rem}.size-row{min-width:0;border:1px solid #ded6d0;border-radius:12px;padding:1rem;margin:1rem 0}.specifications{margin:1.5rem 0}.specifications div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid #e5ddd7}.specifications dt{color:#65574e}.specifications dd{margin:0;overflow-wrap:anywhere}.table-scroll{max-width:100%;overflow:auto}.table-scroll table{border-collapse:collapse;min-width:100%;font-size:.9rem}.table-scroll th,.table-scroll td{padding:.85rem;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}.preview-mobile header .brand{max-width:100%;font-size:1rem;letter-spacing:.12em}.preview-mobile header{flex-wrap:wrap}.preview-mobile header .tagline{display:none}
.dashboard-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.dashboard-heading h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.25rem}.dashboard-heading p{margin-top:0;color:#65574e}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;margin:1.5rem 0}.dashboard-action{display:flex;gap:1rem;align-items:flex-start;border:1px solid #e2d8cf;border-radius:18px;padding:1.3rem;background:#fff;text-decoration:none;color:#302821;transition:transform .15s,box-shadow .15s}.dashboard-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #30282112}.dashboard-action svg{width:24px;height:24px;flex-shrink:0;color:var(--primary)}.dashboard-action strong,.dashboard-action small{display:block}.dashboard-action small{font-size:.82rem;line-height:1.6;margin-top:.4rem;color:#65574e}.dashboard-metrics{display:flex;flex-wrap:wrap;gap:1rem}.dashboard-metrics .panel{flex:1;min-width:130px;margin:0}.dashboard-metrics strong{font-size:1.8rem;display:block}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0}.share-actions a,.share-actions button{font-size:.85rem}.consent-panel{color:#302821;position:fixed;bottom:5.2rem;left:1rem;right:1rem;max-width:650px;margin:auto;padding:1rem;background:#fff;border:1px solid #d5c9bf;box-shadow:0 4px 30px #0002;border-radius:16px;z-index:60}.consent-panel p{margin-top:0;font-size:.9rem}.consent-actions{display:flex;gap:.5rem;flex-wrap:wrap}.marketing-status{font-size:.9rem;color:#65574e}button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){.dashboard-action{transition:none}}
