:root{--accent:#946A22;--ink:#1A1A1A;--bg:#FBF7F0;--sand:#F6EBD8;--line:#EFE6D6;--line2:#D9CDB8;--muted:#6B6258;--text2:#4A4339}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
.accent{color:var(--accent)}
.muted{color:var(--muted)}
.small{font-size:13px}
.vh,.hp{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;left:-9999px}
.mt{margin-top:10px}

.strip{background:var(--ink);color:var(--sand);font-size:13px;display:flex;justify-content:center;gap:40px;padding:10px 24px;flex-wrap:wrap;text-align:center}

.hdr{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}
.hdr-top{display:flex;align-items:center;gap:28px;padding-top:16px;padding-bottom:14px}
.search{flex:1;max-width:560px;margin:0 auto;display:flex;border:1px solid var(--line2);border-radius:999px;background:var(--bg);overflow:hidden}
.search input{flex:1;min-width:0;border:0;background:transparent;padding:12px 18px;font:inherit;font-size:15px;outline:none}
.search button{border:0;background:var(--accent);color:#fff;padding:0 18px;cursor:pointer;display:flex;align-items:center}
.search:focus-within{border-color:var(--accent)}
.nav-bar{border-top:1px solid var(--line)}
.logo img{height:44px;width:auto;display:block}
.nav{display:flex;padding-top:2px;padding-bottom:2px}
.dd{position:relative;display:inline-block}
.dd-btn{font:inherit;font-size:15px;font-weight:600;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;color:var(--ink)}
.dd-menu{display:none;position:absolute;top:100%;left:-12px;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(60,40,10,.14);padding:8px;flex-direction:column}
.dd.open .dd-menu,.dd:hover .dd-menu{display:flex}
.dd-menu a,.dd-soon{padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:12px}
.dd-menu a:hover{background:var(--sand)}
.dd-soon{color:#9A9082;font-weight:500}
.dd-soon em{font-style:normal;font-size:11px;background:var(--sand);color:var(--accent);padding:2px 8px;border-radius:999px;font-weight:700}
.hdr-right{display:flex;align-items:center;gap:14px}
.lang{display:flex;border:1px solid var(--line2);border-radius:999px;padding:3px;font-size:13px;font-weight:700}
.lang a{padding:6px 14px;border-radius:999px;color:var(--text2)}
.lang a.on{background:var(--ink);color:#fff}
.cart{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:12px;font:inherit;font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;text-align:center;transition:opacity .15s}
.btn:hover{opacity:.88}
.btn-primary{background:var(--accent);color:#fff}
.btn-dark{background:var(--ink);color:#fff}
.btn-light{background:#fff;border-color:var(--line2);color:var(--ink)}
.btn-round{border-radius:999px;padding:16px 30px;font-size:16px}
.btn-sm{padding:12px 26px;font-size:14px}
.btn-block{display:flex;width:100%;margin-top:0}
.btn-row{display:flex;gap:14px;flex-wrap:wrap}

.card{background:#fff;border:1px solid var(--line);border-radius:22px}
.section{margin-top:72px}
.section h2{font-size:34px;font-weight:800}
.sub{margin:8px 0 32px;color:var(--muted);font-size:16px}
.page-h{font-size:36px;font-weight:800}
.checks{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--text2);font-weight:600}
.checks.small{font-size:13px;font-weight:500;gap:20px}
.tag{display:inline-block;align-self:flex-start;background:var(--sand);color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.1em;padding:6px 14px;border-radius:999px}
.tag-solid{background:var(--accent);color:#fff}

/* hero */
.hero-wrap{margin-top:28px}
.hero{background:linear-gradient(120deg,var(--sand) 0%,var(--bg) 60%);border-radius:28px;padding:56px;display:flex;gap:56px;align-items:center;flex-wrap:wrap}
.hero-text{flex:1 1 440px;display:flex;flex-direction:column;gap:22px;min-width:0}
.badge-pill{align-self:flex-start;background:#fff;border:1px solid #E6D8BF;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.hero h1{font-size:52px;line-height:1.08;font-weight:800}
.accent-it{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:var(--accent)}
.lead{margin:0;font-size:18px;line-height:1.6;color:var(--text2);max-width:520px}
.hero-visual{flex:1 1 380px;display:flex;flex-direction:column;gap:18px;align-items:center;min-width:0}
.hero-img{width:100%;max-width:440px;aspect-ratio:3/3.4;border-radius:22px;overflow:hidden;background:var(--ink);box-shadow:0 18px 50px rgba(60,40,10,.22)}
.hero-img{position:relative}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hi-photo{object-position:50% 35%}
.hi-bouquet{opacity:0}
.slider-card{width:100%;max-width:440px;background:#fff;border-radius:16px;padding:16px 20px;border:1px solid var(--line)}
.slider-labels{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:6px}
input[type=range]{width:100%;accent-color:var(--accent)}

/* grids */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.step{padding:28px;display:flex;flex-direction:column;gap:14px;border-radius:20px}
.step-ic{width:56px;height:56px;border-radius:50%;background:var(--sand);color:var(--accent);display:flex;align-items:center;justify-content:center}
.step-t{font-weight:800;font-size:18px}
.step-d{color:var(--muted);font-size:14px;line-height:1.55}
.soon{border-style:dashed;border-color:var(--line2);padding:30px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;border-radius:20px}

.two{display:flex;gap:24px;flex-wrap:wrap}
.opt{flex:1 1 440px;padding:36px;display:flex;flex-direction:column;gap:16px;border-radius:24px}
.opt-main{border:2px solid var(--accent)}
.opt-t{font-size:26px;font-weight:800}
.opt-d{color:var(--text2);font-size:15px;line-height:1.6}
.opt-price{font-size:30px;font-weight:800;margin-top:6px}
.opt-price small{font-size:16px;font-weight:600}
.sizes-row{display:flex;gap:10px;flex-wrap:wrap}
.sizes-row span{border:1px solid var(--line2);border-radius:10px;padding:8px 14px;font-weight:600;font-size:14px}

.track-box{background:var(--ink);color:#fff;border-radius:28px;padding:48px;display:flex;gap:48px;flex-wrap:wrap;align-items:center}
.track-left{flex:1 1 380px;display:flex;flex-direction:column;gap:16px;min-width:0}
.track-left h2{font-size:32px}
.track-left p{margin:0;color:#D8CDB8;font-size:15px}
.track-right{flex:1.3 1 460px;min-width:0}
.track-form{display:flex;gap:10px;flex-wrap:wrap}
.track-form input{flex:1 1 200px;min-width:0;padding:15px 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:15px;text-transform:uppercase}
.track-form.light input{border-color:var(--line2);background:#fff}
.track-form.light{margin-bottom:8px}

.tl-item{display:flex;gap:16px;align-items:flex-start}
.tl-dot{display:flex;flex-direction:column;align-items:center}
.tl-dot span{width:22px;height:22px;border-radius:50%;border:2px solid #5A5246;display:block}
.tl-dot i{width:2px;height:30px;background:#5A5246;display:block}
.tl-txt{padding-bottom:14px;color:#BDB2A0;font-weight:700}
.tl-item.on .tl-dot span{background:var(--accent);border-color:var(--accent)}
.tl-item.on .tl-dot i{background:var(--accent)}
.tl-item.on .tl-txt{color:#fff}
.tl.light .tl-dot span,.tl.light .tl-dot i{border-color:var(--line2)}
.tl.light .tl-dot i{background:var(--line2)}
.tl.light .tl-txt{color:#9A9082}
.tl.light .tl-item.on .tl-txt{color:var(--ink)}
.tl.light .tl-item.on .tl-dot span{background:var(--accent);border-color:var(--accent)}
.tl.light .tl-item.on .tl-dot i{background:var(--accent)}
.tl-txt small{display:block;font-weight:500;color:var(--muted);font-size:13px}

.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.faq .card{padding:26px;border-radius:18px}
.faq-q{font-weight:800;font-size:17px;margin-bottom:8px}
.faq-a{color:var(--text2);font-size:15px;line-height:1.6}

/* order */
.order-wrap{padding-top:40px;padding-bottom:60px}
.order-grid{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}
.order-main{flex:1.6 1 560px;display:flex;flex-direction:column;gap:24px;min-width:0}
.box{padding:30px;display:flex;flex-direction:column;gap:16px}
.box-t{font-weight:800;font-size:20px}
.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--line2);border-radius:18px;background:var(--bg);padding:32px 24px;text-align:center;cursor:pointer;overflow:hidden}
.drop.drag{border-color:var(--accent);background:var(--sand)}
.drop-in{display:flex;flex-direction:column;align-items:center;gap:12px}
.drop-t{font-weight:700;font-size:16px}
.drop img{max-height:280px;border-radius:12px;display:block;margin-bottom:10px}
.fname{font-size:13px;color:var(--muted);word-break:break-all}
.fmt{display:flex;gap:14px;flex-wrap:wrap}
.fmt-opt,.size-opt{position:relative;cursor:pointer}
.fmt-opt{flex:1 1 220px}
.fmt-opt input,.size-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.fmt-opt span{display:block;border:2px solid #E6D8BF;border-radius:16px;padding:20px;background:#fff}
.fmt-opt b{display:block;font-size:17px}
.fmt-opt small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.fmt-opt input:checked+span,.size-opt input:checked+span{border-color:var(--accent);background:var(--sand)}
.fmt-opt input:focus-visible+span,.size-opt input:focus-visible+span{outline:3px solid rgba(148,106,34,.35)}
.size-row{display:flex;gap:12px;flex-wrap:wrap}
.size-opt span{display:block;border:2px solid #E6D8BF;border-radius:14px;padding:16px 24px;font-weight:700;font-size:15px;background:#fff}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fields input{padding:14px 16px;border:1px solid var(--line2);border-radius:12px;font:inherit;font-size:15px;min-width:0;background:#fff}
.fields input:focus,.track-form input:focus{outline:2px solid var(--accent);outline-offset:1px}
.summary{flex:1 1 340px;min-width:0;padding:30px;display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
.sum-row{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.sum-row span{color:var(--muted)}
.sum-row b{text-align:right}
.sum-total{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:baseline}
.sum-total span{font-weight:700}
.sum-total b{font-weight:800;font-size:26px}
.alert{background:#FFF1EE;border:1px solid #F1B9AE;color:#7A2A1C;border-radius:14px;padding:14px 18px;margin-bottom:20px;font-size:14px}
.alert ul{margin:6px 0 0;padding-left:18px}
.done{padding:40px;text-align:center}
.code{font-size:36px;font-weight:800;letter-spacing:.08em;color:var(--accent);margin:8px 0}
.code.sm{font-size:26px}
.done .btn-row{justify-content:center}

/* footer */
.ftr{background:var(--ink);color:#fff;margin-top:80px}
.ftr-in{padding-top:48px;padding-bottom:28px;display:flex;gap:48px;flex-wrap:wrap}
.ftr-col{flex:1 1 160px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.ftr-about{flex:2 1 280px}
.ftr-about img{height:38px;width:auto;align-self:flex-start}
.ftr-about p{margin:0;color:#BDB2A0;font-size:14px;line-height:1.6;max-width:340px}
.ftr-col b{margin-bottom:4px}
.ftr-col a:hover{opacity:.8}
.ftr-bot{border-top:1px solid #3A352D;padding:18px 24px;text-align:center;font-size:13px;color:#BDB2A0}

@media (max-width:900px){
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{padding:28px 20px;gap:28px}
  .hero h1{font-size:34px}
  .lead{font-size:16px}
  .track-box{padding:28px 22px}
  .faq{grid-template-columns:1fr}
  .opt{padding:24px}
  .summary{position:static}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .hdr-top{gap:10px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px}
  .logo img{height:32px}
  .search{order:3;flex:1 1 100%;max-width:none;margin:0}
  .hdr-right{margin-left:auto}
  .cart span{display:none}
  .section{margin-top:48px}
  .section h2{font-size:26px}
  .page-h{font-size:28px}
  .fields{grid-template-columns:1fr}
  .box{padding:20px}
  .grid4{gap:12px}
  .step{padding:20px}
  .strip{gap:6px 20px;font-size:12px}
}

/* axtarış nəticələri */
.results{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.result{display:block;padding:20px 24px;border-radius:18px}
a.result:hover{border-color:var(--accent)}
.result b{display:block;font-size:17px}
.result span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.result em{font-style:normal;font-size:11px;background:var(--sand);color:var(--accent);padding:2px 8px;border-radius:999px;font-weight:700;margin-left:8px}

.photo-err{background:#FFF1EE;border:1px solid #F1B9AE;color:#7A2A1C;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600}
.photo-err[hidden]{display:none}
.btn:disabled{opacity:.45;cursor:not-allowed}

.result-box{display:flex;flex-direction:column;gap:14px;margin:14px 0 22px;align-items:flex-start}
.result-img{width:100%;max-width:560px;height:auto;border-radius:16px;box-shadow:0 12px 36px rgba(60,40,10,.18);background:#1A1A1A}

/* istifadəçi hesabı */
.usr{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;max-width:150px}
.usr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.authwrap{max-width:520px}
.authbox{padding:36px}
.authform{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.authform label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.authform input{padding:14px 16px;border:1px solid var(--line2);border-radius:12px;font:inherit;font-size:15px;min-width:0;background:#fff;font-weight:400}
.authform input:focus{outline:2px solid var(--accent);outline-offset:1px}
.authalt{text-align:center;margin:18px 0 0}
.acc-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}
.acc-head p{margin:6px 0 0}
.acc-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.acc-side{display:flex;flex-direction:column;gap:24px}
.tablewrap-s{overflow-x:auto}
.otable{width:100%;border-collapse:collapse;font-size:14px;min-width:460px}
.otable th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.otable td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.otable tr:last-child td{border-bottom:0}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;background:#EEE9DF;font-size:12px;font-weight:700}
.pill.good{background:#E1F1E4;color:#1E5B2A}
.pill.warn{background:#FBF0D5;color:#7A5410}
.pill.info{background:#E3EDF9;color:#1F4E8C}
.pill.bad{background:#FBE3E0;color:#8A1F17}
.flash-ok{background:#E8F4EA;color:#1E5B2A;border-radius:14px;padding:12px 18px;margin-bottom:18px;font-weight:600;font-size:14px}
@media (max-width:900px){.acc-grid{grid-template-columns:1fr}}
@media (max-width:640px){.usr span{display:none}.authbox{padding:24px}}

/* v2: forma və mobil düzəlişlər */
.authbox{max-width:520px;margin:0 auto;box-sizing:border-box}
.authform label{width:100%}
.authform input{width:100%;box-sizing:border-box;display:block}
.authform .btn{margin-top:8px;width:100%}
@media (max-width:640px){
  .hdr-top{flex-wrap:wrap;gap:8px 10px;padding-top:10px;padding-bottom:8px}
  .logo{flex:0 0 auto}
  .logo img{height:22px}
  .hdr-right{gap:8px;flex-wrap:nowrap}
  .lang{padding:2px;font-size:11px}
  .lang a{padding:4px 9px}
  .cart svg,.usr svg{width:22px;height:22px}
  .ftr-about img{height:26px}
  .authbox{padding:22px 18px}
}