/* New layer (10. 10. 2026): V1 + decoy, pressed-wire section, logo and seal. Builds on style.css + prodej.css. */

/* logo with flower mark */
.logo.brand{display:inline-flex;align-items:center;gap:10px}
.logo.brand img{height:22px;width:auto;max-width:62vw}

/* hero promise */
.hero-promise{display:flex;align-items:center;gap:16px;margin-top:22px;max-width:470px;padding:14px 18px 14px 14px;background:var(--paper);border:1px solid var(--gold-soft);border-radius:20px;box-shadow:0 18px 36px -26px rgba(122,15,58,.45)}
.hero-promise p{margin:0;font-size:.95rem;line-height:1.45;color:var(--ink-soft)}
.hero-promise strong{display:block;font-family:var(--serif);font-size:1.35rem;font-weight:600;color:var(--rasp-ink);line-height:1.15;margin-bottom:2px}
.seal-svg{width:92px;height:92px;flex:none;filter:drop-shadow(0 10px 16px rgba(122,15,58,.18))}
.hero .supplies-note{margin-top:10px}

/* pressed-wire method */
.method{background:linear-gradient(180deg,var(--paper) 0%,var(--blush) 100%)}
.method .lead{font-size:1.15rem;color:var(--ink-soft);max-width:60ch;margin:14px auto 0}
.backs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:40px auto 0;max-width:900px}
.back{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:30px 32px 28px;display:flex;flex-direction:column;gap:18px}
.back svg{width:132px;height:auto;align-self:center}
.back h3{font-size:1.5rem;margin-bottom:.35em}
.back .eyebrow{margin:0 0 6px}
.back ul{list-style:none;padding:0;margin:0}
.back li{position:relative;padding:6px 0 6px 26px;font-size:.98rem;line-height:1.4}
.back.glue{background:#F4EEEC}
.back.glue svg{filter:saturate(.75)}
.back.glue h3,.back.glue li{color:#6f5b63}
.back.glue li::before{content:"✕";position:absolute;left:2px;color:#9C8790}
.back.pressed{border:2px solid var(--rasp);box-shadow:var(--shadow)}
.back.pressed li::before{content:"✦";position:absolute;left:2px;color:var(--rasp)}
.pressed-proof{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;margin:56px auto 0;max-width:1000px}
.pressed-proof figure{margin:0;border-radius:24px;overflow:hidden;position:relative;box-shadow:var(--shadow);aspect-ratio:4/3;background:#e9e4e0}
.pressed-proof video{width:100%;height:100%;object-fit:cover}
.pressed-proof figcaption{position:absolute;left:14px;bottom:12px;background:rgba(44,24,32,.72);color:#fff;font-size:.8rem;padding:5px 11px;border-radius:999px}
.pressed-proof h3{font-size:2rem}
.pressed-proof .legend li{padding:12px 0}
.small{font-size:.92rem}

/* edition label on included items */
.item h3 .ed{display:inline-block;vertical-align:middle;margin-left:6px;font-family:var(--sans);font-style:normal;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rasp-ink);background:var(--blush);border-radius:999px;padding:3px 9px}

/* promise card under the editions */
.promise-card{display:flex;align-items:center;gap:26px;max-width:760px;margin:30px auto 0;background:var(--paper);border:1px solid var(--gold-soft);border-radius:var(--radius);padding:26px 30px}
.promise-card .seal-svg{width:118px;height:118px}
.promise-card h3{font-size:1.6rem;margin-bottom:.25em}
.promise-card p{margin:0;color:var(--ink-soft)}

/* final call to action: cut-out flower, no photo box */
.final .final-bloom{width:min(340px,80vw);margin:0 auto 18px;filter:drop-shadow(0 30px 34px rgba(122,15,58,.32))}
.alt-path{margin:14px 0 0;font-size:.95rem}
.alt-path a{color:var(--ink-soft)}

@media (max-width:900px){
  .backs,.pressed-proof{grid-template-columns:1fr}
  .back{padding:24px 22px}
  .back svg{width:112px}
  .hero-promise{max-width:none}
  .seal-svg{width:88px;height:88px}
  .promise-card{flex-direction:column;text-align:center;padding:24px}
}

.supplies-line{font-size:.9rem;margin:16px auto 0;max-width:620px}

/* phones: show the flower first, smaller, so the product is visible on the first screen */
@media (max-width:900px){
  .hero .bloom-stage{order:-1;max-width:250px;margin:-6px auto -10px}
  .hero .tag.t1{font-size:.75rem;padding:7px 10px;top:8%}
  .hero .tag.t1 b{font-size:1rem}
  .hero .tag-hang{width:96px;top:22% !important;right:-4% !important}
  .hero .tag-hang .t small{font-size:.58rem;letter-spacing:.12em}
  .hero .tag-hang .t i{font-size:.85rem;white-space:nowrap}
  .hero .tag-hang::before{height:34px;top:-32px}
  .hero .tag-hang .t b{font-size:1.4rem}
}

/* ===== Landing v2 (12. 10. 2026): tighter hero, V2/V3/V6/V7 sections in the V1 look, calculator, supply list ===== */

/* hero: shorter, CTA and promise above the fold on a laptop */
.hero-tight{padding-bottom:40px}
.hero-tight .hero-grid{grid-template-columns:1.25fr 1fr;gap:20px}
.hero-tight h1{font-size:clamp(2.4rem,4.4vw,3.7rem);line-height:1.04}
.hero-tight .eyebrow{margin-bottom:10px}
.hero-tight .sub{font-size:1.12rem;max-width:44ch;margin:14px 0 22px}
.hero-tight .bloom-stage{max-width:500px;margin-left:auto}
.hero-tight .hero-promise{margin-top:18px;max-width:520px;padding:10px 16px 10px 10px;gap:14px}
.hero-tight .hero-promise strong{font-size:1.2rem}
.hero-tight .hero-promise p{font-size:.9rem}
.hero-tight .seal-svg{width:76px;height:76px}

/* story with the real photo */
.story-photo{margin:0}
.story-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;border-radius:200px 200px var(--radius) var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}
.story-photo figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:10px;text-align:center;line-height:1.4}
.story p{color:var(--ink-soft)}

/* quiet cream band to separate two light sections */
.section-cream{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Etsy findings (from V6) */
.etsy{margin-top:26px;background:var(--cream);border:1px solid var(--gold-soft);border-radius:22px;padding:22px 24px;text-align:center}
.etsy-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 6px}
.etsy-row b{display:block;font-family:var(--serif);font-size:1.8rem;color:var(--rasp-ink);line-height:1.1;font-weight:600}
.etsy-row span{font-size:.88rem;color:var(--ink-soft)}
.proof .ea-asks{margin-top:0}

/* three thoughts (from V7) */
.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.belief{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column}
.belief .q{font-family:var(--serif);font-size:1.5rem;line-height:1.2;color:var(--rasp-deep);margin:0 0 10px;font-weight:600}
.belief p{font-size:.96rem;color:var(--ink-soft);margin:0 0 12px}
.belief .proof{font-size:.82rem;border-top:1px dashed var(--line);padding-top:10px;margin:auto 0 0;color:var(--gold-ink)}

/* 14 days inside "What's inside" (from V3) */
.days-block{margin-top:56px}
.days-title{font-size:clamp(1.7rem,3vw,2.4rem);margin:.2em 0 0}
.day.seller::after{content:"Seller";position:absolute;bottom:10px;right:10px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);background:var(--cream);border-radius:999px;padding:2px 7px}
.day.milestone.seller::after{background:rgba(255,255,255,.18);color:var(--candle)}

/* small text buttons */
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--rasp-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkish:hover{color:var(--rasp)}

/* calculator v2 */
.calc-v2{align-items:start}
.calc-v2 .field{margin-bottom:16px;position:relative}
.calc-v2 label{margin-bottom:0}
.calc-v2 .hint{font-size:.82rem;color:var(--ink-soft);margin:6px 0 0;line-height:1.45}
.calc-v2 .check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--ink-soft);margin:4px 0 18px;cursor:pointer}
.calc-v2 .check input{width:20px;height:20px;margin:2px 0 0;padding:0;flex:none;accent-color:var(--rasp)}
.calc-v2 .check small{display:block;font-size:.78rem}
.calc-btn{width:100%;padding:15px 24px}
.calc-v2 .out{min-height:100%}
.calc-v2 .out .big{font-size:3.4rem;margin:6px 0 8px}
.calc-v2 .out p{margin:0 0 8px}
.band-note{font-size:.9rem;color:var(--rasp-ink);font-weight:500}
.band-note.warn{color:#9a4b00}
.price-guide{margin-top:10px;background:var(--paper);border:1px solid var(--gold-soft);border-radius:18px;padding:14px;box-shadow:0 22px 40px -28px rgba(122,15,58,.5)}
.pg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pg-head .eyebrow{margin:0}
.pg-close{background:none;border:0;font-size:1.6rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:2px 8px;border-radius:8px}
.band{display:grid;grid-template-columns:78px 1fr;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:11px 12px;margin:8px 0 0;font:inherit;font-size:.88rem;color:var(--ink-soft);cursor:pointer;line-height:1.4;transition:border-color .15s,background .15s}
.band b{font-family:var(--serif);font-size:1.35rem;color:var(--plum);line-height:1.1}
.band strong{color:var(--plum);font-weight:600}
.band:hover{border-color:var(--rasp-glow)}
.band.on{border-color:var(--rasp);background:#FFF5F8}
.band.pick b::after{content:"Our pick";display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rasp-ink);margin-top:4px}
.pg-src{font-size:.74rem;color:var(--ink-soft);margin:10px 2px 0;line-height:1.45}
@media (min-width:1101px){
  /* desktop: the guide opens to the right of the price field, over the result panel */
  .price-field .price-guide{position:absolute;left:calc(100% + 26px);top:0;width:min(440px,46vw);margin:0;z-index:5}
}

/* supply list preview */
.supply-dlg{border:0;border-radius:24px;padding:26px 28px;max-width:640px;width:calc(100% - 32px);background:var(--paper);color:var(--plum);box-shadow:0 40px 80px -30px rgba(44,24,32,.55)}
.supply-dlg::backdrop{background:rgba(44,24,32,.45)}
.dlg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dlg-head h2{font-size:2rem;margin:.1em 0 .2em}
.dlg-head .eyebrow{margin:0}
.supply-mini{width:100%;border-collapse:collapse;font-size:.88rem;margin:10px 0}
.supply-mini th{text-align:left;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);font-weight:600;padding:6px 6px;border-bottom:1px solid var(--gold-soft)}
.supply-mini td{padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}
.supply-mini td b{color:var(--plum);font-weight:600}
.supply-mini td:nth-child(2),.supply-mini td:nth-child(3){white-space:nowrap}
.supply-sum{background:var(--blush);border-radius:14px;padding:12px 14px;font-size:.92rem;margin:12px 0}

@media (max-width:900px){
  .hero-tight .hero-grid{grid-template-columns:1fr}
  .hero-tight h1{font-size:clamp(2.2rem,10vw,3rem)}
  .hero-tight .sub{font-size:1.05rem;margin:12px 0 18px}
  .hero-tight .bloom-stage{max-width:220px;margin:-10px auto -14px}
  .hero-tight .seal-svg{width:72px;height:72px}
  .etsy-row,.beliefs{grid-template-columns:1fr}
  .story-photo{max-width:320px;margin:0 auto}
  .story-photo figcaption{text-align:left}
  .supply-dlg{padding:20px 16px}
  .supply-mini td:nth-child(2),.supply-mini td:nth-child(3){white-space:normal}
}