@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#34313b;--primary:#79638f;--surface:#f5f1f8;--background:#fff;--on-primary:#fff;--on-surface:#34313b;--on-background:#34313b;--muted:#736c7c;--line:#e7e1ec;--accent:#80618e}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.demo{text-align:center;background:var(--primary);color:white;padding:8px;font-size:11px}.topline{display:flex;justify-content:space-between;padding:10px 6%;background:var(--surface);font-size:11px;color:var(--muted)}header{display:flex;align-items:center;gap:45px;padding:18px 6%}.brand{display:flex;align-items:center;gap:10px;min-width:175px}.brand img{width:62px;height:65px;object-fit:contain}.brand span{font-size:26px;font-weight:700}.brand small{display:block;font-family:Georgia,serif;font-size:11px;letter-spacing:4px}.search{display:flex;max-width:510px;flex:1;border-bottom:1px solid #bbc1b8}.search input{border:0;background:none;padding:13px;width:100%;outline-offset:0}.search button{font-size:26px}.head-actions{display:flex;gap:20px;align-items:center;font-size:12px}.head-actions b{background:var(--surface);padding:2px 7px;border-radius:50%}nav{display:flex;justify-content:center;gap:34px;padding:17px 20px;border-block:1px solid var(--line);font-size:13px}nav a:hover{color:var(--accent)}main{min-height:65vh}.hero{margin:26px 5%;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);min-height:470px;overflow:hidden}.hero-copy{padding:65px 13%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);font-weight:600}.hero h1{font-size:46px;line-height:1.7;font-weight:400;margin:14px 0}.hero p{color:var(--muted);line-height:2.1;max-width:330px}.hero-image{position:relative;min-height:470px;background:var(--surface)}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 32%}.hero-image span{position:absolute;bottom:24px;left:24px;color:white;letter-spacing:5px;font:16px Georgia}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;background:var(--primary);color:white;margin-top:12px;gap:16px}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.benefits{display:flex;justify-content:space-evenly;margin:30px 6% 45px;padding:17px;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.benefits span{color:var(--muted);font-size:11px;display:block;margin-top:5px}.section{margin:52px 6%}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-head h2{font-size:24px;font-weight:500;margin:0}.section-head p{color:var(--muted);font-size:12px}.section-head a{font-size:12px;border-bottom:1px solid}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category{background:var(--surface);position:relative;height:280px;overflow:hidden}.category img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category:hover img{transform:scale(1.04)}.category span{position:absolute;bottom:15px;right:15px;left:15px;background:#ffffffeb;padding:12px;display:flex;justify-content:space-between}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}.product{display:block}.product-image{height:330px;background:var(--surface);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.035)}.tag{position:absolute;top:12px;right:12px;background:#fff;padding:5px 9px;font-size:10px}.tag.sale{background:var(--primary);color:white}.product-meta{font-size:10px;color:var(--muted);margin-top:13px}.product h3{font-size:14px;font-weight:500;margin:6px 0}.price{font-weight:600;font-size:13px}.price small{font-size:10px;font-weight:400}.old{color:#999;text-decoration:line-through;font-size:11px;margin-inline-end:8px}.swatches{display:flex;gap:5px;margin-top:10px}.swatches i{width:10px;height:10px;border-radius:50%;border:1px solid #aaa}.editorial{display:grid;grid-template-columns:1fr 1fr;background:var(--primary);color:white;min-height:320px}.editorial>div{padding:50px}.editorial h2{font-size:30px;font-weight:400}.editorial p{line-height:2;color:inherit}.editorial-art{background:var(--surface);display:flex;align-items:center;justify-content:center}.editorial-art img{height:270px;width:270px;object-fit:contain;mix-blend-mode:multiply}.journal{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article{padding:30px;background:var(--surface)}.article small{color:var(--accent)}.article h3{font-weight:500;line-height:2}.article p{color:var(--muted);line-height:2}.page{padding:35px 6% 60px}.breadcrumb{color:var(--muted);font-size:12px;margin-bottom:25px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:20px;background:var(--surface);margin-bottom:25px}.filters input,.filters select,.field{border:1px solid var(--line);padding:10px;background:white;max-width:100%}.filters input{width:150px}.empty{padding:60px;text-align:center;color:var(--muted)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-photo{width:100%;height:650px;object-fit:cover;background:var(--surface)}.detail h1{font-weight:500;font-size:28px}.detail p{line-height:2.2;color:var(--muted)}.detail label{display:block;margin:20px 0 8px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button{border:1px solid var(--line);padding:8px 17px}.choices button.selected{border-color:var(--primary);background:var(--surface)}.notice{background:var(--surface);padding:14px;line-height:2;font-size:12px;color:var(--muted)}.detail .price{font-size:22px}.detail input[type=number]{width:80px}.cart-row{display:grid;grid-template-columns:80px 1fr auto auto;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.cart-row img{width:80px;height:100px;object-fit:cover}.cart-row h3{font-weight:500}.cart-row input{width:65px}.summary{background:var(--surface);padding:25px;margin-top:30px;max-width:450px;margin-inline-start:auto}.summary>p{display:flex;justify-content:space-between}.panel-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.panel-tabs button{padding:10px 20px;border:1px solid var(--line)}.panel-tabs .active{background:var(--primary);color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{border:1px solid var(--line);padding:25px}.stat b{font-size:27px;display:block;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start;margin:25px 0;white-space:nowrap}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:start}th{background:var(--surface);font-weight:500}.form{max-width:620px;display:grid;gap:14px}.form label{display:grid;gap:8px}.form textarea{min-height:120px}.form .primary{justify-self:start}.badge{background:var(--surface);padding:4px 10px;font-size:11px}footer{background:var(--surface);padding:45px 6%;display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:30px;line-height:2}footer h2{font-size:28px;margin-top:0}footer h3{font-size:14px}footer p,footer small{color:var(--muted);font-size:12px}footer a,footer small{display:block}.chat-toggle{position:fixed;bottom:22px;left:24px;background:var(--primary);color:white;padding:14px 20px;border-radius:30px;box-shadow:0 5px 20px #0002;z-index:8}.chat{position:fixed;bottom:85px;left:24px;width:340px;background:white;box-shadow:0 8px 50px #0003;z-index:10;border:1px solid var(--line)}.chat-head{background:var(--primary);color:white;padding:17px;display:flex;justify-content:space-between}.chat .notice{margin:12px}.chat #messages{padding:12px;max-height:240px;overflow:auto}.chat #messages p{background:var(--surface);padding:10px;line-height:2}.chat form{display:flex;border-top:1px solid var(--line);padding:10px}.chat input{width:100%;border:0;padding:8px}.chat form button{color:var(--primary)}#toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:white;padding:15px 25px;z-index:20;display:none;max-width:80vw}.mobile-only{display:none}[hidden]{display:none!important}html[dir=ltr] .hero h1{line-height:1.3}html[dir=ltr] body{font-family:Vazirmatn,Arial,sans-serif}
@media(min-width:1600px){body{max-width:1600px;margin:auto}.hero{min-height:550px}}@media(max-width:1000px){header{gap:20px;padding-inline:4%}.head-actions{gap:9px}.brand{min-width:140px}nav{gap:20px;justify-content:flex-start;overflow:auto;white-space:nowrap}.hero h1{font-size:35px}.products{grid-template-columns:repeat(3,1fr)}.product-image{height:290px}.category{height:220px}.detail{gap:30px}.stats{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topline{display:none}header{flex-wrap:wrap;justify-content:space-between;gap:12px}.brand img{width:45px;height:50px}.brand span{font-size:22px}.search{order:3;flex-basis:100%;max-width:none}.head-actions{font-size:11px}.demo{font-size:10px;padding:8px 15px}nav{font-size:12px;padding:13px 5%;gap:24px}.hero{margin:15px 4%;grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 8%}.hero h1{font-size:34px;margin:10px 0}.hero p{font-size:12px;margin:0}.hero-image{min-height:310px}.hero-image img{object-position:center 35%}.benefits{display:grid;grid-template-columns:1fr 1fr;margin:15px 4% 30px;gap:20px;font-size:11px}.section{margin:35px 4%}.section-head h2{font-size:20px}.categories{grid-template-columns:repeat(2,1fr);gap:12px}.category{height:230px}.products{grid-template-columns:repeat(2,1fr);gap:24px 12px}.product-image{height:250px}.product h3{font-size:12px}.price{font-size:12px}.editorial{grid-template-columns:1fr}.editorial>div{padding:28px}.editorial-art{display:none}.journal{grid-template-columns:1fr}.page{padding:25px 4% 50px}.detail{grid-template-columns:1fr;gap:20px}.detail-photo{height:450px}.detail h1{font-size:23px}.cart-row{grid-template-columns:60px 1fr auto;gap:12px}.cart-row img{width:60px;height:80px}.cart-row .price{grid-column:2}.stats{gap:10px}.stat{padding:17px}.stat b{font-size:23px}footer{grid-template-columns:1fr 1fr;padding:30px 5%;gap:20px}footer>div:first-child{grid-column:1/-1}.chat{left:4%;width:92%;bottom:80px}.chat-toggle{left:15px;bottom:15px;font-size:12px}.filters{gap:8px;padding:12px}.filters input{width:115px}.filters select{max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Brand colour system and theme editor */
body{background:var(--background)}
.demo,.primary,.tag.sale,.editorial,.panel-tabs .active,.chat-toggle,.chat-head{color:var(--on-primary)}
.secondary{background:var(--background);color:var(--ink)}
.topline,.head-actions b,.category,.product-image,.article,.filters,.notice,.detail-photo,.summary,.badge,th,.chat #messages p,footer{color:var(--on-surface)}
.hero{color:var(--on-surface)}
.hero p,.article p,.notice,.topline,footer p,footer small{color:inherit;opacity:.8}
.chat,.field,.filters input,.filters select,.tag{background:var(--background);color:var(--ink)}
.hero-image img,.category img,.product-image img,.detail-photo{filter:grayscale(.4) hue-rotate(235deg)}
.theme-settings{margin-top:38px;padding:26px;border:1px solid var(--line);border-radius:10px;max-width:850px;white-space:normal}
.theme-settings h2{margin-top:0;font-weight:500}
.theme-settings p{line-height:2;color:var(--muted)}
.theme-presets,.theme-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}
.theme-presets button{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:7px}
.theme-presets button[aria-pressed=true]{border:2px solid var(--primary);background:var(--surface);color:var(--on-surface)}
.theme-presets i{width:20px;height:20px;border-radius:50%;background:var(--preset-color)}
#theme-mode{font-size:12px;color:var(--muted)}
.theme-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.theme-colors label{display:grid;gap:9px;font-size:12px}
.theme-colors label>span{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px}
.theme-colors input{width:48px;height:34px;padding:0;border:0;background:none;cursor:pointer}
.theme-colors output{font:12px monospace}
.theme-preview{margin-top:24px;padding:25px;background:var(--surface);color:var(--on-surface);display:flex;flex-wrap:wrap;gap:20px;align-items:center;border-radius:8px}
.theme-preview>span{font-size:11px;flex-basis:100%}
.theme-preview .primary,.theme-actions .primary,.theme-actions .secondary{margin:0}
@media(max-width:650px){.theme-settings{padding:16px}.theme-colors{grid-template-columns:1fr}.theme-actions>*{width:100%}}