/*
Theme Name: hooo
Description: Tema magazinului hooo.ro: cadouri personalizate pentru copii, familii și firme. Checkout-ul, factura pe firmă și localitățile vin din tema Evatria.
Version: 0.1.0
Author: Pasul Următor
Text Domain: hooo
*/

/* ---------- tokenuri (aceleași ca în oferta pentru firme) ---------- */
:root{
  --ink:#1E1A20; --ink-2:#4A444D; --ink-3:#7A7280;
  --paper:#FFFFFF; --paper-2:#FBF8F9; --blush:#FBEEF1; --blush-2:#F5DCE2;
  --rasp:#C92A48; --rasp-d:#A11F3A; --rasp-soft:rgba(201,42,72,.12);
  --pine:#1F5B4A; --pine-l:#E8F2ED;
  --line:#E7E0E4; --line-2:#F1ECEF;
  --ok:#1F7A4D; --warn:#A15C07; --err:#B42318;
  --font-display:"Bricolage Grotesque","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --font-body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --radius:16px; --radius-sm:10px;
  --shadow-1:0 1px 2px rgba(30,26,32,.06),0 10px 30px rgba(30,26,32,.08);
  --shadow-2:0 2px 6px rgba(30,26,32,.08),0 24px 60px rgba(30,26,32,.16);
  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:1180px;
}

/* ---------- bază ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--rasp-d);text-underline-offset:.18em}
a:hover{color:var(--rasp)}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(36px,5.2vw,64px);font-weight:700}
h2{font-size:clamp(28px,3.4vw,42px);font-weight:700}
h3{font-size:21px;font-weight:700;letter-spacing:-.01em}
h4{font-size:17px;font-weight:700;letter-spacing:0}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--rasp);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sec{padding-top:72px;padding-bottom:72px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:12px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-1)}
.skip-link:focus{left:12px}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rasp-d)}
.lead{font-size:20px;color:var(--ink-2);max-width:62ch}
.muted{color:var(--ink-3)}
.num{font-variant-numeric:tabular-nums}

/* ---------- logoul provizoriu: „hooo” cu ultimul o în culoarea brandului ---------- */
.wm{font-family:var(--font-display);font-weight:800;letter-spacing:-.05em;line-height:.8;color:var(--ink);text-decoration:none;white-space:nowrap}
.wm i{font-style:normal;color:var(--rasp)}
a.wm:hover{color:var(--ink)}

/* ---------- butoane ---------- */
.btn,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:12px;border:0;background:var(--rasp);color:#fff;font:600 17px/1.1 var(--font-body);text-decoration:none;cursor:pointer;transition:background .2s var(--ease),box-shadow .2s var(--ease)}
.btn:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--rasp-d);color:#fff}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--light{background:#fff;color:var(--rasp-d)}
.btn--light:hover{background:var(--blush);color:var(--rasp-d)}

/* ---------- formulare ---------- */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],select,textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font:16px/1.4 var(--font-body);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--rasp);box-shadow:0 0 0 4px var(--rasp-soft)}
label{font-weight:600;font-size:15px}

/* ---------- antet: conceptul primei pagini („Cadoul e frumos. Reacția e totul.”, 15 septembrie 2026), pe tot site-ul; meniul de pe telefon e în assets/hooo.js ---------- */
:root{--cream:#fbf8f1;--line-warm:#ddd8d0;--muted:#706b6a;--hdr-h:98px}
/* pe paginile de plată antetul rămâne scund, ca înainte: assets/checkout.css își așază cardul „Comanda ta” după --hdr-h */
.hooo-plata{--hdr-h:70px}
html{scroll-padding-top:calc(var(--hdr-h) + 12px)}
.announcement{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;background:var(--rasp);color:#fff;font:400 11px/1.3 var(--font-body);letter-spacing:.35px}
.announcement span span{margin-left:15px;color:#FFE2A8}
.announcement a:focus-visible{outline-color:#fff} /* bara e zmeurie (1 octombrie 2026, Adrian: „rămâne zmeuriu”), conturul zmeuriu nu s-ar vedea */
.site-header{position:sticky;top:0;z-index:50;height:var(--hdr-h);display:flex;align-items:center;gap:40px;padding:0 56px;background:var(--cream);border-bottom:1px solid var(--line-warm);color:var(--ink);font:400 16px/1.2 var(--font-body)}
.admin-bar .site-header{top:32px}
.site-header a,.site-header a:hover{color:var(--ink);text-decoration:none}
.site-header .logo{display:block;width:114px;flex-shrink:0;line-height:0}
.logo__svg{display:block;width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:26px;font-size:13px;font-weight:550}
.desktop-nav ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.desktop-nav li{margin:0}
.desktop-nav a{position:relative;display:block;padding:16px 0}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:9px;width:0;height:1px;background:var(--rasp);transition:width .2s}
/* linia sub pagina curentă; linkurile cu ancoră (/#…) nu mai primesc starea activă (inc/antet.php) */
.desktop-nav a:hover::after,.desktop-nav .current-menu-item>a::after{width:100%}
.desktop-nav .sageata{margin-left:5px}
.desktop-nav .nav-code{display:none}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}
.code-link{padding:4px 0;border-bottom:1px solid var(--ink);font-size:12px}
.bag-button{display:flex;align-items:center;gap:8px;padding:8px}
.bag-button svg{display:block;width:23px;height:auto}
.account-button{display:flex;align-items:center;padding:8px}
.account-button svg{display:block;width:23px;height:auto}
.bag-count{font-size:11px;font-variant-numeric:tabular-nums}
.menu-toggle{display:none;padding:8px 0 8px 4px;border:0;background:none;color:var(--ink);font:400 20px/1 var(--font-body);cursor:pointer}
.hdr-secure{margin-left:auto;font-size:14px;font-weight:600;color:var(--ink-2)}
@media (min-width:1500px){.site-header,.announcement{padding-inline:max(56px,calc((100% - 1280px)/2))}}
@media (max-width:1150px){
  .site-header,.announcement{padding-inline:36px}
  .site-header{gap:20px}
  .desktop-nav,.desktop-nav ul{gap:19px}
  .desktop-nav{margin-left:10px;font-size:11px}
  .header-actions{gap:16px}
  .code-link{font-size:10px}
}
/* sub 900px meniul intră sub butonul ☰, ca pe telefon în concept */
@media (max-width:900px){
  :root{--hdr-h:78px}
  .site-header,.announcement{padding-inline:24px}
  .desktop-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:8px 24px 16px;background:var(--cream);border-bottom:1px solid var(--line-warm);box-shadow:0 12px 18px rgba(0,0,0,.06);font-size:16px;font-weight:400}
  .desktop-nav.is-open{display:block}
  .desktop-nav ul{display:block}
  .desktop-nav a{padding:13px 0}
  .desktop-nav a::after{display:none}
  .desktop-nav .nav-code{display:block}
  .menu-toggle{display:block}
  .header-actions{gap:18px}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:650px){
  :root{--hdr-h:73px}
  .announcement{height:28px;padding-inline:18px;font-size:8px;justify-content:center}
  .announcement>span>span{margin-left:5px}
  .site-header{padding:0 20px;gap:15px}
  .site-header .logo{width:94px}
  .header-actions{gap:13px}
  .code-link{font-size:9px}
  .bag-button{padding:4px;gap:4px}
  .bag-button svg{width:20px}
  .account-button{padding:4px}
  .account-button svg{width:20px}
}
@media (max-width:600px){.admin-bar .site-header{top:0}}
@media (max-width:370px){.code-link{font-size:8px}.header-actions{gap:10px}}

/* ---------- subsol: același concept, cu datele legale de dinainte (firma, insigna ANPC, meniul „Legal”, retragerea, cookie-urile) ---------- */
.site-footer{padding-top:56px;border-top:1px solid var(--line-warm);background:var(--cream);color:var(--ink);font:400 16px/1.2 var(--font-body)}
.home .site-footer{padding-top:10px;border-top:0}
.ft-wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}
.ft-logo{display:inline-block;width:154px;line-height:0}
.footer-top p{margin:0}
.footer-top>div>p{margin-top:20px;font-size:11px;line-height:1.6;color:var(--muted)}
.footer-top>div>p.ft-company{margin-top:10px;max-width:48ch;font-size:10px}
.footer-top>div>p.ft-note{margin-top:0;font-size:10px}
.footer-top b{display:block;margin:8px 0 20px;font-size:12px;font-weight:700}
.footer-top ul{list-style:none;margin:0;padding:0}
.footer-top li{margin:0}
.footer-top a,.footer-top button{display:block;margin:0 0 13px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:10px;line-height:1.4;text-align:left;text-decoration:none;cursor:pointer}
.footer-top a:hover,.footer-top button:hover{color:var(--rasp)}
.legal-badges{display:flex;gap:10px;margin-top:16px}
.legal-badges a{margin:0}
.legal-badges img{display:block;border-radius:4px}
.footer-echo{display:flex;align-items:baseline;gap:38px;margin-top:15px;color:var(--rasp);font-family:var(--font-display);font-size:170px;font-weight:650;letter-spacing:-12px;line-height:1.25}
.footer-echo span{font-size:112px;letter-spacing:-7px}
.footer-echo small{font-size:74px;letter-spacing:-5px}
.footer-echo i{margin-left:auto;color:var(--ink);font-family:Georgia,serif;font-size:16px;font-weight:400;letter-spacing:0;white-space:nowrap;transform:rotate(-6deg)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line-warm);color:var(--muted);font-size:10px}
@media (max-width:1150px){
  .ft-wrap{width:calc(100% - 72px)}
  .footer-top{gap:40px}
  .footer-echo{font-size:150px;gap:27px}
  .footer-echo span{font-size:100px}
  .footer-echo small{font-size:65px}
  .footer-echo i{font-size:14px}
}
@media (max-width:900px){
  .ft-wrap{width:calc(100% - 48px)}
  .footer-top{grid-template-columns:1fr 1fr 1fr;gap:35px}
  .footer-top>div:first-child{grid-column:1/-1}
  .footer-echo{font-size:123px;letter-spacing:-9px;gap:24px}
  .footer-echo span{font-size:81px;letter-spacing:-5px}
  .footer-echo small{font-size:54px;letter-spacing:-4px}
  .footer-echo i{font-size:12px}
  .footer-bottom{flex-wrap:wrap}
}
@media (max-width:650px){
  .ft-wrap{width:calc(100% - 36px)}
  .site-footer{padding-top:44px}
  .home .site-footer{padding-top:10px}
  .footer-top{grid-template-columns:1fr 1fr;gap:25px 35px}
  .ft-logo{width:110px}
  .footer-top>div>p{margin-top:15px;font-size:10px}
  .footer-top b{margin:6px 0 17px;font-size:11px}
  .footer-top a,.footer-top button{line-height:1.5}
  .footer-echo{position:relative;margin-top:11px;padding-bottom:33px;font-size:92px;letter-spacing:-7px;gap:19px}
  .footer-echo span{font-size:63px;letter-spacing:-4px}
  .footer-echo small{font-size:42px;letter-spacing:-3px}
  .footer-echo i{position:absolute;right:5px;bottom:14px;font-size:12px}
  .footer-bottom{display:block;line-height:1.7}
  .footer-bottom span{display:block}
  .home .footer-bottom{padding-bottom:98px}
}
@media (max-width:370px){.footer-echo{font-size:80px;gap:14px}.footer-echo span{font-size:56px}.footer-echo small{font-size:36px}}

/* ---------- pagini de conținut ---------- */
.page-head{padding:56px 0 8px}
.entry{max-width:760px}
.entry-content h2{font-size:30px;margin-top:1.6em}
.entry-content h3{margin-top:1.4em}
.entry-content ul,.entry-content ol{padding-left:1.2em}
.entry-content li{margin:.3em 0}
.entry-content table{width:100%;border-collapse:collapse;font-size:16px}
.entry-content th,.entry-content td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}

/* ---------- notificările WooCommerce ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{list-style:none;margin:0 0 20px;padding:14px 18px;border-radius:var(--radius-sm);background:var(--paper-2);border:1px solid var(--line);color:var(--ink)}
.woocommerce-message{border-color:#BFE3CF;background:#F1FAF5}
.woocommerce-error{border-color:#F3C4C0;background:#FEF3F2;color:var(--err)}
.woocommerce-message .button,.woocommerce-info .button{min-height:40px;padding:0 16px;font-size:15px;margin-left:12px}
/* loc pentru iconița WooCommerce din stânga, ca să nu acopere prima literă; coșul și checkout-ul au regulile lor, în assets/checkout.css */
.woocommerce-message,.woocommerce-info,.woocommerce-error{position:relative;padding-left:46px}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{left:16px;top:15px}

/* ---------- elemente comune ---------- */
.sec--tint{background:var(--paper-2)}
.sec--rasp{background:var(--rasp);color:#fff}
.sec--rasp h2{color:#fff}
.sec-head{max-width:780px;margin-bottom:36px}
.sec-head h2{margin-bottom:10px}
.small{font-size:14px}
.chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:var(--rasp);color:#fff;line-height:1}
.chip--soft{background:var(--blush);color:var(--rasp-d)}
.chip--pine{background:var(--pine-l);color:var(--pine)}
.pret{font-family:var(--font-display);font-weight:800;font-size:46px;letter-spacing:-.03em;line-height:1;color:var(--rasp);font-variant-numeric:tabular-nums}
.pret small{font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:0;color:var(--ink-2)}
.ai-note{font-size:14px;color:var(--ink-3);margin:28px 0 0}

/* ---------- eticheta cu codul (aceeași ca pe coperta ofertei) ---------- */
.tag{position:relative;width:min(330px,100%);background:#fff;color:var(--ink);border-radius:16px;padding:46px 26px 24px;box-shadow:0 14px 40px rgba(60,0,20,.30);transform:rotate(6deg)}
.tag::before{content:"";position:absolute;left:50%;bottom:calc(100% - 23px);width:2px;height:170px;margin-left:-1px;background:rgba(255,255,255,.85)}
.tag__hole{position:absolute;top:14px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--rasp);box-shadow:inset 0 2px 3px rgba(0,0,0,.25)}
.tag__k{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.tag__code{display:block;font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:.02em;margin:6px 0 14px;white-space:nowrap}
.tag__for{display:block;font-size:14px;line-height:1.45;color:var(--ink-2);border-top:1.5px dashed var(--line);padding-top:12px}
.tag__for b{color:var(--rasp)}

/* ---------- pagina Pentru firme ---------- */
.fh{background:var(--rasp);color:#fff;overflow:hidden;padding-top:64px}
.fh__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}
.fh h1{color:#fff;font-size:clamp(38px,5vw,62px);margin-top:12px}
.fh .lead{color:rgba(255,255,255,.92)}
.eyebrow--light{color:#fff;opacity:.9}
.fh__cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}
.fh__link,.fh__link:hover{color:#fff;font-weight:600}
.fh__tag{display:grid;place-items:center;padding:70px 0 40px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;padding-top:28px;padding-bottom:44px;position:relative}
.facts::before{content:"";position:absolute;left:24px;right:24px;top:0;border-top:1px solid rgba(255,255,255,.28)}
.fact b{display:block;font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:4px}
.fact span{font-size:15px;color:rgba(255,255,255,.88)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;background:var(--blush);border-radius:var(--radius);padding:24px 22px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--rasp);color:#fff;font:700 18px/1 var(--font-display);margin-bottom:14px}
.steps h3{font-size:19px;margin-bottom:6px}
.steps p{margin:0;color:var(--ink-2);font-size:16px}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 32px;list-style:none;margin:56px 0 0;padding:0}
.why li{padding-left:30px;position:relative}
.why li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;border:3px solid var(--rasp)}
.why b{display:block;font-size:18px;margin-bottom:4px}
.why span{color:var(--ink-2);font-size:16px}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.pack{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:32px 26px 24px;display:flex;flex-direction:column}
.pack--rec{border:2.5px solid var(--rasp);box-shadow:var(--shadow-1)}
.pack>.chip{position:absolute;top:-13px;left:24px}
.pack h3{margin-bottom:10px}
.pack .per{font-size:14px;color:var(--ink-3);margin:8px 0 14px}
.pack p{color:var(--ink-2);font-size:16px}
.pack ul{list-style:none;margin:0 0 8px;padding:0}
.pack li{position:relative;padding:8px 0 8px 18px;border-top:1px solid var(--line-2);font-size:16px}
.pack li::before{content:"";position:absolute;left:0;top:18px;width:7px;height:7px;border-radius:50%;background:var(--rasp)}
.pack__foot{margin-top:auto;padding-top:12px;font-size:14px;color:var(--ink-3)}
.vol{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;margin-top:40px;align-items:start}
.vol h3{margin-bottom:12px}
.table-wrap{overflow-x:auto}
.vol table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:16px;background:#fff}
.vol th{text-align:left;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:12px 14px;border-bottom:2px solid var(--ink);white-space:nowrap}
.vol td{padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.vol .n{text-align:right}
.vol tr.hl td{background:var(--blush);font-weight:600}
.vol .small{margin-top:10px}
.example{background:var(--pine-l);border-radius:var(--radius);padding:26px}
.example h3{color:var(--pine);margin-bottom:8px}
.example p{color:var(--ink-2);margin-bottom:8px}
.example .big{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;margin:6px 0 8px}
.terms{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px;list-style:none;margin:36px 0 0;padding:0;color:var(--ink-2);font-size:16px}
.terms li{position:relative;padding-left:22px}
.terms li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:3px;border-radius:2px;background:var(--rasp)}
.terms b{color:var(--ink)}
.extra{margin-top:36px;padding-top:28px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.extra h3{margin-bottom:4px}
.extra p{margin:0;max-width:62ch}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.tax{background:var(--pine-l);border-radius:var(--radius);padding:30px}
.tax h2,.two h2{font-size:30px}
.tax h2{color:var(--pine)}
.tax ul{list-style:none;margin:0;padding:0}
.tax li{position:relative;padding:8px 0 8px 22px;color:var(--ink-2)}
.tax li::before{content:"";position:absolute;left:0;top:19px;width:12px;height:3px;border-radius:2px;background:var(--pine)}
.tax b{color:var(--ink)}
.tax .src{font-size:14px;color:var(--ink-3);margin:12px 0 0}
.cal{list-style:none;margin:0;padding:0}
.cal li{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.cal time{font-weight:700;color:var(--rasp-d)}
.cal span{color:var(--ink-2)}
ol.order{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;margin:0;padding:0;counter-reset:o} /* doar lista de pe /firme/; WooCommerce dă și rândurilor din „Comenzi” clasa order (1 octombrie 2026) */
ol.order li{counter-increment:o;border-top:3px solid var(--rasp);padding-top:14px;color:var(--ink-2);font-size:16px}
ol.order li::before{content:counter(o);display:block;font:800 30px/1 var(--font-display);color:var(--rasp);margin-bottom:8px}
ol.order b{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.faq details,.clause{border-bottom:1px solid var(--line)}
.faq summary,.clause summary{cursor:pointer;list-style:none;padding:16px 40px 16px 0;font-weight:700;font-size:18px;position:relative}
.faq summary::-webkit-details-marker,.clause summary::-webkit-details-marker{display:none}
.faq summary::after,.clause summary::after{content:"+";position:absolute;right:6px;top:11px;font:400 28px/1 var(--font-display);color:var(--rasp)}
.faq details[open] summary::after,.clause[open] summary::after{content:"–"}
.faq details p{margin:0 0 16px;color:var(--ink-2)}
.clause{margin-top:32px;border:2px dashed var(--rasp);border-radius:var(--radius);padding:6px 26px;background:#fff}
.clause p{font-size:15px;color:var(--ink-2)}
.form-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:start}
.form-intro p{color:rgba(255,255,255,.92);font-size:18px}
.form-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.form-points li{position:relative;padding-left:28px}
.form-points li::before{content:"";position:absolute;left:2px;top:7px;width:13px;height:7px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg)}
.lead-form{position:relative;background:#fff;color:var(--ink);border-radius:20px;padding:30px;box-shadow:var(--shadow-2)}
.lead-form p{margin:0 0 14px}
.lead-form label{display:block;margin-bottom:6px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.f-check{border:0;margin:4px 0 12px;padding:0}
.f-check legend{font-weight:600;font-size:15px;margin-bottom:8px;padding:0}
.f-check label{display:inline-flex;align-items:center;gap:8px;margin:0 16px 10px 0;font-weight:500}
.f-check input,.f-optin input{width:20px;height:20px;margin:0;accent-color:var(--rasp);flex:none}
.f-optin{display:flex!important;gap:10px;align-items:flex-start;font-weight:500;font-size:15px;color:var(--ink-2);margin:4px 0 18px!important}
.f-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-privacy{font-size:14px;color:var(--ink-3);margin:14px 0 0!important}
.form-msg{padding:12px 14px;border-radius:10px;font-weight:600}
.form-msg--ok{background:#F1FAF5;color:var(--ok);border:1px solid #BFE3CF}
.form-msg--err{background:#FEF3F2;color:var(--err);border:1px solid #F3C4C0}
.lead-form .btn{width:100%}
@media (max-width:980px){
  .fh__grid,.two,.form-grid,.vol{grid-template-columns:minmax(0,1fr)}
  .fh__tag{padding:30px 0 10px}
  .tag{transform:rotate(3deg)}
  .facts,.packs,.why{grid-template-columns:minmax(0,1fr)}
  .steps,ol.order{grid-template-columns:1fr 1fr}
  .faq,.terms{grid-template-columns:1fr}
  .cal li{grid-template-columns:1fr;gap:2px}
}
@media (max-width:560px){
  .sec{padding-top:52px;padding-bottom:52px}
  .steps,ol.order,.f2{grid-template-columns:1fr}
  .fh{padding-top:44px}
  .fact b{font-size:28px}
  .lead-form{padding:22px}
  .vol th,.vol td{white-space:normal;padding:10px 8px;font-size:15px}
  .vol td.n{white-space:nowrap}
}

/* ---------- prima pagină ---------- */
.hh{padding:72px 0 64px;background:linear-gradient(180deg,var(--blush) 0%,var(--paper) 100%);overflow:hidden}
.hh__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.hh h1{font-size:clamp(40px,5.6vw,70px);margin-top:12px}
.hh__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.stack{position:relative;height:480px}
.stack .tag{position:absolute;width:290px;box-shadow:var(--shadow-2)}
.stack .tag::before{display:none}
.stack .tag:nth-child(1){left:2%;top:10px;transform:rotate(-7deg)}
.stack .tag:nth-child(2){right:0;top:130px;transform:rotate(5deg)}
.stack .tag:nth-child(3){left:12%;top:300px;transform:rotate(-2deg)}
.tag__name{display:block;font-family:var(--font-display);font-weight:700;font-size:27px;letter-spacing:-.01em;line-height:1.1;margin:4px 0 12px}
.gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gift{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.gift__top{position:relative;height:150px;display:grid;place-items:center;background:var(--blush)}
.gift--pine .gift__top{background:var(--pine-l)}
.gift--rasp .gift__top{background:var(--rasp)}
.gift__top .chip{position:absolute;top:14px;left:14px}
.chip--light{background:rgba(255,255,255,.92);color:var(--ink)}
.mini{position:relative;background:#fff;border-radius:12px;padding:12px 20px 13px 38px;box-shadow:var(--shadow-1);font-family:var(--font-display);font-weight:700;font-size:21px;line-height:1.15;transform:rotate(-3deg)}
.mini::before{content:"";position:absolute;left:14px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--rasp);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.mini small{display:block;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.gift__body{padding:22px 22px 22px;display:flex;flex-direction:column;flex:1}
.gift h3{margin-bottom:8px}
.gift p{color:var(--ink-2);font-size:16px}
.gift__meta{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--line-2)}
.gift__price{font-weight:700;color:var(--ink)}
.gift__when{font-size:14px;color:var(--ink-3)}
.steps--3{grid-template-columns:repeat(3,1fr)}
.why--4{grid-template-columns:repeat(4,1fr)}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dl__card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:28px}
.dl__date{font-family:var(--font-display);font-size:44px;font-weight:800;color:var(--rasp);letter-spacing:-.03em;line-height:1}
.dl__card h3{margin:10px 0 12px}
.dl__card ul{list-style:none;margin:0;padding:0}
.dl__card li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line-2);color:var(--ink-2)}
.dl__card li b{color:var(--ink);white-space:nowrap}
.sec--pad-bottom{padding-top:0}
.band{background:var(--rasp);color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;overflow:hidden}
.band h2{color:#fff;margin-top:10px}
.band p{color:rgba(255,255,255,.92);font-size:18px;margin-bottom:24px}
.band__tag{display:grid;place-items:center;padding:30px 0}
@media (max-width:980px){
  .hh__grid,.dl,.band{grid-template-columns:minmax(0,1fr)}
  .stack{height:380px;max-width:460px}
  .gifts{grid-template-columns:1fr 1fr}
  .steps--3{grid-template-columns:1fr}
  .why--4{grid-template-columns:1fr 1fr}
  .band{padding:36px 28px}
}
@media (max-width:560px){
  .hh{padding:48px 0 40px}
  .stack{height:290px}
  .stack .tag{width:240px;padding:40px 20px 18px}
  .stack .tag:nth-child(1){left:0;top:4px}
  .stack .tag:nth-child(2){right:0;top:136px}
  .stack .tag:nth-child(3){display:none}
  .tag__name{font-size:22px}
  .gifts,.why--4{grid-template-columns:1fr}
  .dl__card li{flex-direction:column;gap:0}
}

/* ---------- pagina Folosește un cod ---------- */
.cod-card{background:#fff;border-radius:20px;padding:30px;box-shadow:var(--shadow-2)}
.cod-card label{display:block;margin-bottom:8px}
.cod-row{display:flex;gap:10px}
.cod-row input{flex:1;min-width:0;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.06em;text-transform:uppercase}
.cod-row input::placeholder{color:var(--ink-3);opacity:.6}
.cod-row .btn{flex:none}
.cod-card .form-msg{margin:0 0 16px}
.cod-card .muted{font-size:14px;margin:14px 0 0}
@media (max-width:560px){.cod-row{flex-direction:column}}

/* ---------- pagina de produs ---------- */
.shop{padding-top:40px}
.hp__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}
.hp .hp__media div.images,.hp .hp__summary{float:none!important;width:auto!important;margin:0}
.hp__media{position:sticky;top:calc(var(--hdr-h) + 26px)}
.hp-visual{position:relative;border-radius:24px;aspect-ratio:1/1;display:grid;place-items:center;background:var(--blush);overflow:hidden}
.hp-visual--rasp{background:var(--rasp)}
.hp-visual--pine{background:var(--pine-l)}
.hp-visual .tag{width:min(360px,78%);transform:rotate(-4deg);transition:transform .3s var(--ease)}
.hp-visual .tag::before{height:420px}
.hp-visual--blush .tag::before,.hp-visual--pine .tag::before{background:rgba(30,26,32,.22)}
.hp-visual--blush .tag,.hp-visual--pine .tag{box-shadow:var(--shadow-2)}
.hp-visual .tag.is-live{transform:rotate(-2deg) scale(1.02)}
.hp-visual .tag__name{font-size:34px;overflow-wrap:anywhere}
.hp-visual__hint{position:absolute;left:24px;right:24px;bottom:18px;margin:0;text-align:center;font-size:14px;color:var(--ink-2)}
.hp-visual--rasp .hp-visual__hint{color:rgba(255,255,255,.88)}
.hp-eyebrow{margin-bottom:6px}
.hp__summary h1.product_title{font-size:clamp(32px,4vw,48px);margin:6px 0 12px}
.hp__summary p.price{font-family:var(--font-display);font-weight:800;font-size:42px;letter-spacing:-.03em;color:var(--rasp);margin:0 0 14px;line-height:1}
.hp__summary p.price del{font-size:22px;color:var(--ink-3);font-weight:600;margin-right:8px}
.hp__summary p.price ins{text-decoration:none}
.hp__summary .woocommerce-product-details__short-description{font-size:18px;color:var(--ink-2)}
.hp__summary form.cart{margin:22px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.hp__summary form.cart .single_add_to_cart_button{width:100%;min-height:56px;font-size:18px;margin-top:8px;float:none}
.single-product:not(.hooo-tip-grup-mos) .hp__summary form.cart .quantity{display:none}
.hp__summary form.cart .quantity input{max-width:110px}
.hp-promise{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}
.hp-promise li{position:relative;padding-left:26px}
.hp-promise li::before{content:"";position:absolute;left:3px;top:7px;width:11px;height:6px;border-left:2.5px solid var(--pine);border-bottom:2.5px solid var(--pine);transform:rotate(-45deg)}
.hp-ai{margin:14px 0 0;font-size:14px;color:var(--ink-3)}
.hp-desc{max-width:780px;margin:64px 0 0;padding-top:40px;border-top:1px solid var(--line)}
.hp-desc .entry-content h2,.hp-desc .entry-content h3{margin-top:1.4em}
.hp-desc .entry-content>:first-child{margin-top:0}
.related.products{margin-top:64px}
.related.products>h2{font-size:30px;margin-bottom:22px}

/* ---------- catalogul ---------- */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0}
li.gift{list-style:none}
.gift__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.gift__link:hover h3,.gift__link:focus-visible h3{color:var(--rasp)}
.gift__price .amount{font-weight:700}
.woocommerce-products-header{padding:0 0 26px}
.woocommerce-products-header__title{font-size:clamp(34px,4.6vw,56px)}
.term-description{font-size:18px;color:var(--ink-2);max-width:62ch}
@media (max-width:980px){
  .hp__grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .hp__media{position:static}
  .hp-visual{aspect-ratio:4/3}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:minmax(0,1fr)}
  .hp-visual{aspect-ratio:1/1}
  .hp-visual .tag__name{font-size:26px}
}

/* ---------- logoul „Ecoul” (inc/brand.php); mărimile lui sunt la antet și subsol ---------- */
.brand{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
/* pe prima pagină, cei trei „o” apar pe rând, ca un ecou */
@media (prefers-reduced-motion:no-preference){
  .home .site-header .logo__svg circle{transform-box:fill-box;transform-origin:50% 100%;animation:hooo-ecou .8s var(--ease) both}
  .home .site-header .logo__svg .o2{animation-delay:.12s}
  .home .site-header .logo__svg .o3{animation-delay:.24s}
}
@keyframes hooo-ecou{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}

/* butoanele „alt” din WooCommerce (Adaugă în coș, Plasează comanda) și prețul de pe pagina de produs, peste stilurile implicite */
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt{background:var(--rasp);color:#fff}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--rasp-d);color:#fff}
.woocommerce div.product .hp__summary p.price,.woocommerce div.product .hp__summary span.price{font-family:var(--font-display);font-weight:800;font-size:42px;letter-spacing:-.03em;color:var(--rasp);line-height:1}

/* ---------- 404: „hooo? hoo? ho…”, ecoul care scade ca în logo ---------- */
.e404{padding-top:96px;padding-bottom:110px;max-width:860px}
.e404__echo{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0 0 18px;color:var(--rasp)}
.e404__echo span{display:inline-block}
.e404__echo span:nth-child(1){font-size:clamp(56px,9vw,104px)}
.e404__echo span:nth-child(2){font-size:clamp(40px,6.4vw,74px);color:#D9526B}
.e404__echo span:nth-child(3){font-size:clamp(28px,4.4vw,52px);color:#E6798D}

/* ---------- paginile legale: structura din Evatria (13 sept 2026), cu tokenurile hooo ---------- */
.legal-doc{max-width:780px}
.legal-doc h2{font-size:clamp(21px,2.4vw,25px);margin:0 0 .55em}
.legal-doc section{padding:26px 0;border-top:1px solid var(--line-2);scroll-margin-top:0} /* distanța față de antet vine din scroll-padding-top, la antet */
.legal-doc section:first-of-type{border-top:0}
.legal-doc p{margin:0 0 .9em;color:var(--ink-2)}
.legal-doc li{color:var(--ink-2);margin:.35em 0}
.legal-doc strong{color:var(--ink)}
.legal-doc a{color:var(--rasp-d);text-underline-offset:3px}
.legal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:-6px 0 26px!important;font-size:14px}
.legal-meta span{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--ink-3);background:var(--paper-2);border:1px solid var(--line-2);border-radius:999px;padding:4px 11px}
.legal-meta a{color:var(--ink-2);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line)}
.legal-meta a:hover{color:var(--rasp-d);border-color:var(--rasp-d)}
.legal-sum{background:#fff;border:1px solid var(--line-2);border-radius:var(--radius);padding:22px 24px;margin:0 0 22px;box-shadow:var(--shadow-1)}
.legal-sum h2{font-size:18px;margin:0 0 10px}
.legal-sum ul{margin:0;padding-left:20px}
.legal-toc{margin:0 0 14px;padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius)}
.legal-doc .legal-toc__h{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink);margin:0 0 8px}
.legal-toc ol{margin:0;padding-left:22px;columns:2;column-gap:28px;font-size:15.5px}
.legal-toc li{margin:.2em 0;break-inside:avoid}
.legal-doc .legal-toc a{text-decoration:none;color:var(--ink-2)}
.legal-doc .legal-toc a:hover{color:var(--rasp-d);text-decoration:underline}
.legal-note{background:var(--blush);border-radius:var(--radius-sm);padding:16px 18px;margin:14px 0 16px}
.legal-doc .legal-note p{margin:0;color:var(--ink)}
.legal-table{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:#fff}
.legal-table table{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
.legal-table th{font-family:var(--font-display);font-size:13px;text-align:left;color:var(--ink);background:var(--paper-2);padding:10px 12px}
.legal-table td{padding:10px 12px;border-top:1px solid var(--line-2);color:var(--ink-2);vertical-align:top;line-height:1.45}
.legal-table .legal-table__g td{background:var(--blush);font-weight:700;color:var(--ink);font-size:13.5px}
.legal-garantie{margin:16px 0;padding:16px;border:1px dashed var(--line);border-radius:var(--radius-sm);text-align:center;color:var(--ink-3)}
.legal-garantie img{max-width:100%;height:auto}
@media (max-width:640px){.legal-toc ol{columns:1}.legal-sum{padding:18px}.legal-doc section{padding:22px 0}}

/* ---------- nota europeană despre garanția legală (inc/garantie.php) ---------- */
.garantie{max-width:780px;margin:56px 0 0;padding-top:36px;border-top:1px solid var(--line)}
.garantie h2{font-size:28px;margin-bottom:8px}
.garantie p{color:var(--ink-2);max-width:62ch}
.garantie__img{display:block;max-width:520px;margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.garantie__img img{display:block;width:100%;height:auto}
.garantie__linie{font-size:14px;color:var(--ink-3);margin:12px 0 0}
.garantie__linie a{color:var(--ink-2)}
.garantie--ck{margin:14px 0 0;padding:0;border:0;font-size:14px}
.garantie--ck summary{cursor:pointer;color:var(--ink-2);font-weight:600}
.garantie__img--mic{max-width:360px}

/* întrebările de pe pagina produsului (docs/aplica-texte-produse.php), pe o coloană */
.hp-desc .hp-faq{grid-template-columns:1fr;margin-top:4px}
.hp-desc .hp-faq summary{font-size:17px}

/* cuvintele cu cratimă care nu se rup la capăt de rând: s-a, într-un */
.nobr{white-space:nowrap}

/* ---------- antetul pe fond de noapte (1 octombrie 2026): prima pagină „Seara darurilor” și pagina cărții de Crăciun (clasa antet-noapte pe body) ---------- */
body.antet-noapte .announcement{border-bottom:1px solid rgba(74,8,24,.35)} /* tot zmeurie, ca pe celelalte pagini */
body.antet-noapte .site-header{background:rgba(13,25,21,.95);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom-color:rgba(255,243,227,.08);color:#FFF3E3}
body.antet-noapte .site-header a,body.antet-noapte .site-header a:hover{color:#FFF3E3}
body.antet-noapte .site-header .logo__svg path{stroke:#FFF3E3}
body.antet-noapte .site-header .logo__svg .o1{stroke:#EE5B78}
body.antet-noapte .site-header .logo__svg .o2{stroke:#F08DA0}
body.antet-noapte .site-header .logo__svg .o3{stroke:#F5B8C4}
body.antet-noapte .code-link{border-bottom-color:rgba(255,243,227,.55)}
body.antet-noapte .desktop-nav a::after{background:#E3B563}
body.antet-noapte .menu-toggle{color:#FFF3E3}
body.antet-noapte .site-header a:focus-visible,body.antet-noapte .menu-toggle:focus-visible{outline:2px solid #E3B563;outline-offset:4px}
@media (max-width:900px){
  body.antet-noapte .desktop-nav{background:#0D1915;border-bottom-color:rgba(255,243,227,.1);box-shadow:0 18px 30px rgba(0,0,0,.35)}
}
/* bara de sus cu Cutia de la Polul Nord (1 octombrie 2026, header.php) */
.announcement--cutie a{color:inherit;text-decoration:none}
.announcement--cutie a:hover{text-decoration:underline;text-underline-offset:3px}
.announcement--cutie a>span[aria-hidden]{color:#FFE2A8}

/* 22.10.2026, Adrian: „de la” mai mic decât suma (hooo_pret_de_la, functions.php) */
.pret-de-la{font-size:.58em;font-weight:600;letter-spacing:0;vertical-align:.14em;opacity:.8;margin-right:.08em}

/* 23.10.2026, Adrian: pe iPhone, două atingeri rapide pe o săgeată (de exemplu „Exemplul 10 din 13” la calendar) măreau ecranul.
   „manipulation” oprește mărirea la dublă atingere pe butoane și linkuri; mărirea cu două degete rămâne. */
a,button,label,summary,select,input,textarea,[role=button],[data-cs-mergi]{touch-action:manipulation}

/* 23.10.2026: pe iPhone, un câmp cu text sub 16 px mărește pagina când îl atingi (emailul din subsol, datele din formulare);
   pe telefon, câmpurile de email, dată, telefon și număr au cel puțin 16 px */
@media (max-width:767px){input[type=email],input[type=date],input[type=tel],input[type=number],input[type=search]{font-size:16px!important}}

/* 23.10.2026: garanția și al doilea cadou, două etichete scurte în același rând, sub butonul paginii de produs
   (hooo-core: al-doilea-cadou/afisare.php și timer-lansare). Culoarea vine din textul eroului, pictogramele rămân aurii. */
.hooo-prom{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important}
.hooo-prom__i{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:color-mix(in srgb,currentColor 6%,transparent);font-size:13.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.hooo-prom__i svg{flex:none;width:17px!important;height:17px!important}
.hooo-prom__i>span{white-space:nowrap}

/* 23.10.2026: bara spre transportul gratuit, în coș și în coșul lateral (hooo-core/module/livrare: hooo_livrare_prag_html) */
.hooo-prag{margin:0 0 12px;padding:12px 14px;border:1px solid #EADFCF;border-radius:14px;background:#FBF6EE;color:#231B20;text-align:left}
.hooo-prag__t{display:flex;align-items:center;gap:7px;margin:0;font-size:14.5px;font-weight:650;line-height:1.35}
.hooo-prag__t svg{flex:none;width:17px;height:17px;color:#1F7A55}
.hooo-prag__bara{height:6px;margin:9px 0 0;overflow:hidden;border-radius:99px;background:#EADFCF}
.hooo-prag__bara>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#E04A66,#C92A48);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.hooo-prag.is-gata{border-color:#C9DDD2;background:#F1F8F4}
.hooo-prag.is-gata .hooo-prag__bara>span{background:#1F7A55}
.hooo-prag__sub{margin:7px 0 0;font-size:13px;line-height:1.4;color:#6B6370}
.hooo-prag--cos-lateral{margin:4px 0 10px}
@media (prefers-reduced-motion:reduce){.hooo-prag__bara>span{transition:none}}