/* ===== Orehi in Suho Sadje Lešnik — Space-age 60s style ===== */

:root{
  --cream:#f6ead4;
  --cream-soft:#fbf5e9;
  --terracotta:#c85a32;
  --terracotta-dark:#a4451f;
  --olive:#565a34;
  --olive-dark:#3a3d22;
  --brown:#3a2a1c;
  --brown-soft:#6b5542;
  --orange:#e2823f;
  --line:#dfcba3;
  --radius-xl:2.2rem;
  --radius-lg:1.4rem;
  --radius-md:0.9rem;
  --radius-full:999px;
  --shadow-soft:0 10px 30px -12px rgba(58,42,28,.35);
  --shadow-pop:0 18px 40px -16px rgba(58,42,28,.45);
  --font-display: "Century Gothic","Futura","Avenir Next","Segoe UI",system-ui,sans-serif;
  --font-body: "Iowan Old Style","Palatino Linotype","Georgia",serif;
  --font-mono: ui-monospace,"SF Mono",Consolas,"Liberation Mono",monospace;
  --ease:cubic-bezier(.22,.9,.3,1);
}

*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:clip;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--cream);
  color:var(--brown);
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.55;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;}
h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;line-height:1.05;letter-spacing:-0.01em;color:var(--olive-dark);}
p{margin:0 0 1em;}
button{font-family:inherit;}

:focus-visible{
  outline:3px solid var(--terracotta);
  outline-offset:3px;
  border-radius:4px;
}

.container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 1.25rem;
}

.visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  left:-9999px;
}

/* honeypot */
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden;}

/* ===== grain overlay ===== */
.grain{
  position:fixed;
  inset:0;
  width:100vw;height:100vh;
  pointer-events:none;
  z-index:999;
  opacity:.05;
  mix-blend-mode:multiply;
}

/* ===== header ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(246,234,212,.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.header-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:.8rem 1.25rem;
  gap:1rem;
}
.brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.brand svg{width:40px;height:40px;flex-shrink:0;}
.brand-word{width:150px;height:30px;}
.brand-word svg{width:150px;height:30px;}

.main-nav{display:flex;align-items:center;gap:1.6rem;}
.main-nav a{
  font-family:var(--font-display);
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--olive-dark);
  position:relative;
  padding:.3rem 0;
}
.main-nav a::after{
  content:"";
  position:absolute;left:0;bottom:0;
  width:0;height:2px;
  background:var(--terracotta);
  transition:width .25s var(--ease);
}
.main-nav a:hover::after,.main-nav a:focus-visible::after{width:100%;}

.header-actions{display:flex;align-items:center;gap:.8rem;}
.cart-link{
  position:relative;
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--olive-dark);
  color:var(--cream-soft);
  padding:.55rem 1rem;
  border-radius:var(--radius-full);
  font-family:var(--font-display);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.cart-link svg{width:18px;height:18px;}
.cart-count{
  background:var(--terracotta);
  color:#fff;
  border-radius:var(--radius-full);
  min-width:1.3rem;height:1.3rem;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.72rem;
  padding:0 .3rem;
}
.cart-count.bump{animation:bump .35s var(--ease);}
@keyframes bump{0%{transform:scale(1);}40%{transform:scale(1.5);}100%{transform:scale(1);}}

.menu-toggle{
  display:none;
  width:44px;height:44px;
  border:none;background:transparent;
  align-items:center;justify-content:center;
  cursor:pointer;
}
.menu-toggle svg{width:26px;height:26px;}

/* mobile nav */
@media (max-width:860px){
  .main-nav{
    position:fixed;
    top:0;right:0;
    height:100vh;
    width:min(320px,85vw);
    background:var(--olive-dark);
    flex-direction:column;
    align-items:flex-start;
    gap:1.4rem;
    padding:5.5rem 1.6rem 2rem;
    transform:translateX(100%);
    visibility:hidden;
    transition:transform .35s var(--ease),visibility .35s var(--ease);
    z-index:90;
  }
  .main-nav.open{transform:translateX(0);visibility:visible;}
  .main-nav a{color:var(--cream-soft);font-size:1rem;}
  .menu-toggle{display:inline-flex;}
}

.nav-scrim{
  position:fixed;inset:0;background:rgba(58,42,28,.5);
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s var(--ease);
  z-index:85;
}
.nav-scrim.open{opacity:1;visibility:visible;}

/* ===== buttons ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  position:relative;
  padding:.85rem 1.7rem;
  border-radius:var(--radius-full);
  font-family:var(--font-display);
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  border:2px solid var(--olive-dark);
  background:transparent;
  color:var(--olive-dark);
  cursor:pointer;
  overflow:hidden;
  isolation:isolate;
  min-height:44px;
  transition:color .3s var(--ease);
}
.btn::before{
  content:"";
  position:absolute;inset:0;
  width:100%;height:100%;
  left:-100%;
  background:var(--olive-dark);
  z-index:-1;
  transition:left .32s var(--ease);
}
.btn:hover::before,.btn:focus-visible::before{left:0;}
.btn:hover,.btn:focus-visible{color:var(--cream-soft);}
.btn-primary{background:var(--terracotta);border-color:var(--terracotta);color:#fff;}
.btn-primary::before{background:var(--terracotta-dark);}
.btn-primary:hover,.btn-primary:focus-visible{color:#fff;}
.btn-ghost-dark{border-color:var(--cream-soft);color:var(--cream-soft);}
.btn-ghost-dark::before{background:var(--cream-soft);}
.btn-ghost-dark:hover,.btn-ghost-dark:focus-visible{color:var(--olive-dark);}
.btn-sm{padding:.6rem 1.2rem;font-size:.75rem;}
.btn[disabled]{opacity:.5;cursor:not-allowed;}

/* ===== reveal ===== */
.reveal{opacity:1;transform:none;}
.js .reveal{opacity:0;transform:translateY(24px);}
.js .reveal.in-view{
  opacity:1;transform:none;
  transition:opacity .7s var(--ease),transform .7s var(--ease),clip-path .7s var(--ease);
}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none;}
}

/* ===== hero ===== */
.hero{
  position:relative;
  padding:3.5rem 0 5rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 15%, rgba(200,90,50,.18), transparent 55%),
    radial-gradient(circle at 10% 90%, rgba(86,90,52,.18), transparent 50%);
}
.hero-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:2.5rem;
  align-items:center;
}
.hero h1{
  font-size:clamp(2.6rem,7vw,5rem);
  margin-bottom:.6rem;
}
.hero h1 em{font-style:normal;color:var(--terracotta);}
.hero-lede{font-size:1.15rem;max-width:34ch;color:var(--brown-soft);}
.hero-cta{display:flex;gap:1rem;margin-top:1.8rem;flex-wrap:wrap;}
.hero-art{position:relative;aspect-ratio:1/1;max-width:460px;margin:0 auto;}
.hero-art svg{width:100%;height:100%;}

.hero-shape{transform-origin:center;}
.js .hero-shape{opacity:0;transform:scale(.4) translateY(40px) rotate(-20deg);}
.js .hero-shape.assembled{
  opacity:1;transform:none;
  transition:opacity .8s var(--ease),transform .9s var(--ease);
}
@media (prefers-reduced-motion:reduce){
  .js .hero-shape{opacity:1;transform:none;}
}

.orbit-dot{animation:orbit 14s linear infinite;transform-origin:230px 230px;}
.orbit-dot.rev{animation-direction:reverse;animation-duration:20s;}
@keyframes orbit{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.orbit-dot{animation:none;}}

/* ===== numbers composition (home) ===== */
.numbered-sections{padding:4rem 0;}
.numbered-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.5rem;
  align-items:start;
  padding:3rem 0;
  border-top:1px solid var(--line);
}
.numbered-row:first-of-type{border-top:none;}
.big-num{
  font-family:var(--font-display);
  font-size:clamp(4rem,12vw,8rem);
  line-height:.8;
  color:var(--terracotta);
  opacity:.9;
  user-select:none;
}
.numbered-content h2{font-size:clamp(1.6rem,3vw,2.3rem);}
.numbered-content p{max-width:60ch;color:var(--brown-soft);}
.numbered-content{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;}
.numbered-media{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:4/3;}
.numbered-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.numbered-row:hover .numbered-media img{transform:scale(1.05);}

.numbered-row.full .numbered-content{grid-template-columns:1fr;}
.ornament{position:absolute;width:200px;height:200px;opacity:.5;pointer-events:none;}
.trust-row{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;margin-top:2rem;}
.trust-row .badge-item{display:flex;align-items:center;gap:.8rem;}
.trust-row .badge-item span{font-family:var(--font-display);font-size:.85rem;color:var(--brown-soft);max-width:14ch;}

@media (max-width:760px){
  .numbered-content{grid-template-columns:1fr;}
  .numbered-row{grid-template-columns:1fr;gap:.6rem;}
  .big-num{font-size:3.4rem;}
}

/* ===== mix builder (signature feature) ===== */
.builder{
  position:relative;
  background:var(--olive-dark);
  color:var(--cream-soft);
  border-radius:var(--radius-xl);
  padding:3rem clamp(1.2rem,4vw,3.2rem);
  overflow:hidden;
}
.builder::before{
  content:"";
  position:absolute;right:-60px;top:-60px;
  width:220px;height:220px;
  border-radius:50%;
  border:2px dashed rgba(246,234,212,.25);
}
.builder h2{color:var(--cream-soft);}
.builder-lede{color:rgba(246,234,212,.8);max-width:60ch;}
.builder-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:2.5rem;
  margin-top:2rem;
  align-items:start;
}
.builder-ingredients{display:grid;gap:.8rem;}
.ingredient-row{
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  align-items:center;
  gap:.8rem;
  background:rgba(246,234,212,.08);
  border-radius:var(--radius-lg);
  padding:.7rem 1rem;
}
.ingredient-row label{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;}
.ingredient-row input[type="range"]{accent-color:var(--terracotta);width:100%;}
.ingredient-grams{font-family:var(--font-mono);font-size:.85rem;min-width:3.6em;text-align:right;}
.ingredient-price{font-family:var(--font-mono);font-size:.8rem;color:rgba(246,234,212,.65);min-width:3.6em;text-align:right;}

.builder-summary{
  background:var(--cream-soft);
  color:var(--brown);
  border-radius:var(--radius-lg);
  padding:1.6rem;
  position:sticky;
  top:5rem;
}
.builder-summary h3{margin-bottom:.4rem;}
.builder-total{
  font-family:var(--font-display);
  font-size:2.2rem;
  color:var(--terracotta-dark);
  margin:.4rem 0;
}
.builder-weight{font-family:var(--font-mono);color:var(--brown-soft);margin-bottom:1rem;}
.builder-name-input{
  width:100%;
  padding:.7rem .9rem;
  border-radius:var(--radius-md);
  border:1.5px solid var(--line);
  background:#fff;
  font-family:var(--font-body);
  margin-bottom:.8rem;
}

@media (max-width:860px){
  .builder-grid{grid-template-columns:1fr;}
  .builder-summary{position:static;}
}

/* ===== sections generic ===== */
section{padding:3.5rem 0;}
.section-head{max-width:60ch;margin-bottom:2rem;}
.section-head p{color:var(--brown-soft);}
.eyebrow{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
  color:var(--terracotta);
  display:block;
  margin-bottom:.5rem;
}

.divider{width:100%;height:auto;display:block;margin:0 auto;}

/* ===== product grid / strip ===== */
.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:1.6rem;
}
.product-card{
  background:var(--cream-soft);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
  display:flex;flex-direction:column;
}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-pop);}
.product-media{aspect-ratio:4/3;overflow:hidden;}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.product-card:hover .product-media img{transform:scale(1.08);}
.product-body{padding:1.1rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.4rem;flex:1;}
.product-cat{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--terracotta);}
.product-body h3{font-size:1.1rem;margin-bottom:0;}
.product-body h3 a{color:var(--olive-dark);}
.product-short{color:var(--brown-soft);font-size:.92rem;flex:1;}
.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;}
.price{font-family:var(--font-display);font-size:1.2rem;color:var(--terracotta-dark);}
.unit{font-family:var(--font-mono);font-size:.75rem;color:var(--brown-soft);}

.product-strip-wrap{overflow:hidden;}
@media (max-width:700px){
  .product-grid.scroll-strip{
    grid-auto-flow:column;
    grid-template-columns:none;
    grid-auto-columns:72%;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:.6rem;
  }
  .product-grid.scroll-strip .product-card{scroll-snap-align:start;}
}

/* ===== product detail ===== */
.product-detail{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
  align-items:start;
}
.product-detail-media{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-pop);aspect-ratio:4/3;}
.product-detail-media img{width:100%;height:100%;object-fit:cover;}
.product-detail-info .price{font-size:2rem;display:block;margin:.6rem 0;}
.qty-row{display:flex;align-items:center;gap:1rem;margin:1.4rem 0;}
.qty-control{display:inline-flex;align-items:center;border:2px solid var(--olive-dark);border-radius:var(--radius-full);overflow:hidden;}
.qty-control button{width:40px;height:40px;border:none;background:transparent;font-size:1.2rem;cursor:pointer;color:var(--olive-dark);}
.qty-control input{width:3rem;border:none;text-align:center;font-family:var(--font-mono);background:transparent;}
@media (max-width:760px){.product-detail{grid-template-columns:1fr;}}

/* ===== cards generic (about/badges) ===== */
.badge-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;}
.badge{width:96px;height:96px;flex-shrink:0;}

/* ===== icon list ===== */
.icon-list{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.icon-list li{list-style:none;display:flex;gap:.9rem;align-items:flex-start;}
.icon-list svg{width:28px;height:28px;flex-shrink:0;color:var(--terracotta);}
.icon-list h3{font-size:1.05rem;margin-bottom:.2rem;}
.icon-list p{color:var(--brown-soft);font-size:.92rem;margin:0;}

/* ===== forms ===== */
.form-grid{display:grid;gap:1.1rem;max-width:620px;}
.field{display:grid;gap:.4rem;}
.field label{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--olive-dark);}
.field input,.field textarea,.field select{
  padding:.8rem 1rem;
  border:1.5px solid var(--line);
  border-radius:var(--radius-md);
  background:var(--cream-soft);
  font-family:var(--font-body);
  font-size:1rem;
  accent-color:var(--terracotta);
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--terracotta);}
.field-error{color:var(--terracotta-dark);font-size:.82rem;min-height:1.1em;}
.form-msg{border-radius:var(--radius-md);padding:1rem 1.2rem;margin-top:1rem;font-size:.95rem;}
.form-msg.success{background:#e6ecd6;color:var(--olive-dark);}
.form-msg.error{background:#f3d9cc;color:var(--terracotta-dark);}
.form-msg:empty{display:none;}
.radio-row{display:flex;gap:1.2rem;flex-wrap:wrap;}
.radio-row label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.95rem;text-transform:none;letter-spacing:0;color:var(--brown);}

/* ===== cart / checkout ===== */
.cart-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;}
.cart-table th{text-align:left;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--brown-soft);padding:.6rem;border-bottom:2px solid var(--olive-dark);}
.cart-table td{padding:.8rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle;}
.cart-item-name{display:flex;align-items:center;gap:.8rem;}
.cart-item-name img{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;}
.cart-remove{background:none;border:none;color:var(--terracotta-dark);cursor:pointer;font-family:var(--font-mono);font-size:.82rem;text-decoration:underline;}
.cart-summary{display:flex;justify-content:flex-end;}
.cart-summary-box{background:var(--cream-soft);border-radius:var(--radius-lg);padding:1.4rem 1.6rem;min-width:260px;box-shadow:var(--shadow-soft);}
.cart-summary-box .row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-family:var(--font-mono);}
.cart-summary-box .row.total{font-family:var(--font-display);font-size:1.3rem;color:var(--terracotta-dark);border-top:1px solid var(--line);padding-top:.6rem;margin-top:.4rem;}
.cart-empty{text-align:center;padding:3rem 1rem;color:var(--brown-soft);}
.checkout-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;margin-top:2.5rem;align-items:start;}
@media (max-width:860px){.checkout-grid{grid-template-columns:1fr;}}
.payment-note{background:var(--cream-soft);border-radius:var(--radius-lg);padding:1.2rem 1.4rem;font-size:.92rem;color:var(--brown-soft);margin-top:1.2rem;}

/* ===== legal content ===== */
.legal-content{max-width:72ch;}
.legal-content h2{margin-top:2rem;font-size:1.3rem;}
.legal-content ul{margin:0 0 1em 1.2em;list-style:disc;}

/* ===== FAQ accordion ===== */
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{
  font-family:var(--font-display);
  font-size:1.05rem;
  padding:1.1rem .2rem;
  cursor:pointer;
  list-style:none;
  display:flex;justify-content:space-between;align-items:center;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";font-size:1.4rem;color:var(--terracotta);}
.faq-item[open] summary::after{content:"\2212";}
.faq-item p{padding:0 .2rem 1.1rem;color:var(--brown-soft);}

/* ===== newsletter / footer ===== */
.site-footer{background:var(--olive-dark);color:var(--cream-soft);padding:4rem 0 2rem;margin-top:3rem;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;}
.footer-brand svg{width:46px;height:46px;}
.footer-brand p{color:rgba(246,234,212,.75);max-width:30ch;margin-top:.8rem;}
.footer-col h4{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cream-soft);margin-bottom:.9rem;}
.footer-col ul{display:grid;gap:.55rem;}
.footer-col a{color:rgba(246,234,212,.8);font-size:.9rem;}
.footer-col a:hover{color:var(--terracotta);}
.newsletter-form{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap;}
.newsletter-form input{
  flex:1;min-width:150px;
  padding:.7rem 1rem;
  border-radius:var(--radius-full);
  border:1.5px solid rgba(246,234,212,.4);
  background:rgba(246,234,212,.08);
  color:var(--cream-soft);
}
.newsletter-form input::placeholder{color:rgba(246,234,212,.55);}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
  margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(246,234,212,.2);
  font-size:.82rem;color:rgba(246,234,212,.65);
}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:540px){.footer-grid{grid-template-columns:1fr;}}

/* ===== cookie banner ===== */
.cookie-banner{
  position:fixed;left:1rem;right:1rem;bottom:1rem;
  max-width:560px;margin:0 auto;
  background:var(--olive-dark);
  color:var(--cream-soft);
  border-radius:var(--radius-lg);
  padding:1.3rem 1.5rem;
  box-shadow:var(--shadow-pop);
  z-index:200;
  display:none;
  gap:1rem;
  flex-wrap:wrap;
  align-items:center;
}
.cookie-banner.show{display:flex;}
.cookie-banner p{margin:0;flex:1;min-width:200px;font-size:.9rem;color:rgba(246,234,212,.9);}
.cookie-banner a{text-decoration:underline;}
.cookie-actions{display:flex;gap:.6rem;}

/* ===== 404 ===== */
.notfound{text-align:center;padding:6rem 1rem;}
.notfound .big-num{display:block;font-size:clamp(5rem,20vw,10rem);}

/* ===== icon sprite helper ===== */
.icon{width:24px;height:24px;stroke:currentColor;fill:none;}

/* page hero banner (non-home) */
.page-banner{
  padding:3rem 0 2.5rem;
  background:linear-gradient(135deg,rgba(200,90,50,.12),rgba(86,90,52,.12));
}
.page-banner h1{font-size:clamp(2rem,5vw,3.2rem);}
.page-banner p{color:var(--brown-soft);max-width:60ch;}

.sticky-note{
  position:sticky;top:5.2rem;
  background:var(--cream-soft);
  border-radius:var(--radius-lg);
  padding:1.4rem;
  box-shadow:var(--shadow-soft);
}
@media (max-width:860px){.sticky-note{position:static;}}