/* Inter (variable 100–900), αυτο-φιλοξενούμενη — SIL OFL 1.1, δες assets/fonts/LICENSE-Inter.txt */ @font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('../fonts/inter-greek-wght-normal.woff2') format('woff2-variations'),url('../fonts/inter-greek-wght-normal.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF} @font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('../fonts/inter-greek-ext-wght-normal.woff2') format('woff2-variations'),url('../fonts/inter-greek-ext-wght-normal.woff2') format('woff2');unicode-range:U+1F00-1FFF} @font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('../fonts/inter-latin-wght-normal.woff2') format('woff2-variations'),url('../fonts/inter-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url('../fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations'),url('../fonts/inter-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} :root{--cream:#faf6ee;--paper:#fffdf8;--forest:#1e3021;--forest-2:#2c3e2f;--brown:#2c221e;--muted:#6b5e55;--honey:#c45e00;--honey-soft:#d4a337;--border:#e2d8c7;--shadow:0 14px 36px rgba(47,36,28,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:var(--brown);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;color:var(--forest);line-height:1.1;margin-top:0}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(900px,calc(100% - 40px))}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,246,238,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.main-nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:650}.main-nav a{transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--honey)}.brand{font-family:Georgia,serif;font-weight:800;font-size:24px;color:var(--forest);letter-spacing:.02em}.cart-link{justify-self:end;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.cart-count{min-width:23px;height:23px;border-radius:50%;background:var(--honey);color:white;display:inline-grid;place-items:center;font-size:12px}.cart-icon{font-size:22px;transform:rotate(45deg)}.mobile-menu-button{display:none;border:0;background:transparent;font-size:24px}.hero{position:relative;min-height:590px;overflow:hidden;border-bottom:1px solid var(--border)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,246,238,.94) 0%,rgba(250,246,238,.62) 43%,rgba(250,246,238,.08) 100%)}.hero-content{position:relative;min-height:590px;display:flex;align-items:center}.hero-copy{max-width:610px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--honey);font-size:12px;font-weight:750}.hero h1{font-size:clamp(66px,9vw,116px);font-weight:500;letter-spacing:-.05em;margin:14px 0 8px}.hero h2{font-size:clamp(25px,3vw,38px);font-weight:500;margin-bottom:14px}.hero p{max-width:590px;color:#574a42}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:11px 19px;border:1px solid transparent;font-size:14px;font-weight:750;cursor:pointer;transition:transform .15s,background .15s,border .15s}.button:hover{transform:translateY(-1px)}.button-honey{background:var(--honey);color:white}.button-honey:hover{background:#a94e00}.button-dark{background:var(--forest);color:white}.button-dark:hover{background:var(--forest-2)}.button-light{background:rgba(255,255,255,.72);border-color:var(--border);color:var(--forest)}.button-wide{width:100%}.benefits{background:#f7f0e4;border-bottom:1px solid var(--border)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px;gap:30px}.benefit{display:flex;gap:12px;align-items:flex-start}.benefit>span{font-size:20px}.benefit strong{display:block;color:var(--forest)}.benefit p{margin:1px 0 0;font-size:13px;color:var(--muted)}.section{padding-block:72px}.section-heading{text-align:center;max-width:720px;margin:0 auto 42px}.section-heading.left{text-align:left;margin-left:0}.section-heading h1,.section-heading h2{font-size:clamp(38px,5vw,58px);margin:10px 0 12px}.section-heading p{color:var(--muted);margin:0}.lead{font-size:20px}.italic{font-style:italic}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:white;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 5px 16px rgba(30,48,33,.045);transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card>a{height:100%;display:flex;flex-direction:column}.product-image-wrap{height:225px;background:var(--cream);display:grid;place-items:center;overflow:hidden;color:var(--muted)}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover img{transform:scale(1.035)}.product-body{padding:16px;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:18px}.product-body h3{font-family:Inter,Arial,sans-serif;font-size:17px;margin:2px 0 5px}.product-body p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-category{font-size:10px;color:var(--honey);text-transform:uppercase;letter-spacing:.12em}.product-meta{border-top:1px solid var(--border);padding-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.product-meta strong{color:var(--honey);font-size:16px}.product-meta span{background:var(--cream);border:1px solid var(--border);border-radius:7px;padding:5px 8px;font-weight:700}.story-strip{background:#f7f0e4;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.story-copy{text-align:center;padding-block:76px;max-width:800px}.story-copy h2{font-size:48px;margin:10px 0 18px}.story-copy p{font-size:18px;color:var(--muted)}.site-footer{margin-top:70px;background:#f7f0e4;border-top:1px solid var(--border)}.footer-grid{padding-block:52px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{color:var(--muted);font-size:14px;margin:5px 0}.footer-brand{font-size:34px;margin-bottom:10px}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding:16px;color:var(--muted);font-size:12px}.filters{display:flex;gap:12px;align-items:center;background:var(--cream);border:1px solid var(--border);border-radius:15px;padding:14px;margin-bottom:34px}.search-field{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--border);border-radius:9px;padding:0 12px;flex:1}.search-field input{border:0;outline:0;padding:11px 0;background:transparent;width:100%}.filters select{border:1px solid var(--border);background:white;border-radius:9px;padding:11px 12px;color:var(--brown)}.back-link{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:26px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:56px}.detail-image{aspect-ratio:1;border-radius:22px;overflow:hidden;border:1px solid var(--border);background:var(--cream);display:grid;place-items:center;color:var(--muted)}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-content h1{font-size:48px;margin:10px 0}.detail-price{font-size:30px;color:var(--honey);font-weight:800}.variant-section{border-top:1px solid var(--border);padding-top:20px}.variant-section label,.qty-row label,label{font-size:13px;font-weight:750;color:var(--forest);display:block;margin-bottom:6px}.variant-section select,.qty-row input,input,textarea,select{width:100%;border:1px solid #cfc4b3;border-radius:8px;padding:11px 12px;background:white;font:inherit;color:var(--brown);outline:0}.variant-section select:focus,.qty-row input:focus,input:focus,textarea:focus,select:focus{border-color:var(--honey);box-shadow:0 0 0 3px rgba(196,94,0,.08)}.qty-row{margin-block:16px}.qty-row input{max-width:110px}.product-description{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.product-description h2{font-size:22px}.product-description p{color:var(--muted)}.empty-state,.notice{border:1px dashed var(--border);background:var(--cream);border-radius:15px;padding:34px;text-align:center;color:var(--muted)}.empty-state h2{margin-bottom:8px}.empty-state .button{margin-top:15px}.center{text-align:center}.mt-32{margin-top:32px}.page-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.page-title-row h1{font-size:48px;margin:8px 0 0}.page-title-row>a{font-size:14px;color:var(--muted)}.alert{padding:13px 15px;border-radius:9px;margin-bottom:18px;font-size:14px}.alert.success{background:#eaf7ee;border:1px solid #b9dfc3;color:#236335}.alert.error{background:#fff0ed;border:1px solid #f2c3ba;color:#8b2d1d}.cart-layout,.checkout-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:30px;align-items:start}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-item{display:grid;grid-template-columns:86px minmax(0,1fr) 100px 100px 34px;align-items:center;gap:16px;background:white;border:1px solid var(--border);border-radius:14px;padding:12px}.cart-thumb{width:86px;height:86px;border-radius:9px;overflow:hidden;background:var(--cream);display:grid;place-items:center}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-info h3{font-family:Inter,Arial,sans-serif;margin:0 0 2px;font-size:16px}.cart-info p{font-size:12px;color:var(--muted);margin:0 0 5px}.cart-info strong{color:var(--honey)}.cart-qty label{font-size:11px}.cart-qty input{padding:8px}.cart-line-total{text-align:right;font-weight:800;color:var(--forest)}.remove-button{border:0;background:transparent;color:#a43f2f;font-size:25px;cursor:pointer}.cart-summary{position:sticky;top:95px;background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:22px}.cart-summary h2{font-size:24px}.summary-row,.summary-total{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--border);font-size:14px}.summary-row.muted{font-size:12px;color:var(--muted)}.summary-total{font-size:17px;margin-bottom:14px}.summary-total strong{color:var(--honey)}.payment-note{font-size:11px;color:var(--muted);margin:12px 0 0}.checkout-form{display:flex;flex-direction:column;gap:16px}.form-card{background:white;border:1px solid var(--border);border-radius:15px;padding:22px}.form-card h2{font-size:22px}.disabled-card{background:#fbf8f2;color:var(--muted)}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-card label,.contact-form label{margin-bottom:12px}.form-card input:disabled{background:#f5f1e9;color:#9a8f83}.checkout-item{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:12px 0;font-size:13px}.checkout-item span{display:flex;flex-direction:column}.checkout-item small{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.about-grid p{color:var(--muted)}.about-image{height:430px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.about-image img{width:100%;height:100%;object-fit:cover}.commitment{margin-top:45px;background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:28px}.commitment p{color:var(--muted);margin-bottom:0}.contact-form{display:flex;flex-direction:column;gap:4px}.contact-form textarea{resize:vertical}.status-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:20px}.order-card{border:1px solid var(--border);background:white;border-radius:16px;padding:24px}.order-card h2{font-size:30px;margin:5px 0}.order-status-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff0c7;color:#735a0a;font-size:12px;font-weight:800;margin-bottom:12px} @media (max-width:980px){.header-inner{grid-template-columns:auto 1fr auto}.brand{justify-self:center}.mobile-menu-button{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--border);padding:18px 20px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.cart-link>span:nth-child(2){display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail,.cart-layout,.checkout-grid,.about-grid{grid-template-columns:1fr}.cart-summary{position:static}.about-image{height:350px}.footer-grid{grid-template-columns:1fr 1fr}.hero-overlay{background:linear-gradient(90deg,rgba(250,246,238,.95),rgba(250,246,238,.7))}} @media (max-width:640px){.container,.narrow{width:min(100% - 26px,1180px)}.hero,.hero-content{min-height:530px}.hero h1{font-size:66px}.benefits-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-image-wrap{height:280px}.section{padding-block:52px}.section-heading h1,.section-heading h2,.story-copy h2{font-size:38px}.filters{align-items:stretch;flex-direction:column}.product-detail{gap:28px}.detail-content h1{font-size:38px}.page-title-row{display:block}.page-title-row>a{display:inline-block;margin-top:12px}.cart-item{grid-template-columns:70px 1fr 70px}.cart-thumb{width:70px;height:70px}.cart-line-total{grid-column:2}.remove-button{grid-column:3;grid-row:2}.form-grid.two{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.status-search{grid-template-columns:1fr}} /* ---------- Checkout / παραγγελίες ---------- */ .choice-list{display:flex;flex-direction:column;gap:10px} .choice{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:start;border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;margin:0;font-weight:400;color:var(--brown);transition:border .15s,background .15s} .choice:hover{border-color:var(--honey-soft)} .choice:has(input:checked){border-color:var(--honey);background:#fffaf2;box-shadow:0 0 0 3px rgba(196,94,0,.07)} .choice input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--honey);padding:0} .choice-body{display:flex;flex-direction:column;gap:2px} .choice-body strong{color:var(--forest);font-size:15px} .choice-body small{color:var(--muted);font-size:12.5px;line-height:1.45} .choice-price{font-weight:800;color:var(--forest);white-space:nowrap} .choice.is-disabled{opacity:.45;cursor:not-allowed} .terms-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--brown);font-size:14px} .terms-check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--honey);padding:0} .terms-check a{color:var(--honey);text-decoration:underline} .button:disabled{opacity:.6;cursor:wait;transform:none} .confirm-hero{text-align:center;background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:34px 24px;margin-bottom:22px} .confirm-hero h1{font-size:clamp(30px,4vw,42px);margin:12px 0 8px} .confirm-hero p{color:var(--muted);max-width:560px;margin:0 auto 14px} .confirm-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#2f7a45;color:#fff;font-size:28px;font-weight:800} .confirm-hero.warn .confirm-icon{background:var(--honey)} .bank-box{background:#fff;border:2px solid var(--honey-soft);border-radius:16px;padding:22px 24px;margin-bottom:22px} .bank-box h2{font-size:24px;margin-bottom:12px} .bank-box dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 12px} .bank-box dt{color:var(--muted);font-size:14px} .bank-box dd{margin:0;word-break:break-all} .bank-box p{font-size:13px;color:var(--muted);margin:0} .notice.left{text-align:left;padding:18px 20px;margin-bottom:22px} .order-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px} .muted-text{color:var(--muted);font-size:14px} .mt-24{margin-top:24px} .status-search.three{grid-template-columns:1fr 1fr auto} .footer-grid a:hover{color:var(--honey)} .footer-pay{font-size:12px!important;margin-top:14px!important} .legal h2{font-size:24px;margin-top:34px} .legal p,.legal li{color:#4d4038} @media (max-width:640px){.status-search.three{grid-template-columns:1fr}.choice{grid-template-columns:20px 1fr}.choice-price{grid-column:2}.bank-box dl{grid-template-columns:1fr}.bank-box dt{margin-top:6px}} [hidden]{display:none!important} /* ---------- Γκαλερί προϊόντος ---------- */ .detail-gallery{display:flex;flex-direction:column;gap:12px;min-width:0} .detail-image img{object-fit:contain;background:#fff} .thumbs{display:flex;gap:10px;flex-wrap:wrap} .thumb-btn{width:78px;height:78px;padding:0;border:2px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer} .thumb-btn img{width:100%;height:100%;object-fit:cover} .thumb-btn.active,.thumb-btn:hover{border-color:var(--honey)} .product-image-wrap img{object-fit:cover} .filters select{width:auto;min-width:200px}.search-field{min-width:0}@media (max-width:640px){.filters select{width:100%}} /* ---------- Scroll story ---------- */ .scroll-story{position:relative;height:calc((var(--slides) + 1) * 100vh);height:calc((var(--slides) + 1) * 100svh);background:radial-gradient(ellipse at 50% 45%,#fdf3df 0%,#f7e7c6 55%,#f1dcb3 100%)} .scroll-story-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center} .scroll-story-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .scroll-story-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fffdf9 0%,rgba(253,243,223,0) 16%,rgba(253,243,223,0) 82%,#fffdf9 100%)} .scroll-story-cards{position:relative;width:min(760px,calc(100% - 24px));display:grid;margin-top:6vh} .story-card{grid-area:1/1;align-self:center;text-align:center;padding:30px 30px 34px;border-radius:28px;color:#fdf6e8; background:rgba(96,60,22,.6);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2); border:1px solid rgba(255,236,190,.18);box-shadow:0 24px 60px rgba(60,36,10,.25); opacity:0;transform:translateY(28px) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none} .story-card.is-active{opacity:1;transform:none;pointer-events:auto} .story-eyebrow{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:700;color:#d9a948;margin-bottom:12px} .story-card h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;color:#fff;font-size:clamp(26px,4.2vw,42px);margin:0 0 12px;line-height:1.15} .story-card p{margin:0 auto;max-width:560px;font-size:clamp(15px,1.9vw,18px);line-height:1.65;color:rgba(255,248,232,.92)} .story-progress{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px} .story-progress span{width:6px;height:6px;border-radius:50%;background:rgba(120,80,30,.28);transition:all .3s} .story-progress span.is-active{height:22px;border-radius:4px;background:var(--honey)} @media (max-width:640px){.story-card{padding:24px 20px 26px;border-radius:24px}.story-progress{right:8px}} @media (prefers-reduced-motion:reduce){.story-card{transition:none}} /* ===================================================================== Κινητά (iPhone / Android) — τελευταίο στο αρχείο ώστε να υπερισχύει ===================================================================== */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-tap-highlight-color:rgba(196,94,0,.12);overflow-x:hidden} /* 16px στα πεδία: αλλιώς το iPhone κάνει zoom όταν τα πατάς */ input,select,textarea{font-size:16px;line-height:1.3} input[type=checkbox],input[type=radio]{accent-color:var(--honey)} button,.button{touch-action:manipulation} /* Header */ .icon-button{display:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--forest);cursor:pointer;align-items:center;justify-content:center;padding:0} .icon-button svg,.bag-icon,.remove-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .icon-button .icon-close{display:none} .icon-button.is-open .icon-open{display:none} .icon-button.is-open .icon-close{display:block} .main-nav a{white-space:nowrap} .cart-link{min-height:44px;padding:0 4px;color:var(--forest)} .cart-count.is-empty{background:#d8cdbb} .menu-backdrop{position:fixed;inset:0;z-index:40;background:rgba(30,48,33,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} @media (max-width:1100px) and (min-width:981px){.main-nav{gap:14px;font-size:13px}} /* Ποσότητα +/− */ .qty-stepper{display:inline-flex;align-items:stretch;border:1px solid #cfc4b3;border-radius:10px;overflow:hidden;background:#fff;height:46px} .qty-stepper input{width:52px!important;max-width:none!important;border:0!important;border-radius:0!important;text-align:center;padding:0!important;box-shadow:none!important;-moz-appearance:textfield;appearance:textfield;font-weight:700} .qty-stepper input::-webkit-inner-spin-button,.qty-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .qty-btn{width:44px;border:0;background:var(--cream);color:var(--forest);font-size:20px;font-weight:700;cursor:pointer} .qty-btn:active{background:#efe4d0} .cart-qty .qty-stepper{height:40px}.cart-qty .qty-btn{width:36px}.cart-qty .qty-stepper input{width:40px!important} .remove-button{width:40px;height:40px;display:grid;place-items:center;border-radius:10px} .remove-button:hover{background:#fbeee9} /* Σταθερές μπάρες (εμφανίζονται μόνο σε κινητό) */ .mobile-buy-bar,.mobile-checkout-bar{display:none} @media (max-width:980px){ .icon-button{display:inline-flex} .mobile-menu-button{display:inline-flex} .header-inner{min-height:64px;gap:8px} .brand{font-size:23px} .cart-label{display:none} .main-nav{display:flex;position:fixed;top:64px;left:0;right:0;z-index:45;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;background:var(--paper);border-bottom:1px solid var(--border);box-shadow:0 18px 40px rgba(30,48,33,.12); transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100dvh - 64px);overflow-y:auto} .main-nav.open{opacity:1;visibility:visible;transform:none} .main-nav a{font-size:17px;font-weight:650;padding:15px 6px;border-bottom:1px solid #efe7d8} .main-nav a:last-child{border-bottom:0} body.menu-open{overflow:hidden} } @media (max-width:640px){ .container,.narrow{width:calc(100% - 32px)} .section{padding-block:40px} .section-heading{margin-bottom:26px} .section-heading h1,.section-heading h2{font-size:34px} /* Hero */ .hero,.hero-content{min-height:min(560px,82svh)} .hero-content{align-items:flex-end;padding-bottom:36px} .hero h1{font-size:58px;margin:8px 0 4px} .hero h2{font-size:22px} .hero p{font-size:15px} .hero .eyebrow{font-size:11px;letter-spacing:.16em} .hero-overlay{background:linear-gradient(180deg,rgba(250,246,238,.35) 0%,rgba(250,246,238,.9) 55%,rgba(250,246,238,.97) 100%)} .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px} .hero-actions .button{padding:13px 10px} .benefits-grid{grid-template-columns:1fr;gap:14px;padding-block:20px} /* Κάρτες προϊόντων: 2 ανά σειρά */ .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .product-card{border-radius:14px} .product-image-wrap{height:auto;aspect-ratio:1/1} .product-body{padding:10px 11px 12px;gap:8px} .product-body h3{font-size:14.5px;line-height:1.25;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .product-body p{display:none} .product-category{font-size:9.5px} .product-meta{padding-top:8px;font-size:12px} .product-meta strong{font-size:15px} .product-meta span{display:none} /* Φίλτρα καταλόγου */ .filters{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;margin-bottom:20px} .filters .search-field{grid-column:1/-1} .filters select{width:100%;min-width:0} .filters .button{padding:11px 16px} /* Σελίδα προϊόντος */ .back-link{margin-bottom:14px;padding:8px 0} .detail-content h1{font-size:32px} .detail-price{font-size:26px;margin:6px 0 14px} .thumb-btn{width:64px;height:64px} .qty-row{display:flex;align-items:center;justify-content:space-between} .qty-row label{margin:0} .mobile-buy-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;justify-content:space-between;gap:12px; padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(30,48,33,.08);transition:transform .25s} .mobile-buy-bar.is-hidden{transform:translateY(110%)} .mobile-buy-bar small{display:block;font-size:12px;color:var(--muted)} .mobile-buy-bar strong{font-size:19px;color:var(--honey)} .mobile-buy-bar .button{padding:13px 22px;font-size:15px} body:has(.mobile-buy-bar) .site-footer,body:has(.mobile-checkout-bar) .site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))} /* Καλάθι */ .page-title-row h1{font-size:38px} .cart-item{grid-template-columns:72px 1fr 40px;grid-template-areas:"thumb info remove" "thumb qty total";gap:8px 12px;padding:12px} .cart-thumb{grid-area:thumb;width:72px;height:72px} .cart-info{grid-area:info} .cart-qty{grid-area:qty} .cart-qty label{display:none} .cart-line-total{grid-area:total;grid-column:auto;align-self:center} .remove-button{grid-area:remove;grid-column:auto;grid-row:auto;justify-self:end;align-self:start} .cart-summary{padding:18px} /* Checkout */ .checkout-form{gap:12px} .form-card{padding:18px 16px;border-radius:14px} .form-card h2{font-size:20px} .choice{padding:13px 12px;gap:10px} .choice-price{grid-column:2} .terms-check{padding:4px 2px;font-size:14.5px} .terms-check input{width:22px;height:22px} .checkout-grid .cart-summary .button-honey{display:none} .mobile-checkout-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;justify-content:space-between;gap:12px; padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(30,48,33,.08)} .mobile-checkout-bar small{display:block;font-size:12px;color:var(--muted)} .mobile-checkout-bar strong{font-size:20px;color:var(--honey)} .mobile-checkout-bar .button{padding:14px 24px;font-size:15px} /* Επιβεβαίωση / στοιχεία */ .confirm-hero{padding:26px 18px} .confirm-hero h1{font-size:28px} .order-card{padding:18px} .order-card-head{flex-direction:column;gap:4px} .bank-box{padding:18px} /* Footer: μεγαλύτερα σημεία πατήματος */ .site-footer{margin-top:40px} .footer-grid{gap:26px;padding-block:36px} .footer-brand{font-size:28px} .footer-grid p{margin:0} .footer-grid a{display:inline-block;padding:9px 0;font-size:15px} .footer-grid h4{margin:0 0 4px} /* Scroll story: λιγότερο ύψος scroll στο κινητό */ .scroll-story{height:calc((var(--slides) + .6) * 100svh)} } @media (max-width:360px){ .hero h1{font-size:50px} .product-grid{gap:10px} .product-body h3{font-size:13.5px} .mobile-buy-bar .button,.mobile-checkout-bar .button{padding:13px 16px} } .cart-line-total{white-space:nowrap} @media (min-width:981px){ .header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .main-nav{gap:18px;font-size:13.5px} } @media (min-width:981px) and (max-width:1100px){.main-nav{gap:12px;font-size:12.5px}} /* ---------- BOX NOW ---------- */ .boxnow-badge{display:inline-block;background:#84bd00;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:5px;vertical-align:2px} .boxnow-panel{margin-top:14px;border:1px solid var(--border);border-radius:14px;padding:14px;background:#fbfdf6} .boxnow-panel.needs-locker{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.12)} .boxnow-panel.needs-locker .boxnow-intro{color:#a3271a} .boxnow-intro{margin:0 0 10px;font-size:14px} .boxnow-map{width:100%;height:460px;border-radius:12px;overflow:hidden;background:#eef3e6} .boxnow-map iframe{width:100%!important;height:100%!important;border:0} .boxnow-selected{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:6px} .boxnow-selected small{display:block;font-size:12px;color:var(--muted)} .boxnow-selected strong{color:var(--forest);font-size:15px;line-height:1.35} .boxnow-pin{width:40px;height:40px;border-radius:50%;background:#84bd00;display:grid;place-items:center} .boxnow-pin svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2} .boxnow-change{padding:9px 14px} .boxnow-error{color:#a3271a;font-size:14px} .link-button{background:none;border:0;padding:0;color:var(--honey);text-decoration:underline;cursor:pointer;font:inherit} .field-hint{font-size:12.5px;color:var(--muted);margin:8px 0 0} @media (max-width:640px){.boxnow-map{height:420px}.boxnow-panel{padding:10px;margin-inline:-4px}.boxnow-selected{grid-template-columns:auto 1fr}.boxnow-change{grid-column:1/-1}} /* ---------- Χρυσή διάκριση ---------- */ .award{background:#faf3e7;border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .award-grid{display:grid;grid-template-columns:minmax(0,450px) 1fr;gap:clamp(32px,6vw,90px);align-items:center;padding-block:70px} .award-image{background:#fbf6ec;border:1px solid #efe6d6;padding:0} .award-image img{width:100%;height:auto} .award-copy h2{font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:#2c221e;font-size:clamp(30px,3.6vw,48px);line-height:1.2;margin:0 0 34px;max-width:600px} .award-copy p{font-size:18px;line-height:1.9;color:#3d322b;max-width:740px;margin:0 0 40px} .award-button{background:#d9a441;color:#fff;border-radius:2px;padding:17px 36px;font-size:16px;font-weight:600;letter-spacing:.02em} .award-button:hover{background:#c58f2c} /* ---------- Footer (στοιχεία επιχείρησης & υπογραφή) ---------- */ .site-footer{background:#faf3e7} .footer-main{display:grid;grid-template-columns:1.4fr 1fr auto;gap:50px;padding-block:52px 30px;align-items:start} .footer-title{font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:400;font-size:21px;color:#2c221e;margin:0 0 18px} .footer-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;color:#5b4f47;font-size:16px} .footer-details strong{color:#4a3f38;font-weight:700} .footer-details a:hover,.footer-links a:hover{color:var(--honey)} .footer-links{display:flex;flex-direction:column;gap:9px} .footer-links h4{margin:0 0 8px;font-size:17px} .footer-links a{color:#5b4f47;font-size:15px} .footer-logo img{width:181px;height:auto;display:block} .footer-award{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;color:#5b4f47;font-size:16px;padding-bottom:44px;letter-spacing:.01em} .footer-award .footer-pay{font-size:13px!important;margin:0!important;color:var(--muted)} .footer-signature{border-top:1px solid #e3dccd;border-bottom:1px solid #e3dccd;padding:40px 0 44px;display:flex;flex-direction:column;align-items:center;gap:24px} .footer-signature .crafted{font-size:12.5px;letter-spacing:.38em;text-transform:uppercase;font-weight:500; background:linear-gradient(90deg,#8a8f99 0%,#9aa3ad 35%,#b39a7c 55%,#8a8f99 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .footer-signature img{width:48px;height:auto;opacity:.92} .footer-bottom{background:#fcfaf6;border-top:0} @media (max-width:980px){ .award-grid{grid-template-columns:1fr;padding-block:44px;gap:30px} .award-image{max-width:420px;margin:0 auto} .footer-main{grid-template-columns:1fr 1fr} .footer-logo{grid-column:1/-1;order:-1} } @media (max-width:640px){ .award-copy h2{font-size:28px;margin-bottom:18px} .award-copy p{font-size:16px;line-height:1.75;margin-bottom:26px} .award-button{width:100%;padding:16px 20px} .footer-main{grid-template-columns:1fr;gap:30px;padding-block:36px 20px} .footer-logo img{width:120px} .footer-details{font-size:15px;gap:4px} .footer-details li{padding:5px 0} .footer-links a{padding:8px 0} .footer-award{flex-direction:column;padding-bottom:30px;font-size:15px} .footer-signature{padding:30px 0 34px;gap:18px} .footer-signature .crafted{font-size:11px;letter-spacing:.3em} } .footer-links h4{font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700;color:#4a3f38;font-size:16px} /* ---------- Αυτοκόλλητα (πλεονεκτήματα) ---------- */ .benefits-grid{gap:24px} .benefit{align-items:center;gap:16px;padding:6px 8px;border-radius:16px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background .25s} .benefit:hover,.benefit:focus-visible{background:rgba(255,255,255,.55)} .benefit strong{font-size:17px} .sticker{--rot:-7deg;--tx:0deg;--ty:0deg;--lift:0px;--scale:1;position:relative;flex:none;width:76px;height:76px;display:block;border-radius:50%; transform:perspective(500px) translateY(var(--lift)) rotate(var(--rot)) rotateX(var(--tx)) rotateY(var(--ty)) scale(var(--scale)); filter:drop-shadow(0 1.5px 1px rgba(60,40,10,.22)) drop-shadow(0 6px 8px rgba(60,40,10,.14)); transition:transform .35s cubic-bezier(.2,.9,.3,1.3),filter .35s;will-change:transform} .benefit:nth-child(2) .sticker{--rot:5deg} .benefit:nth-child(3) .sticker{--rot:-3deg} .sticker svg{width:100%;height:100%;display:block} /* γυαλάδα πάνω στο αυτοκόλλητο */ .sticker::before{content:"";position:absolute;inset:3px;border-radius:50%;pointer-events:none; background:linear-gradient(155deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 70%,rgba(255,255,255,.18) 100%)} /* λάμψη που περνάει */ .sticker-shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none} .sticker-shine::after{content:"";position:absolute;top:-20%;bottom:-20%;width:38%;left:-60%;transform:skewX(-20deg); background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0))} /* ξεκολλημένη γωνία */ .sticker::after{content:"";position:absolute;width:15px;height:15px;right:6px;bottom:6px;border-radius:0 0 50% 0; background:linear-gradient(135deg,rgba(0,0,0,0) 48%,#f4efe6 50%,#fff 70%);box-shadow:-1px -1px 2px rgba(0,0,0,.12);opacity:0;transition:opacity .3s} .benefit:hover .sticker,.benefit:focus-visible .sticker{--lift:-5px;--scale:1.07;--rot:0deg;filter:drop-shadow(0 2px 1px rgba(60,40,10,.2)) drop-shadow(0 14px 16px rgba(60,40,10,.2))} .benefit:hover .sticker::after,.benefit:focus-visible .sticker::after{opacity:1} .benefit:hover .sticker-shine::after,.benefit:focus-visible .sticker-shine::after{animation:sticker-shine .9s ease-out} @keyframes sticker-shine{from{left:-60%}to{left:130%}} /* «κόλλημα» όταν εμφανίζονται */ .js .benefit:not(.is-stuck) .sticker{opacity:0;transform:perspective(500px) translateY(-18px) rotate(calc(var(--rot) - 25deg)) scale(1.5);transition:none} .js .benefit.is-stuck:not(.slap-done) .sticker{animation:sticker-slap .55s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * 140ms)} @keyframes sticker-slap{ 0%{opacity:0;transform:perspective(500px) translateY(-18px) rotate(calc(var(--rot) - 25deg)) scale(1.5)} 60%{opacity:1;transform:perspective(500px) rotate(var(--rot)) scale(.92)} 100%{opacity:1;transform:perspective(500px) rotate(var(--rot)) scale(1)}} /* πάτημα */ .sticker.is-pressed{animation:sticker-squish .45s cubic-bezier(.3,1.6,.5,1)!important} @keyframes sticker-squish{0%{transform:perspective(500px) rotate(var(--rot)) scale(1)}30%{transform:perspective(500px) rotate(calc(var(--rot) + 8deg)) scale(.86,.8)}65%{transform:perspective(500px) rotate(calc(var(--rot) - 6deg)) scale(1.12)}100%{transform:perspective(500px) rotate(var(--rot)) scale(1.04)}} .sticker-particle{position:fixed;z-index:60;pointer-events:none;width:9px;height:9px;left:0;top:0;will-change:transform,opacity} .sticker-particle.hex{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)} .sticker-particle.leaf{border-radius:0 80% 0 80%} .sticker-particle.spark{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)} @media (max-width:640px){ .benefits-grid{gap:6px} .sticker{width:62px;height:62px} .benefit{padding:8px 6px} } @media (prefers-reduced-motion:reduce){ .js .benefit .sticker{opacity:1!important;animation:none!important;transform:rotate(var(--rot))!important} .sticker,.sticker-shine::after{transition:none;animation:none!important} } /* ---------- Βίντεο στο banner ---------- */ .hero{background:#f3dfb8} .hero-video{object-fit:cover;object-position:center;pointer-events:none} @media (max-width:640px){.hero-video{object-position:62% center}} /* ===================================================================== Glass header — «νησάκια» από θολό γυαλί που επιπλέουν πάνω από τη σελίδα ===================================================================== */ :root{--header-h:86px;--glass-bg:rgba(255,251,243,.56);--glass-bg-strong:rgba(255,251,243,.86);--glass-border:rgba(255,255,255,.7);--glass-gold:#c99a2e} .site-header{position:sticky;top:0;z-index:50;background:transparent!important;border-bottom:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:14px 0;pointer-events:none;transition:padding .25s} .site-header > *{pointer-events:auto} .header-inner{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px} .glass-pill{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5); border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 10px 30px rgba(70,45,10,.10),inset 0 1px 0 rgba(255,255,255,.75);transition:background .3s,box-shadow .3s} .site-header.is-scrolled .glass-pill{background:var(--glass-bg-strong);box-shadow:0 10px 28px rgba(70,45,10,.14),inset 0 1px 0 rgba(255,255,255,.8)} .site-header.is-scrolled{padding:10px 0} /* κάψουλα μενού */ .nav-wrap{position:relative;justify-self:start;min-width:0} .main-nav{display:flex;align-items:center;gap:4px;padding:6px 6px 6px 10px;font-size:15px;font-weight:600} .main-nav a{padding:9px 13px;border-radius:999px;color:#2c3a2a;white-space:nowrap;transition:color .2s,background .2s} .main-nav a:hover{background:rgba(255,255,255,.55);color:var(--forest)} .main-nav a.active{color:var(--glass-gold);background:transparent} .search-btn{width:42px;height:42px;margin-left:4px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.55);color:var(--forest);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s} .search-btn:hover{background:#fff;transform:scale(1.06)} .search-btn svg,.search-pop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} /* λογότυπο & καλάθι */ .brand.glass-pill{padding:9px 22px;font-size:23px;line-height:1.2} .header-actions{justify-self:end;display:flex;align-items:center;gap:8px} .cart-link.glass-pill{padding:7px 8px 7px 16px;min-height:52px;gap:10px;font-weight:650} .cart-link .cart-count{min-width:30px;height:30px;font-size:13px} .mobile-search-btn{display:none} .icon-button.glass-pill{border-radius:50%} /* αναζήτηση: ανοίγει πάνω από την κάψουλα του μενού */ .search-pop{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px;margin:0;opacity:0;visibility:hidden;transform:scale(.97);transform-origin:right center;transition:opacity .22s,transform .22s,visibility .22s;min-width:420px} .site-header.is-searching .search-pop{opacity:1;visibility:visible;transform:none;background:var(--glass-bg-strong)} .site-header.is-searching .main-nav{opacity:0;visibility:hidden} .main-nav{transition:opacity .2s,visibility .2s,background .3s,box-shadow .3s} .search-pop-icon{flex:none;color:var(--muted)} .search-pop input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 2px!important;font-size:16px;color:var(--forest);outline:0} .search-pop input::-webkit-search-cancel-button{display:none} .search-close{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:rgba(30,48,33,.07);color:var(--forest);display:grid;place-items:center;cursor:pointer} .search-close:hover{background:rgba(30,48,33,.13)} /* αποτελέσματα */ .search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;padding:8px;border-radius:22px;background:rgba(255,252,246,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 22px 50px rgba(70,45,10,.18);max-height:min(70vh,520px);overflow-y:auto} .search-result{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:14px;color:var(--brown)} .search-result:hover,.search-result.is-active{background:rgba(212,163,55,.14)} .search-result img,.search-result .ph{width:52px;height:52px;border-radius:12px;object-fit:cover;background:var(--cream)} .search-result strong{display:block;font-size:15px;color:var(--forest);line-height:1.3} .search-result small{color:var(--honey);font-size:11px;text-transform:uppercase;letter-spacing:.1em} .search-result .price{font-weight:750;color:var(--honey);font-size:14px;white-space:nowrap} .search-result mark{background:rgba(212,163,55,.3);color:inherit;border-radius:3px;padding:0 1px} .search-all{display:block;text-align:center;padding:11px;margin-top:4px;border-top:1px solid #efe6d6;font-weight:650;color:var(--forest);font-size:14px;border-radius:0 0 14px 14px} .search-all:hover{color:var(--honey)} .search-empty{padding:16px;text-align:center;color:var(--muted);font-size:14px} /* η αρχική: το βίντεο πάει κάτω από το header */ .has-hero .hero{margin-top:calc(-1 * var(--header-h))} .has-hero .hero-content{padding-top:var(--header-h)} @media (max-width:1180px) and (min-width:981px){ .main-nav{font-size:13.5px;gap:0} .main-nav a{padding:9px 10px} .brand.glass-pill{padding:8px 16px;font-size:21px} .search-pop{min-width:360px} } @media (max-width:980px){ :root{--header-h:74px} .site-header{padding:10px 0} .header-inner{grid-template-columns:auto 1fr auto;min-height:54px;gap:8px} .mobile-menu-button{display:inline-flex;width:48px;height:48px} .nav-wrap{position:static} .main-nav{position:fixed;top:calc(var(--header-h) + 4px);left:12px;right:12px;z-index:45;flex-direction:column;align-items:stretch;gap:2px;padding:10px;border-radius:24px!important;background:var(--glass-bg-strong); opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100dvh - var(--header-h) - 20px);overflow-y:auto;box-shadow:0 22px 50px rgba(70,45,10,.18)} .main-nav.open{opacity:1;visibility:visible;transform:none} .main-nav a{font-size:17px;padding:14px 16px;border-bottom:0;border-radius:14px} .main-nav a.active{background:rgba(212,163,55,.12)} .main-nav .search-btn{display:none} .brand.glass-pill{justify-self:center;font-size:21px;padding:8px 18px} .mobile-search-btn{display:inline-flex;width:48px;height:48px} .mobile-search-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} .cart-link.glass-pill{width:48px;height:48px;min-height:0;padding:0;justify-content:center;position:relative;border-radius:50%} .cart-link .cart-count{position:absolute;top:-4px;right:-4px;min-width:21px;height:21px;font-size:11px;box-shadow:0 0 0 2px #fffaf0} .search-pop{position:fixed;top:calc(var(--header-h) + 4px);left:12px;right:12px;inset-inline:12px;bottom:auto;height:56px;min-width:0;transform:translateY(-8px)} .site-header.is-searching .main-nav{opacity:0;visibility:hidden} .search-results{top:calc(100% + 8px)} } @media (max-width:400px){ .brand.glass-pill{font-size:19px;padding:8px 13px} .mobile-menu-button,.mobile-search-btn,.cart-link.glass-pill{width:44px!important;height:44px!important} } @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .glass-pill{background:rgba(255,251,243,.94)} } /* διάταξη: λογότυπο αριστερά · μενού στο κέντρο · καλάθι δεξιά */ .header-inner{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions"} .brand.glass-pill{grid-area:brand;justify-self:start} .nav-wrap{grid-area:nav;justify-self:center} .header-actions{grid-area:actions} .mobile-menu-button{grid-area:menu} .search-pop{left:50%;right:auto;width:max(100%,460px);transform:translateX(-50%) scale(.97)} .site-header.is-searching .search-pop{transform:translateX(-50%)} @media (max-width:1180px) and (min-width:981px){.main-nav .nav-extra{display:none}} @media (max-width:980px){ .header-inner{grid-template-areas:"menu brand actions";grid-template-columns:auto 1fr auto} .brand.glass-pill{justify-self:center} .nav-wrap{position:absolute;width:0;height:0} .search-pop,.site-header.is-searching .search-pop{left:12px;right:12px;width:auto;transform:none} .search-pop{transform:translateY(-8px)} } .search-result strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* Φωτογραφίες προϊόντων: τετράγωνες κάρτες ώστε να φαίνεται ολόκληρο το βάζο */ .product-image-wrap{height:auto;aspect-ratio:1/1;background:linear-gradient(#fcf8f0,#f0e5d2)} .product-image-wrap img.img-missing,.detail-image img.img-missing,.cart-thumb img.img-missing{object-fit:contain;padding:18%;opacity:.55;mix-blend-mode:multiply} /* ===== Βραβείο (μοντέρνα έκδοση) ===== */ .award{background:transparent;border:0;padding-block:clamp(36px,6vw,84px)} .award-card{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(28px,5vw,64px);border-radius:32px;overflow:hidden;isolation:isolate; background:radial-gradient(120% 90% at 0% 100%,#2f4a33 0%,transparent 60%),linear-gradient(135deg,#1b2b1e 0%,#22372a 55%,#1a281c 100%);color:#f6efe2;box-shadow:0 30px 70px -30px rgba(20,32,22,.55)} .award-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.07; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 66 0 50V18L28 2l28 16v32zM28 98V66M0 50l-28 16M56 50l28 16' fill='none' stroke='%23f0c75e' stroke-width='1.2'/%3E%3C/svg%3E");background-size:56px 98px; -webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 70%);mask-image:linear-gradient(90deg,#000 0%,transparent 70%)} .award-visual{position:relative;display:grid;place-items:center;min-height:clamp(320px,40vw,520px);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1)} .award-glow{position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f3b24a 0%,rgba(231,150,40,.55) 32%,rgba(196,94,0,0) 70%);filter:blur(6px);opacity:.85} .award-ring{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(240,199,94,.28);box-shadow:inset 0 0 0 14px rgba(240,199,94,.04)} .award-ring::after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px dashed rgba(240,199,94,.22);animation:awardSpin 60s linear infinite} .award-visual picture{position:relative;z-index:1;display:block;width:min(78%,380px)} .award-jar{width:100%;height:auto;filter:drop-shadow(0 28px 30px rgba(0,0,0,.45));animation:awardFloat 6s ease-in-out infinite;transform:translateZ(40px)} .award-medal{position:absolute;z-index:2;top:4%;left:6%;width:clamp(84px,11vw,124px);height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35));transform:rotate(-10deg) translateZ(70px);animation:awardMedal 6s ease-in-out infinite} .award-copy{position:relative} .award-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#f0c75e;background:rgba(240,199,94,.1);border:1px solid rgba(240,199,94,.25);backdrop-filter:blur(6px)} .award-dot{width:7px;height:7px;border-radius:50%;background:#f0c75e;box-shadow:0 0 0 4px rgba(240,199,94,.18)} .award-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;text-transform:none;letter-spacing:-.02em;color:#fbf5ea;font-size:clamp(38px,5.2vw,68px);line-height:1.02;margin:22px 0 20px;max-width:none} .award-copy h2 em{font-style:italic;background:linear-gradient(90deg,#f6d77a,#e39b32);-webkit-background-clip:text;background-clip:text;color:transparent} .award-copy p{font-size:17px;line-height:1.75;color:rgba(246,239,226,.78);max-width:540px;margin:0 0 28px} .award-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 32px} .award-facts li{display:flex;flex-direction:column;min-width:104px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)} .award-facts strong{font-family:Georgia,serif;font-size:22px;font-weight:600;color:#f6d77a;line-height:1.1} .award-facts span{font-size:12px;letter-spacing:.06em;color:rgba(246,239,226,.65)} .award-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px} .award-button{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;background:linear-gradient(135deg,#f0c75e,#d98a1f);color:#1e3021;font-weight:800;font-size:15px;box-shadow:0 12px 26px -10px rgba(232,160,48,.7);transition:transform .2s,box-shadow .2s} .award-button span{transition:transform .2s} .award-button:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(232,160,48,.85)} .award-button:hover span{transform:translateX(4px)} .award-link{color:#f6efe2;font-weight:650;font-size:15px;border-bottom:1px solid rgba(246,239,226,.35);padding-bottom:2px} .award-link:hover{color:#f0c75e;border-color:#f0c75e} /* είσοδος με scroll */ .js [data-award] .award-card{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)} .js [data-award].is-in .award-card{opacity:1;transform:none} @keyframes awardFloat{0%,100%{translate:0 0}50%{translate:0 -12px}} @keyframes awardMedal{0%,100%{translate:0 0}50%{translate:0 -6px}} @keyframes awardSpin{to{transform:rotate(360deg)}} @media (max-width:900px){ .award-card{grid-template-columns:1fr;text-align:center;padding:28px 20px 34px;border-radius:26px} .award-card::before{-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 60%);mask-image:linear-gradient(180deg,#000 0%,transparent 60%)} .award-visual{min-height:300px} .award-visual picture{width:min(62%,260px)} .award-medal{left:10%} .award-copy p{margin-inline:auto} .award-facts,.award-actions{justify-content:center} .award-facts li{min-width:0;flex:1} .award-button{width:100%;justify-content:center} } @media (prefers-reduced-motion:reduce){ .award-jar,.award-medal,.award-ring::after{animation:none} .js [data-award] .award-card{opacity:1;transform:none;transition:none} } @media (max-width:420px){.award-button{font-size:14px;padding:15px 18px;white-space:nowrap}.award-facts li{padding:10px 8px}} /* Αυτοκόλλητο-σήμα βραβείου: εξάγωνο αντί για στρογγυλό */ .sticker--hex{border-radius:0;width:80px;height:84px} .sticker--hex::before{inset:6px 8px;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)} .sticker--hex .sticker-shine{border-radius:0;clip-path:polygon(50% 2%,98% 26%,98% 74%,50% 98%,2% 74%,2% 26%)} .sticker--hex::after{right:10px;bottom:14px} .award-medal{width:clamp(92px,12vw,136px)} /* επίσημο σήμα ως εικόνα */ .sticker--hex picture,.sticker--hex img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none} .sticker--hex{width:78px;height:86px} .sticker--hex::before,.sticker--hex .sticker-shine{inset:4px 3px;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)} picture.award-medal{display:block} picture.award-medal img{width:100%;height:auto;display:block} .award-visual picture.award-medal{position:absolute;z-index:2;top:4%;left:6%;width:clamp(92px,12vw,140px)} @media (max-width:900px){.award-visual picture.award-medal{left:10%;width:92px}} .sticker picture,.sticker > picture img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none} @media (max-width:760px){.sticker--hex{width:62px;height:68px;margin-block:-3px}} /* ===== Footer (νέα διάταξη) ===== */ .site-footer{position:relative;margin-top:clamp(48px,7vw,90px);background:linear-gradient(180deg,#1d2e20 0%,#162318 100%);color:rgba(246,239,226,.78);border-top:0;overflow:hidden;isolation:isolate} .site-footer::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 66 0 50V18L28 2l28 16v32zM28 98V66M0 50l-28 16M56 50l28 16' fill='none' stroke='%23f0c75e' stroke-width='1.2'/%3E%3C/svg%3E");background-size:56px 98px; -webkit-mask-image:radial-gradient(80% 90% at 0% 0%,#000,transparent 70%);mask-image:radial-gradient(80% 90% at 0% 0%,#000,transparent 70%)} .site-footer::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,70,.16),transparent 65%)} .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1.15fr 1.35fr;gap:clamp(28px,4vw,56px);padding-block:clamp(48px,6vw,72px) 40px} .footer-brandmark{display:inline-flex;align-items:center;gap:14px;color:#fbf5ea} .footer-brandmark img{width:56px;height:56px;border-radius:16px;box-shadow:0 0 0 1px rgba(240,199,94,.25),0 10px 24px -8px rgba(0,0,0,.6)} .footer-brandmark span{font-family:Georgia,'Times New Roman',serif;font-size:30px;letter-spacing:-.01em} .footer-tagline{margin:18px 0 22px;max-width:320px;font-size:15px;line-height:1.7;color:rgba(246,239,226,.66)} .footer-badges{display:flex;align-items:center;gap:14px} .footer-badge{display:block;width:64px;transition:transform .3s cubic-bezier(.2,.9,.3,1.3)} .footer-badge img{width:100%;height:auto;display:block} .footer-badge--round{width:60px} .footer-badge:hover{transform:translateY(-3px) rotate(-4deg) scale(1.06)} .footer-col{display:flex;flex-direction:column;gap:4px} .footer-col h4{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#f0c75e;margin:6px 0 14px} .footer-col a{color:rgba(246,239,226,.82);font-size:15px;padding:5px 0;width:fit-content;background:linear-gradient(#f0c75e,#f0c75e) 0 100%/0 1px no-repeat;transition:color .2s,background-size .3s} .footer-col a:hover{color:#fbf5ea;background-size:100% 1px} .footer-contact p{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;font-size:15px;line-height:1.5} .footer-contact p a{padding:0} .footer-contact svg{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:#f0c75e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .footer-pay-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding:22px 0;border-top:1px solid rgba(246,239,226,.1)} .footer-pay-label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,239,226,.5)} .footer-pay-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0} .footer-pay-chips li{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#fbf5ea;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)} .site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;padding:22px 0 26px;border-top:1px solid rgba(246,239,226,.1);background:transparent;color:rgba(246,239,226,.5);font-size:13px;text-align:left} .site-footer .footer-signature{display:inline-flex;align-items:center;gap:12px;border:0;padding:0;flex-direction:row} .site-footer .footer-signature .crafted{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(246,239,226,.5)} .site-footer .footer-signature img{width:40px;height:auto;filter:invert(1) brightness(1.6) sepia(.4);opacity:.9} @media (max-width:980px){ .footer-top{grid-template-columns:1fr 1fr;gap:34px 28px} .footer-brand-col{grid-column:1/-1} .footer-tagline{max-width:460px} } @media (max-width:560px){ .footer-top{grid-template-columns:1fr 1fr;padding-top:40px} .footer-contact{grid-column:1/-1} .footer-col a{padding:7px 0} .footer-pay-row,.site-footer .footer-bottom{flex-direction:column;align-items:flex-start} } .footer-top{grid-template-columns:1.4fr .85fr 1.1fr 1.55fr}@media (max-width:980px){.footer-top{grid-template-columns:1fr 1fr}} /* Σήματα τρόπων πληρωμής */ .pay-marks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .pay-mark{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;font-size:11.5px;font-weight:750;letter-spacing:.01em;border:1px solid var(--border);background:#fff;color:#2c221e} .pay-mark--visa{color:#1a1f71;font-style:italic;font-weight:900} .pay-mark--mastercard{color:#3b2a1e} .pay-mark--apple-pay,.pay-mark--google-pay{background:#111;border-color:#111;color:#fff} .footer-pay-chips .chip-wallet{background:#fbf5ea;color:#111;border-color:#fbf5ea} /* Υπογραφή δημιουργού */ .developer-signature{display:inline-flex;align-items:center;gap:12px} .developer-signature span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(246,239,226,.5)} .developer-signature a{display:block;line-height:0;border-radius:6px;transition:transform .25s,opacity .25s;opacity:.85} .developer-signature a:hover,.developer-signature a:focus-visible{transform:translateY(-2px) scale(1.06);opacity:1} .developer-signature img{width:46px;height:auto;filter:invert(1) brightness(1.15) sepia(.25)} /* Ζώνη υπογραφής δημιουργού (κρεμ, κάτω από το footer) */ .developer-band{background:#faf3e7;color:#2c221e} .developer-band-inner{border-top:1px solid #e3dccd;border-bottom:1px solid #e3dccd;padding:40px 0 44px;margin-block:0} .developer-band .developer-signature{display:flex;flex-direction:column;align-items:center;gap:22px} .developer-band .developer-signature span{font-size:12.5px;font-weight:600;letter-spacing:.38em;text-transform:uppercase;padding-left:.38em; background:linear-gradient(90deg,#7d8796 0%,#8a8f99 45%,#b39a78 60%,#8a8f99 80%);-webkit-background-clip:text;background-clip:text;color:transparent} .developer-band .developer-signature a{opacity:.9} .developer-band .developer-signature img{width:50px;filter:none} .site-footer .footer-bottom{justify-content:flex-start} @media (max-width:560px){.developer-band .developer-signature span{font-size:11px;letter-spacing:.28em}} /* Social links στο footer */ .footer-social{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px} .footer-social a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1px solid rgba(246,239,226,.22);border-radius:999px;color:rgba(246,239,226,.9);text-decoration:none;font-size:14px;transition:background .2s,border-color .2s,color .2s} .footer-social a:hover{background:rgba(246,239,226,.1);border-color:rgba(232,180,80,.7);color:#fff} .footer-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .footer-social svg .fill{fill:currentColor;stroke:none} /* Βίντεο στην «Ιστορία μας» (κάθετο 9:16) */ .about-video{position:relative;margin:0;justify-self:center;height:600px;aspect-ratio:9/16;max-width:100%;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#1e3021} .about-video video{width:100%;height:100%;object-fit:cover;display:block} .about-video-sound{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border:0;border-radius:999px;background:rgba(20,30,22,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:600 13px/1 Inter,Arial,sans-serif;cursor:pointer;transition:background .2s} .about-video-sound:hover{background:rgba(20,30,22,.82)} .about-video-sound svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .about-video-sound .icon-on,.about-video-sound[aria-pressed="true"] .icon-off{display:none} .about-video-sound[aria-pressed="true"] .icon-on{display:block} @media (max-width:980px){.about-video{height:min(560px,calc((100vw - 40px) * 16 / 9))}} .about-video video{cursor:pointer} .about-video-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border:0;border-radius:50%;background:rgba(20,30,22,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:scale(.9)} .about-video-play svg{width:34px;height:34px;fill:currentColor;margin-left:4px} .about-video.is-paused .about-video-play{opacity:1;pointer-events:auto;transform:none} /* Scroll story στο κινητό: πιο σύντομο, ώστε να μη «κολλάει» το scroll */ @media (max-width:700px){ .scroll-story{height:calc(var(--slides) * 70svh + 100svh)} .scroll-story-media{will-change:transform} } /* Λογότυπο (μέλισσα + Melithales) στη θέση του κειμένου */ .brand.glass-pill.brand--logo{position:relative;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;line-height:0;display:inline-flex;align-items:center;margin:2px 0 -26px} .site-header.is-scrolled .brand.glass-pill.brand--logo{background:none;box-shadow:none} .brand--logo::before{content:"";position:absolute;inset:-6% -10%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,251,240,.92),rgba(255,251,240,.55) 60%,rgba(255,251,240,0));z-index:-1;pointer-events:none} .brand--logo img{height:88px;width:auto;filter:drop-shadow(0 3px 6px rgba(90,55,10,.25));transition:transform .25s ease} .brand--logo:hover img{transform:scale(1.04) rotate(-2deg)} @media (max-width:980px){.brand--logo img{height:66px}.brand.glass-pill.brand--logo{margin:2px 0 -12px}} @media (max-width:420px){.brand--logo img{height:60px}} /* Checkout: νομός/πόλη και διεύθυνση */ .form-grid.two.address-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr)} .checkout-form select:disabled{background:#f5f1e9;color:#9a8f83;cursor:not-allowed} .checkout-form input::placeholder,.checkout-form textarea::placeholder{color:#a99d90;font-weight:400} @media (max-width:600px){.form-grid.two.address-row{grid-template-columns:1fr}} /* Κουμπιά βίντεο πάνω από το