/*!
 * Minimal.gr Smart Hero — ιδιοκτησία της minimal.gr
 * Χρώματα: παίρνει αυτόματα το primary color του WoodMart (--wd-primary-color).
 */
.msh-root{--msh-pri:var(--wd-primary-color,#8F052B);--msh-pri-dk:color-mix(in srgb,var(--msh-pri) 78%,#000);--msh-pink:#E63275;--msh-ink:var(--wd-title-color,#383E4A);--msh-muted:#5E6470;--msh-soft:color-mix(in srgb,var(--msh-pri) 10%,#fff);--msh-bg:linear-gradient(135deg,#FCF6F7 0%,#F7EAEE 100%)}
.msh-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--msh-bg);color:var(--msh-ink);padding:44px 0 40px}
.msh-hero .msh-in{position:relative;z-index:2}
.msh-a-kids{--msh-bg:linear-gradient(135deg,#FCF6F7 0%,#F7EAEE 100%)}
.msh-a-night{--msh-bg:linear-gradient(135deg,#FAF6F2 0%,#F2EAE3 100%);--msh-soft:#F3E7E2}
.msh-a-living,.msh-a-none{--msh-bg:linear-gradient(135deg,#F7F7F8 0%,#EEEEF0 100%);--msh-soft:#EFE6E9}
.msh-a-fire{--msh-bg:radial-gradient(1200px 520px at 80% 30%,color-mix(in srgb,var(--msh-pri) 55%,#000) 0%,#1C0E13 62%);--msh-ink:#fff;--msh-muted:#E3CDD4;--msh-soft:rgba(255,255,255,.12)}
.msh-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center}
.msh-chip{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;background:var(--msh-soft);color:var(--msh-pri);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:3px}
.msh-a-fire .msh-chip{color:#fff}
.msh-crumb{font-size:14px;color:var(--msh-muted);margin:14px 0 6px}
.msh-crumb b{color:var(--msh-ink);font-weight:500}
.msh-hero .msh-title{font-size:clamp(32px,4.2vw,54px);line-height:1.12;margin:0 0 14px;color:var(--msh-ink);font-weight:600}
.msh-title em{font-style:normal;color:var(--msh-pri)}
.msh-a-fire .msh-title em{color:#FF8FAE}
.msh-sub{font-size:18px;color:var(--msh-muted);margin:0 0 12px;max-width:34em}
.msh-reason{font-size:14px;color:var(--msh-muted);margin:0 0 20px}
.msh-reason b{color:var(--msh-ink)}
.msh-ctas{display:flex;flex-wrap:wrap;gap:10px}
.msh-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;padding:12px 22px;text-transform:uppercase;font-weight:600;text-decoration:none;border-radius:3px;line-height:1.2}
.msh-btn-pri{background:var(--msh-pri)!important;color:#fff!important}
.msh-btn-pri:hover{background:var(--msh-pri-dk)!important}
.msh-btn-sec{background:#212121!important;color:#fff!important}
.msh-a-fire .msh-btn-sec{background:#fff!important;color:#212121!important}
.msh-btn-pri::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.msh-btn-pri:hover::after{transform:translateX(120%)}
.msh-ar{display:inline-block;transition:transform .25s}.msh-btn:hover .msh-ar{transform:translateX(4px)}
.msh-usps{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:13.5px;color:var(--msh-muted)}
.msh-subcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.msh-subcats a{font-weight:600;text-transform:uppercase;font-size:13px;color:var(--msh-ink);background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.08);padding:7px 12px;border-radius:3px;text-decoration:none;transition:.2s}
.msh-subcats a:hover{border-color:var(--msh-pri);color:var(--msh-pri)}
.msh-subcats small{opacity:.6;font-weight:500;margin-left:5px}
.msh-a-fire .msh-subcats a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.msh-visual{position:relative}
.msh-big{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1/1;background:#fff;box-shadow:0 10px 30px rgba(56,62,74,.12)}
.msh-big img{width:100%;height:100%;object-fit:cover;display:block}
.msh-float{position:absolute;left:-26px;bottom:26px;background:#fff;color:#333;border-left:4px solid var(--msh-pri);border-radius:4px;padding:14px 16px;box-shadow:0 14px 34px rgba(0,0,0,.16);max-width:290px;text-decoration:none;z-index:3}
.msh-float small{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--msh-pri);font-weight:600;margin-bottom:4px}
.msh-float strong{display:block;font-size:14.5px;line-height:1.35;color:#333}
.msh-price{display:block;margin-top:6px;font-weight:700;color:var(--msh-pri)}
.msh-price del{color:#999;font-weight:400;margin-right:6px}
.msh-row-title{display:flex;justify-content:space-between;align-items:baseline;margin:34px 0 14px;gap:16px}
.msh-row-title h3{font-size:22px;margin:0;color:var(--msh-ink)}
.msh-row-title a{text-transform:uppercase;font-size:14px;font-weight:600;color:var(--msh-pri);border-bottom:2px solid currentColor;text-decoration:none;white-space:nowrap}
.msh-a-fire .msh-row-title a{color:#fff}
.msh-recent{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
.msh-rc{flex:0 0 auto;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.06);border-radius:4px;padding:8px 14px 8px 8px;color:#333;text-decoration:none;max-width:300px;font-size:13.5px;line-height:1.3}
.msh-rc img{width:52px;height:52px;border-radius:3px;object-fit:cover}
.msh-a-fire .msh-rc{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);color:#fff}
.msh-products .products{margin-bottom:0}
.msh-a-fire .msh-products .product-grid-item,.msh-a-fire .msh-products li.product{background:#fff;border-radius:4px;padding-bottom:10px}
/* απλές κάρτες (εναλλακτική) */
.msh-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.msh-card{background:#fff;border-radius:4px;overflow:hidden;text-decoration:none;color:#333;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .35s,box-shadow .35s}
.msh-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.msh-card-im{position:relative;display:block;overflow:hidden;aspect-ratio:1/1}
.msh-card-im img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.msh-card:hover .msh-card-im img{transform:scale(1.06)}
.msh-badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--msh-pri);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:3px;animation:msh-pop 2.6s ease-in-out infinite}
.msh-card-n{padding:12px 14px 0;font-size:14px;line-height:1.35}
.msh-card .msh-price{padding:0 14px}
.msh-card-add{margin:10px 14px 14px;text-align:center;background:#212121;color:#fff;text-transform:uppercase;font-weight:600;font-size:13px;padding:9px;border-radius:2px}

/* ================= ANIMATIONS ================= */
.msh-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.msh-spot{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(420px 320px at var(--mx,70%) var(--my,40%),rgba(255,255,255,.35),transparent 70%)}
.msh-a-fire .msh-spot{background:radial-gradient(460px 340px at var(--mx,70%) var(--my,40%),rgba(255,120,60,.16),transparent 70%)}
.msh-em{position:absolute;bottom:-12px;border-radius:50%;background:radial-gradient(circle,#FFD27A 0%,#FF7A2F 45%,transparent 75%);animation:msh-rise linear infinite;opacity:0}
@keyframes msh-rise{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:1}50%{transform:translate(var(--dx),-280px) scale(.8);opacity:.9}100%{transform:translate(calc(var(--dx) * -1),-620px) scale(.3);opacity:0}}
.msh-glow{position:absolute;right:6%;top:18%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,110,40,.38),rgba(143,5,43,.18) 45%,transparent 70%);filter:blur(30px);animation:msh-pulse 3.2s ease-in-out infinite}
@keyframes msh-pulse{0%,100%{transform:scale(1);opacity:.75}35%{transform:scale(1.06);opacity:1}60%{transform:scale(.97);opacity:.8}}
.msh-a-fire .msh-big::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,120,40,.22),transparent 60%);mix-blend-mode:screen;animation:msh-flick 2.4s infinite steps(1);pointer-events:none}
@keyframes msh-flick{0%{opacity:.6}12%{opacity:.9}25%{opacity:.5}40%{opacity:.85}55%{opacity:.65}70%{opacity:1}85%{opacity:.7}}
.msh-st{position:absolute;width:var(--s);height:var(--s);background:var(--c);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);animation:msh-twinkle var(--d) ease-in-out infinite;opacity:0}
@keyframes msh-twinkle{0%,100%{opacity:.15;transform:scale(.8) rotate(0)}50%{opacity:.9;transform:scale(1.15) rotate(25deg)}}
.msh-cl{position:absolute;height:38px;width:110px;background:#fff;border-radius:40px;opacity:.75;animation:msh-drift linear infinite}
.msh-cl::before,.msh-cl::after{content:"";position:absolute;background:#fff;border-radius:50%}
.msh-cl::before{width:50px;height:50px;left:16px;top:-24px}.msh-cl::after{width:36px;height:36px;left:56px;top:-16px}
@keyframes msh-drift{from{transform:translateX(-160px)}to{transform:translateX(calc(100vw + 160px))}}
.msh-bb{position:absolute;bottom:-40px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--msh-pri) 18%,transparent);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(246,229,234,.25));animation:msh-bub linear infinite}
@keyframes msh-bub{0%{transform:translateY(0)}50%{transform:translateY(-300px) translateX(18px)}100%{transform:translateY(-640px) translateX(-10px);opacity:0}}
.msh-moon{position:absolute;left:47%;top:7%;width:80px;height:80px;border-radius:50%;box-shadow:-16px 9px 0 0 #D6B994;filter:drop-shadow(0 0 14px rgba(214,185,148,.6));transform:rotate(-20deg);animation:msh-bob 7s ease-in-out infinite}
.msh-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#B8977A;animation:msh-twinkle var(--d) ease-in-out infinite}
.msh-ray{position:absolute;top:-30%;width:22%;height:170%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);animation:msh-sweep 9s ease-in-out infinite;opacity:.7}
@keyframes msh-sweep{0%,100%{translate:-40px 0;opacity:.35}50%{translate:60px 0;opacity:.8}}
.msh-mote{position:absolute;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--msh-pri) 25%,transparent);animation:msh-mote var(--d) ease-in-out infinite}
@keyframes msh-mote{0%,100%{transform:translate(0,0)}33%{transform:translate(14px,-22px)}66%{transform:translate(-10px,-8px)}}
.msh-big img{animation:msh-kb 16s ease-in-out infinite alternate}
@keyframes msh-kb{from{transform:scale(1)}to{transform:scale(1.07) translate(-1%,-1%)}}
.msh-float{animation:msh-bob 5s ease-in-out infinite}
@keyframes msh-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.msh-chip::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-120%);animation:msh-shine 3.5s ease-in-out infinite 1s}
@keyframes msh-shine{0%{transform:translateX(-120%)}40%,100%{transform:translateX(120%)}}
.msh-w{display:inline-block;opacity:0;transform:translateY(.45em);animation:msh-up .6s cubic-bezier(.2,.7,.2,1) forwards}
.msh-in-up{opacity:0;transform:translateY(14px);animation:msh-up .55s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes msh-up{to{opacity:1;transform:none}}
@keyframes msh-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
/* βοηθητικές κλάσεις για όλη την αρχική (template) */
.msh-js .msh-rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.msh-js .msh-rv.msh-on{opacity:1;transform:none}
.msh-shine{position:relative;overflow:hidden}
.msh-shine::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-130%);transition:transform .9s}
.msh-shine:hover::before{transform:translateX(130%)}
.msh-js .msh-draw svg *{stroke-dasharray:1;stroke-dashoffset:1}
.msh-draw.msh-on svg *{animation:msh-draw 1.6s cubic-bezier(.4,0,.2,1) forwards}
@keyframes msh-draw{to{stroke-dashoffset:0}}
.msh-grad{background:linear-gradient(90deg,var(--wd-primary-color,#8F052B),#E63275,var(--wd-primary-color,#8F052B));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:msh-grad 6s linear infinite}
@keyframes msh-grad{to{background-position:200% 0}}
.msh-still *{animation:none!important}
/* debug */
.msh-debug{position:fixed;left:16px;bottom:16px;z-index:99999;background:#14110F;color:#F4EEE6;border:1px solid #F2B84B;border-radius:10px;padding:14px 16px;font-size:13px;max-width:320px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.msh-debug ol{margin:8px 0 8px 18px;padding:0}.msh-debug p{margin:4px 0}.msh-debug button{margin-top:8px;background:#F2B84B;border:0;border-radius:6px;padding:6px 10px;cursor:pointer}

@media (max-width:1024px){.msh-grid{grid-template-columns:1fr;gap:28px}.msh-float{left:12px;bottom:12px}.msh-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.msh-hero{padding:28px 0}.msh-sub{font-size:16px}.msh-row-title h3{font-size:19px}}
@media (prefers-reduced-motion:reduce){.msh-root *,.msh-root *::before,.msh-root *::after,.msh-rv,.msh-draw svg *{animation:none!important;transition:none!important}.msh-rv,.msh-w,.msh-in-up{opacity:1!important;transform:none!important}.msh-draw svg *{stroke-dashoffset:0}.msh-fx{display:none}}

/* 1.0.1 · μόνο η πρώτη εικόνα του προϊόντος στις κάρτες του hero */
.msh-hero .product-grid-item .hover-img,
.msh-hero .product-grid-item .wd-product-grid-slider,
.msh-hero .product-grid-item .wd-product-grid-slider-nav,
.msh-hero .product-grid-item .wd-product-grid-slider-pagin{display:none!important}
.msh-hero .product-grid-item .product-image-link img,
.msh-hero .product-grid-item .product-element-top>a img{display:block;width:100%;height:auto}
.msh-hero .product-grid-item .product-image-link img ~ img{display:none!important}