@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Vazirmatn:wght@300;400;500;600;700&display=swap";:root{--bg:#101b18;--surface:#172520;--jade:#254a3b;--nude:#d3bda2;--text:#ede6dc;--muted:#a0ada5;--line:#314038;--header:80px;--side:210px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font-family:Vazirmatn,Manrope,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button{background:0 0;border:0}a{color:inherit;text-decoration:none}input,textarea,select{color:var(--text)}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:2px solid var(--nude);outline-offset:4px}img{object-fit:cover;width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button svg{flex-shrink:0}svg{stroke-width:1.5px}.icon{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon:hover{background:#ffffff0d}.flex{align-items:center;gap:10px;display:flex}.topbar{z-index:30;height:var(--header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#101b18f5;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;display:grid;position:fixed;inset:0 0 auto}.top-start{align-items:center;display:flex}.studio-label{color:var(--muted);letter-spacing:.08em;font-size:11px}.brand{direction:ltr;align-items:center;gap:12px;display:flex}.brand svg{fill:none;width:43px;height:32px;stroke:var(--nude);stroke-width:3px}.brand>span{letter-spacing:.23em;font-family:Manrope,sans-serif;font-size:16px;line-height:1.3}.brand small{letter-spacing:.28em;color:var(--nude);margin-top:4px;font-size:8px;display:block}.top-tools{justify-content:flex-end;align-items:center;gap:16px;display:flex}.lang{border-inline-end:1px solid var(--line);padding-inline-end:20px;font-family:Manrope;font-size:11px}.bag-icon{position:relative}.bag-icon b{background:var(--nude);color:var(--bg);border-radius:50%;min-width:17px;height:17px;font-size:10px;line-height:17px;position:absolute;inset:-1px -3px auto auto}.workspace{padding-top:var(--header);grid-template-columns:var(--side) minmax(0,1fr);max-width:1800px;margin:auto;display:grid}.sidebar{top:var(--header);height:calc(100dvh - var(--header));border-inline-end:1px solid var(--line);background:var(--bg);flex-direction:column;padding:32px 20px 22px;display:flex;position:sticky}.side-heading{letter-spacing:.18em;color:var(--nude);justify-content:space-between;font-family:Manrope;font-size:9px;display:flex}.side-intro{margin:18px 0 25px;font-size:17px}.category{width:100%;color:var(--muted);text-align:start;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:12px;font-size:12px;display:flex}.category:hover{color:var(--text);background:#ffffff05}.category.active{color:var(--text);background:var(--jade);border-inline-start:2px solid var(--nude)}.category small{color:var(--nude);font-size:10px}.side-line{background:var(--line);height:1px;margin:22px 10px}.side-bottom{margin-top:auto;padding-top:24px}.side-bottom>p{color:var(--nude);margin:0 10px 12px;font-size:10px}.side-bottom button{width:100%;color:var(--muted);justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}.side-bottom>small{letter-spacing:.12em;color:#788980;margin:24px 10px 0;font-family:Manrope;font-size:8px;line-height:2;display:block}.content{min-width:0;padding:29px 32px 0}.collection-head{justify-content:space-between;align-items:center;gap:24px;padding:0 0 22px;display:flex}.eyebrow{color:var(--nude);letter-spacing:.19em;direction:ltr;margin-bottom:9px;font-family:Manrope;font-size:9px}.collection-head h1{font-size:clamp(23px,2.2vw,35px);font-weight:400;line-height:1.5}.subtitle{color:var(--muted);margin-top:3px;font-size:11px}.edition{text-align:end;flex-shrink:0}.edition>span{color:var(--nude);font-family:Manrope;font-size:26px;font-weight:400}.edition small{color:var(--muted);letter-spacing:.1em;font-size:9px;display:block}.toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:12px 0 18px;display:flex}.search{max-width:320px;color:var(--muted);align-items:center;gap:10px;display:flex}.search input{background:0 0;border:0;outline:0;width:200px;min-width:0;padding:6px 0;font-size:11px}.search input::placeholder{color:var(--muted)}.toolbar-right{color:var(--muted);align-items:center;gap:18px;font-size:10px;display:flex}.toolbar-right select{background:0 0;border:0;max-width:140px;font-size:10px}.toolbar-right option{background:var(--surface)}.result-count{border-inline-end:1px solid var(--line);padding-inline-end:18px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;display:grid}.art-card{min-width:0}.art-image{aspect-ratio:1.48;background:var(--surface);height:clamp(135px,50dvh - 215px,270px);position:relative;overflow:hidden}.image-button{width:100%;height:100%;padding:0;position:absolute;inset:0}.art-image img{object-position:center 43%;filter:saturate(.78);height:100%;transition:opacity .5s,transform .8s;position:absolute;inset:0}.layer-image,.image-button:hover .main-image{opacity:0}.image-button:hover .layer-image{opacity:1;transform:scale(1.025)}.image-cta{bottom:0;opacity:0;background:linear-gradient(#0000,#08110cdf);justify-content:space-between;align-items:center;padding:35px 18px 13px;font-size:11px;transition:all .3s;display:flex;position:absolute;inset-inline:0}:is(.image-button:hover .image-cta,.image-button:focus-visible .image-cta){opacity:1}.art-number{top:12px;color:#ebe3d4;pointer-events:none;letter-spacing:.1em;background:#0b18159e;padding:5px 7px;font:9px Manrope;position:absolute;inset-inline-start:13px}.favorite{top:9px;color:#eee5d8;background:#0b18159e;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;inset-inline-end:9px}.favorite.saved{color:var(--nude)}.favorite.saved svg{fill:var(--nude)}.art-caption{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.art-caption h2{align-items:center;gap:10px;font-size:14px;display:flex}.art-caption h2 button{padding:0}.art-caption h2 span{letter-spacing:.1em;color:var(--nude);font-family:Manrope;font-size:8px}.art-caption p{color:var(--muted);margin-top:2px;font-size:9px}.add-art{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.add-art:hover{background:var(--nude);color:var(--bg);border-color:var(--nude)}.collection-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding:24px 0;display:flex}.collection-footer p{color:var(--muted);font-size:11px}.collection-footer button{color:var(--nude);align-items:center;gap:18px;font-size:11px;display:flex}footer{border-top:1px solid var(--line);color:#74867c;letter-spacing:.1em;justify-content:space-between;padding:20px 0;font-family:Manrope;font-size:8px;display:flex}.overlay{z-index:60;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020907b5;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.product-dialog{background:var(--surface);border:1px solid var(--line);grid-template-columns:1fr 1fr;width:980px;max-width:100%;max-height:calc(100dvh - 48px);display:grid;position:relative;overflow:auto}.close{z-index:3;background:#0b1718a6;position:absolute;inset:12px auto auto 12px}.product-visual{flex-direction:column;min-height:580px;display:flex;position:relative}.product-visual>img{object-fit:cover;flex:1;min-height:0;max-height:600px}.photo-controls{justify-content:center;gap:8px;padding:12px;display:flex}.photo-controls button{border:1px solid var(--line);padding:5px 12px;font-size:11px}.photo-controls button.active{background:var(--nude);color:var(--bg);border-color:var(--nude)}.product-visual>small{color:var(--muted);text-align:center;padding:0 10px 12px;font-size:9px}.product-copy{padding:42px 32px 28px}.product-copy h2{margin-bottom:12px;font-size:30px}.product-copy>p:not(.eyebrow){color:var(--muted);font-size:12px}.spec-note{border-bottom:1px solid var(--line);color:var(--nude);margin-bottom:20px;padding:16px 0;font-size:11px}.fields{gap:16px;margin:18px 0;display:grid}.fields.two{grid-template-columns:1fr 1fr}.fields label{color:var(--muted);flex-direction:column;gap:7px;font-size:11px;display:flex}.fields input,.fields textarea{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);border-radius:3px;padding:10px 12px;font-size:13px}.fields textarea{resize:vertical;min-height:85px}.field-title{color:var(--muted);font-size:11px}.swatches{flex-wrap:wrap;gap:8px;margin:9px 0 22px;display:flex}.swatches button{border:1px solid var(--line);border-radius:3px;align-items:center;gap:6px;padding:8px;font-size:10px;display:flex}.swatches .selected{border-color:var(--nude)}.swatches i{border:1px solid #ffffff20;border-radius:50%;width:14px;height:14px}.swatches .jade{background:#295442}.swatches .charcoal{background:#202020}.swatches .nude{background:#c8b198}.product-order{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.quantity{align-items:center;gap:12px;margin-top:10px;display:flex}.quantity button{border:1px solid var(--line);border-radius:3px;place-items:center;width:27px;height:27px;display:grid}.quantity b{text-align:center;min-width:15px;font-size:12px}.quantity .remove{color:#c6a69b;border:0;margin-inline-start:auto}.quote-note{margin-bottom:18px!important;font-size:10px!important}.primary{background:var(--nude);color:#16251d;border:1px solid var(--nude);border-radius:3px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 18px;font-size:12px;font-weight:500;display:flex}.primary:hover:enabled{background:#e0cdb4}.secondary{border:1px solid var(--nude);color:var(--nude);border-radius:3px;justify-content:center;align-items:center;padding:10px 15px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);width:480px;max-width:100%;max-height:calc(100dvh - 48px);padding:25px;position:relative;overflow:auto}.checkout-panel{width:700px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;display:flex}.panel-head h2{font-size:22px}.panel-head .eyebrow{font-size:8px}.bag-item{border-bottom:1px solid var(--line);grid-template-columns:95px 1fr;gap:16px;padding:18px 0;display:grid}.bag-item img{height:113px}.bag-item h3{font-size:15px}.bag-item p{color:var(--nude);font-size:10px}.small{font-size:10px}.muted{color:var(--muted)}.panel-foot{padding-top:24px}.summary-row{justify-content:space-between;gap:15px;margin-bottom:15px;font-size:11px;display:flex}.panel-foot .primary{margin-top:22px}.panel-foot>small{text-align:center;margin-top:13px;font-size:10px;display:block}.empty-state{min-height:230px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.empty-state .primary{width:auto}.steps{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding-bottom:18px;font-size:10px;display:flex}.steps span{align-items:center;gap:8px;display:flex}.steps b{border:1px solid var(--line);border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.steps .active{color:var(--nude)}.steps .active b,.steps .passed b{background:var(--jade);border-color:var(--jade)}.delivery-options{flex-wrap:wrap;gap:24px;margin:22px 0;font-size:11px;display:flex}.delivery-options label{align-items:center;gap:7px;display:flex}.delivery-options input{accent-color:var(--nude)}form>small{margin-top:10px;font-size:10px;display:block}.review-details{border-bottom:1px solid var(--line);margin:20px 0;padding-bottom:18px}.review-details h3{font-size:14px}.review-details p{color:var(--muted);margin-top:6px;font-size:11px}.text-button{color:var(--nude);align-items:center;gap:9px;padding:10px 0;font-size:11px;display:inline-flex}.notice-box{border:1px solid var(--line);background:var(--bg);margin:22px 0;padding:16px}.notice-box b{color:var(--nude);font-size:12px}.notice-box p{color:var(--muted);margin-top:7px;font-size:11px}.error{color:#e4ada7;background:#5c292820;border-inline-start:2px solid #b66358;margin:15px 0;padding:12px;font-size:12px}.success{text-align:center;padding:15px 10px}.success>svg{color:var(--nude);margin:auto auto 15px}.success h3{font-size:23px}.success>p{color:var(--muted);margin:10px 0 20px;font-size:12px}.order-reference{background:var(--bg);border:1px solid var(--line);justify-content:center;align-items:center;gap:16px;margin:20px 0;padding:18px;font-size:11px;display:flex}.order-reference b{letter-spacing:.1em;font:16px Manrope}.access-code{flex-direction:column;align-items:center;gap:10px;display:flex}.access-code>span{color:var(--muted);font-size:11px}.access-code code{word-break:break-all;-webkit-user-select:all;user-select:all;direction:ltr;font-size:12px}.account-intro{gap:15px;margin:25px 0;display:flex}.account-intro svg{color:var(--nude);flex-shrink:0}.account-intro h3{font-size:17px}.account-intro p{color:var(--muted);margin-top:8px;font-size:11px}.section-label{margin:25px 0 12px;font-size:14px}.order-history{border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:14px;font-size:11px;display:flex}.order-history small{color:var(--muted)}.status-chip{color:var(--nude);background:var(--jade);border-radius:3px;padding:4px 8px;font-size:10px}.toast{z-index:100;background:var(--nude);color:var(--bg);border-radius:4px;align-items:center;gap:12px;padding:14px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 40px #0006}.info-dialog{background:var(--surface);border:1px solid var(--line);width:550px;max-width:100%;padding:45px 35px;position:relative}.info-dialog h2{margin-bottom:20px;font-size:27px}.info-dialog>p:not(.eyebrow){color:var(--muted);margin-bottom:25px;font-size:13px}.mobile-menu,.side-backdrop{display:none}@media (min-width:1500px){.art-image{aspect-ratio:1.65}.content{padding:35px 42px 0}.gallery{gap:26px}.collection-head{padding-bottom:28px}}@media (max-width:1100px){:root{--side:180px}.content{padding:25px 22px 0}.gallery{gap:24px 14px}.art-image{aspect-ratio:1.2}.art-caption h2{font-size:13px}.art-caption h2 span{display:none}.sidebar{padding:25px 12px}.topbar{padding:0 20px}.top-tools{gap:10px}.studio-label{font-size:10px}}@media (max-width:800px){:root{--header:68px}.topbar{padding:0 14px}.studio-label{display:none}.top-tools{gap:5px}.lang{padding-inline-end:8px;font-size:10px}.brand{gap:5px}.brand svg{width:32px}.brand>span{font-size:13px}.brand small{font-size:6px}.mobile-menu{display:inline-flex}.workspace{display:block}.sidebar{top:var(--header);inset-inline-start:0;z-index:45;width:245px;height:calc(100dvh - var(--header));padding:25px;transition:transform .25s;position:fixed;bottom:0;transform:translate(110%)}html[dir=ltr] .sidebar{transform:translate(-110%)}.sidebar.visible,html[dir=ltr] .sidebar.visible{transform:none}.side-backdrop{inset:var(--header) 0 0;z-index:44;background:#0009;display:block;position:fixed}.content{padding:23px 18px 0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.art-image{aspect-ratio:1;height:auto}.collection-head h1{font-size:25px}.edition{display:none}.subtitle{max-width:280px}.toolbar-right{gap:10px}.toolbar-right>svg,.result-count{display:none}.search input{width:155px}.product-dialog{grid-template-columns:1fr;width:520px}.product-visual{min-height:0}.product-visual>img{flex:none;height:310px}.product-copy{padding:25px}.overlay{padding:14px}.panel,.product-dialog{max-height:calc(100dvh - 28px)}.panel{padding:20px}.collection-footer{flex-direction:column;align-items:start;gap:8px}footer{gap:12px;font-size:7px}.side-heading{align-items:center}.side-bottom{padding-top:10px}.image-cta{display:none}}@media (max-width:450px){.brand small{letter-spacing:.17em}.top-tools .icon{width:32px;height:35px}.collection-head h1{font-size:24px}.content{padding-inline:14px}.art-caption p{font-size:8px}.art-caption h2{font-size:13px}.art-caption{gap:6px}.add-art{width:26px;height:26px}.toolbar-right select{max-width:100px}.search input{width:130px}.steps{gap:6px;font-size:8px}.steps span{gap:4px}.steps b{width:18px;height:18px}.fields.two{gap:12px}.order-reference{gap:8px;padding:12px}.order-reference b{font-size:13px}.success{padding-inline:0}.bag-item{grid-template-columns:78px 1fr;gap:12px}.fields input{min-width:0}.toast{width:max-content;max-width:90%}.product-copy h2{font-size:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.page-tabs{gap:12px;margin:0 0 18px;display:flex}.page-tabs button{border-bottom:1px solid var(--line);text-align:start;color:var(--muted);min-width:130px;padding:5px 2px 9px;font-size:11px}.page-tabs .active{color:var(--nude);border-color:var(--nude)}.page-tabs small{color:var(--muted);font-size:8px;display:block}.pagination{justify-content:center;align-items:center;gap:10px;margin:26px 0 5px;display:flex}.pagination button{border:1px solid var(--line);justify-content:center;align-items:center;gap:8px;min-width:31px;height:31px;padding:0 11px;font-size:11px;display:flex}.pagination button.active{background:var(--jade);border-color:var(--jade);color:var(--nude)}.art-image .main-image,.art-image .layer-image,.product-visual>img{object-fit:contain;background:#12201b}.art-image{height:clamp(130px,50dvh - 242.5px,265px)}@media (max-width:800px){.art-image{height:auto}.page-tabs button{min-width:110px}}
