@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--brand:#5f162a;--paper:#fffafc;--muted:#795b65;--line:#e8cfd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--brand);font-family:Manrope,Arial,sans-serif;font-size:14px}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bc718b;outline-offset:4px}.announcement{background:var(--brand);color:#fffafc;text-align:center;padding:11px;font-size:10px;letter-spacing:1.5px}.announcement span{margin:0 22px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;font-size:38px;align-items:center}.brand span{font:600 28px 'Cormorant Garamond',Georgia,serif}.brand small{display:block;font:8px Manrope,Arial;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:30px;font-size:12px}.navcta{border:1px solid #d7abbc;border-radius:30px;padding:13px 20px;font-size:11px}.hero{max-width:1350px;margin:auto;padding:65px 6% 55px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.06}h1{font-size:clamp(44px,5.1vw,76px);margin:25px 0}em{font-weight:400;color:#9b526a}.intro p{max-width:380px;line-height:1.9;color:var(--muted);font-size:13px}.primary{background:var(--brand);color:#fff;padding:19px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;border-radius:3px;font-size:12px}.intro .primary{margin-top:20px}.hero-note{margin-top:32px;font-size:10px;color:#795b65;display:flex;align-items:center;gap:9px}.hero-note span{font-size:25px}.heroart{position:relative;padding:0 20px}.arch{background:#f5e8ed;border-radius:50% 50% 4px 4px;overflow:hidden;box-shadow:inset 0 0 80px #e8cfd955}.arch svg{width:100%;display:block;filter:drop-shadow(0 15px 12px #5f162a20)}.floating{position:absolute;right:-15px;bottom:80px;background:#fffafce8;border:1px solid #e8cfd9;padding:17px 22px;font:21px 'Cormorant Garamond',Georgia;transform:rotate(6deg)}.artlabel{display:block;text-align:center;font-size:8px;letter-spacing:2px;margin:17px}.values{border-block:1px solid var(--line);display:flex;justify-content:space-evenly;padding:20px 5%;font-size:11px;gap:12px}#studio,#collection{padding:70px 6%;max-width:1350px;margin:auto}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}h2{font-size:46px;margin:14px 0 0}.sectionhead p,.sectionhead>span{font-size:11px;color:var(--muted)}.builder{border:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;background:#ffffff}.preview{background:#f5e8ed;display:flex;flex-direction:column;min-width:0}.previewtop,.previewbottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:22px;letter-spacing:1px}.live{color:#9b526a;letter-spacing:0;font-size:10px}.preview svg{width:100%;max-height:520px;flex:1}.previewbottom{letter-spacing:0;font-size:11px}.previewbottom button{border:0;background:none;font-size:11px}.disclaimer{font-size:9px;text-align:center;color:#795b65;padding:0 18px 16px;line-height:1.7}.controls{padding:30px}.step{display:flex;align-items:center;gap:10px;margin-bottom:15px}.step b{font-size:9px;color:#9b526a;border:1px solid var(--line);border-radius:50%;padding:6px}h3{font-size:12px;font-weight:600;margin:0}.choices{display:flex;gap:8px;margin-bottom:25px}.choices button{background:transparent;border:1px solid var(--line);border-radius:3px;padding:14px 8px;flex:1;font-size:10px}.choices button span{display:block;font-size:24px;margin-bottom:7px}.choices button.active{background:#f5e8ed;border-color:#5f162a}.swatches{display:flex;gap:14px}.swatches button{width:29px;height:29px;border-radius:50%;border:3px solid #fff;outline:1px solid #d8bcc7}.swatches button.active{outline:2px solid var(--brand);outline-offset:2px}.selected{font-size:10px;color:var(--muted);margin:12px 0 24px}.row{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.counter{display:flex;justify-content:space-between;border:1px solid var(--line);height:40px;align-items:center}.counter button{border:0;background:none;width:38px;height:38px}.counter output{font-size:12px}select{width:100%;height:40px;border:1px solid var(--line);background:#ffffff;padding:0 8px;font-size:11px}.greenery{display:flex;align-items:center;gap:7px;margin:22px 0;font-size:11px}.greenery input{accent-color:var(--brand)}.greenery span{margin-left:auto;color:var(--muted)}.total{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between}.total small{display:block;font-size:8px;letter-spacing:1px}.total strong{display:block;font:40px 'Cormorant Garamond',Georgia;margin-top:3px}.total>span{font:italic 17px 'Cormorant Garamond',Georgia;color:#9b526a}.pricing,.hint{font-size:9px;line-height:1.7;color:var(--muted)}.full{width:100%}.hint{text-align:center;margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards>button{text-align:left;border:0;background:transparent;padding:0}.cardart{overflow:hidden;height:300px}.cardart svg{width:100%;height:100%;transition:transform .4s}.cards button:hover svg{transform:scale(1.04)}.blush{background:#f5e8ed}.ivory{background:#fff1f6}.peach{background:#f2e2e9}.cardtext{padding:20px 0}.cardtext h3{font:26px 'Cormorant Garamond',Georgia}.cardtext span{display:block;font-size:10px;color:var(--muted);margin-top:9px}#about{background:#f5e8ed;text-align:center;padding:50px 20px 65px}.flowericon{font-size:50px;margin-bottom:20px}#about p{line-height:1.9;max-width:440px;margin:22px auto;color:#795b65;font-size:12px}#about a{font-size:11px;border-bottom:1px solid;padding-bottom:6px}footer{padding:32px 6%;display:flex;justify-content:space-between;align-items:center}footer>span{font:24px 'Cormorant Garamond',Georgia}footer small{font:8px Manrope;display:block;letter-spacing:2px;margin-top:5px}footer p,footer a{font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);padding:40px;max-width:460px;width:90%;background:var(--paper);color:var(--brand)}dialog::backdrop{background:#3b102480;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px}#summaryText{white-space:pre-line;line-height:1.9;font-size:13px}.secondary{width:100%;padding:15px;margin-top:10px;background:none;border:1px solid var(--line)}@media(max-width:760px){header{padding:20px 5%}nav{display:none}.brand span{font-size:24px}.navcta{font-size:9px;padding:10px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:35px}.heroart{max-width:450px;width:100%;margin:auto}.heroart svg{max-height:440px}.floating{right:0}.values{font-size:9px;flex-wrap:wrap}.sectionhead{display:block}h2{font-size:38px}.builder{grid-template-columns:1fr}.preview svg{max-height:420px}.controls{padding:23px}.cards{gap:12px}.cardart{height:200px}.cardtext h3{font-size:21px}.cardtext span{font-size:9px}#studio,#collection{padding:45px 5%}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.extras-section{margin:25px 0 18px;padding-top:20px;border-top:1px solid var(--line)}.extras-note{font-size:10px;line-height:1.6;color:var(--muted);margin:-4px 0 14px}.extra-item{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:7px 10px;margin:7px 0;border-radius:4px;transition:background .2s}.extra-item.chosen{background:#f5e8ed;border-color:#d7abbc}.extra-item>img{height:55px;width:40px;object-fit:contain}.extra-item>div:nth-child(2){flex:1}.extra-item strong{display:block;font-size:11px}.extra-item small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.extra-counter{display:flex;align-items:center;gap:6px}.extra-counter button{width:26px;height:30px;border:1px solid var(--line);border-radius:3px;background:#ffffff}.extra-counter output{width:15px;text-align:center;font-size:12px}.extra-counter button:disabled{opacity:.3;cursor:default}.preview{position:relative;justify-content:flex-start}.preview>svg{flex:0 1 auto;position:sticky;top:22px}.previewbottom{margin-top:auto}.preview svg image{image-rendering:auto}@media(max-width:760px){.preview>svg{position:static}.extra-item small{font-size:8px}}

.counter input{width:55px;min-width:0;text-align:center;border:0;background:transparent;color:var(--brand);font:12px Manrope,Arial;appearance:textfield;-moz-appearance:textfield}.counter input::-webkit-inner-spin-button,.counter input::-webkit-outer-spin-button{appearance:none;margin:0}

.mode-tabs{display:flex;margin:0 22px;border-bottom:1px solid #e8cfd9}.mode-tabs button{flex:1;border:0;padding:13px 5px;background:none;font-size:11px;color:#795b65}.mode-tabs button[aria-pressed=true]{color:var(--brand);border-bottom:2px solid var(--brand);font-weight:700}#spatialViewer{height:490px;width:100%;cursor:grab;position:sticky;top:12px}#spatialViewer[hidden]{display:none}#spatialViewer.dragging{cursor:grabbing}#spatialViewer canvas{display:block;width:100%;height:100%}#orbitControls{padding:10px 20px 15px}#orbitControls[hidden]{display:none}.view-angles,.zoom-controls{display:flex;gap:6px;justify-content:center}.view-angles button,.zoom-controls button{background:#fffafc;border:1px solid #e8cfd9;padding:8px 12px;border-radius:4px;font-size:10px}.view-angles button[aria-pressed=true]{background:var(--brand);color:white}.zoom-controls{margin-top:10px}#orbitHint{text-align:center;color:#795b65;font-size:9px;line-height:1.6}@media(max-width:760px){#spatialViewer{height:420px;position:static}}

.photo-views{display:flex;gap:8px;justify-content:center;margin:0 22px 12px}.photo-views button{padding:12px 25px;border:1px solid #d7abbc;border-radius:24px;font-size:11px;background:#fffafc}.photo-views button[aria-pressed=true]{background:var(--brand);color:white;border-color:var(--brand)}.preview>svg{display:block;width:100%;max-height:600px;position:sticky;top:18px}@media(max-width:760px){.preview>svg{position:static;max-height:460px}}

.preview{background:radial-gradient(ellipse at 34% 25%,#fffafc 0%,#faf0f5 48%,#f1e1e8 100%)}

/* Brand palette from the supplied Ağ Çiçəyim logo. */
:root{--brand-dark:#44101f;--ink:#3b1d28;--blush:#f5e8ed;--accent:#9b526a;color-scheme:light;accent-color:var(--brand)}
::selection{background:#edc8d6;color:var(--brand-dark)}
body{color:var(--ink)}
h1,h2,.cardtext h3{color:var(--brand)}
.announcement{background:var(--brand-dark);color:#fff}
header{background:var(--brand);color:#fff;padding-top:16px;padding-bottom:16px;gap:20px;border-bottom-color:#ffffff24}
header .brand{display:block;width:245px;max-width:55%;flex-shrink:0}
.brand-logo{display:block;width:100%;height:auto;border-radius:3px}
header nav a:hover{color:#f4ccd8}
.navcta{border-color:#ffffff55;white-space:nowrap;color:#fff}
.navcta:hover{background:#ffffff12}
.primary:hover{background:var(--brand-dark)}
.values{background:#fff}
.builder{border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #5f162a07}
.controls{background:#fff}
.choices button:hover,.photo-views button:hover,.extra-counter button:hover:not(:disabled){background:#fff5f8}
.choices button.active{color:var(--brand);background:var(--blush);border-color:var(--brand)}
.photo-views button[aria-pressed=true]{background:var(--brand);color:#fff}
.step b{color:var(--accent)}
.secondary{background:#fff;color:var(--brand);border-color:#d7abbc}
.secondary:hover{background:var(--blush)}
.flowericon img{display:block;width:56px;height:56px;margin:auto}
footer{background:var(--brand);color:#fffafc;border-top:1px solid #ffffff24}
footer p,footer a{color:#d8b9c4}
footer a:hover{color:#fff}
@media(max-width:980px){header{gap:15px}header .brand{width:220px}nav{gap:18px;font-size:11px}.navcta{font-size:10px;padding:12px 15px}}
@media(max-width:760px){header .brand{width:min(50vw,220px)}.navcta{font-size:9px;padding:11px 12px}header{gap:12px}.cards{gap:12px}}

.ui-arrow{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.navcta{display:inline-flex;align-items:center;gap:9px}
@media(max-width:760px){.announcement{font-size:8px;letter-spacing:.6px;line-height:1.7}.announcement span{margin:0 10px}.navcta{gap:6px;padding-left:9px;padding-right:9px}}