:root{--navy:#061b35;--navy2:#0a315c;--blue:#1477d4;--sky:#6acaff;--ink:#17283b;--muted:#53677c;--line:#dce6ee;--soft:#f4f8fb;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #28a5ed;outline-offset:4px}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-80px;background:#fff;color:#061b35;padding:10px;z-index:99}.skip-link:focus{top:12px}.utility{background:#061629;color:#b9cfe3;font-size:12px}.utility-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:15px}.utility a{color:#e9f6ff}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.identity{display:flex;align-items:center;gap:13px;min-width:0}.identity-mark{width:43px;height:43px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;flex:none;border-radius:12px;background:linear-gradient(145deg,#07274b,#1675c5)}.identity-mark i{border-radius:50%;background:#bcecff;box-shadow:inset 0 0 0 3px #5bb4ef}.identity strong{display:block;font-size:15px;letter-spacing:.04em;line-height:1.2;color:#092c50}.identity em{font-style:normal;color:#197bc6}.identity small{display:block;margin-top:5px;font-size:11px;color:#6c8193;letter-spacing:.03em}.site-header nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:650}.site-header nav>a:not(.nav-cta):hover{color:#0873ca}.nav-cta{padding:11px 16px;background:#0c5fa6;border-radius:8px;color:#fff}.nav-cta:hover{background:#084d88}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 35%,#144b80 0%,transparent 38%),linear-gradient(115deg,#06172d 0%,#082a4e 60%,#0a345d 100%);color:#fff}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:40px;min-height:595px;padding-block:72px 76px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b9e9ff}.dot,.art-label-dot{width:8px;height:8px;border-radius:50%;background:#6ad6fa;box-shadow:0 0 0 5px rgba(106,214,250,.14)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17}h1{max-width:650px;font-size:clamp(39px,4.4vw,64px);letter-spacing:-.048em;margin:21px 0 23px;font-weight:780}h1 span{color:#80d4ff}.lead{font-size:16px;line-height:1.85;max-width:620px;color:#d1e1ee;margin-bottom:25px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border-radius:9px;font-weight:750;font-size:13px;line-height:1.4;transition:transform .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:#37aaf0;color:#061d36}.button-outline{border:1px solid rgba(194,225,248,.42);color:#fff}.button-outline:hover{background:rgba(255,255,255,.08)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:32px}.hero-note p{font-size:12px;color:#accbe2;margin:0}.note-line{width:26px;height:1px;background:#48b9f4}.hero-art{height:460px;position:relative;isolation:isolate}.art-glow{position:absolute;inset:15% 5%;background:radial-gradient(circle,#297dbd 0%,rgba(18,92,151,.2) 48%,transparent 72%);filter:blur(12px)}.art-caption{position:absolute;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#b8d8f0;font-weight:700}.art-caption span{opacity:.65}.roll{position:absolute;border:1px solid rgba(209,241,255,.75);background:repeating-radial-gradient(circle at 13px 13px,rgba(255,255,255,.78) 0 2px,rgba(124,208,245,.32) 3px 9px,rgba(231,251,255,.45) 10px 12px,transparent 13px 22px),linear-gradient(145deg,rgba(211,242,255,.95),rgba(85,175,224,.55));background-size:30px 30px,auto;border-radius:45% 45% 15% 15%/12% 12% 9% 9%;box-shadow:25px 28px 35px rgba(0,10,30,.25),inset -30px 0 38px rgba(2,55,99,.23),inset 10px 0 30px rgba(255,255,255,.7)}.roll:before{content:"";position:absolute;top:-15px;left:0;width:100%;height:35px;border-radius:50%;background:radial-gradient(ellipse at center,#1c5e92 0 14%,#b7e5fa 15% 30%,#e8faff 31% 50%,#6aadd3 72%,#e2faff 95%);border:1px solid rgba(240,255,255,.9)}.roll-back{width:135px;height:285px;left:11%;top:19%;transform:rotate(-11deg);opacity:.88}.roll-front{width:185px;height:340px;left:39%;top:15%;transform:rotate(8deg)}.bubble-sheet{position:absolute;right:0;bottom:35px;width:60%;height:140px;transform:skewY(-9deg) rotate(-3deg);border:1px solid rgba(215,249,255,.75);border-radius:15px;background:radial-gradient(circle at center,rgba(229,250,255,.8) 0 24%,rgba(87,176,220,.7) 28% 52%,transparent 58%) 0 0/32px 32px,linear-gradient(110deg,rgba(218,247,255,.85),rgba(82,160,211,.75));box-shadow:10px 16px 24px rgba(0,10,30,.2)}.art-label{position:absolute;right:5px;bottom:7px;display:flex;gap:15px;align-items:center;padding:14px 18px;border:1px solid rgba(197,228,251,.28);background:rgba(6,28,55,.85);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.2)}.art-label strong,.art-label small{display:block}.art-label strong{font-size:12px}.art-label small{font-size:10px;color:#a7c8e2;margin-top:2px}.intro-strip{background:#eef6fc;border-bottom:1px solid #d9e9f5}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}.strip-grid>div{display:flex;align-items:center;gap:17px;padding:23px 26px;border-right:1px solid #d3e3ef}.strip-grid>div:first-child{padding-left:0}.strip-grid>div:last-child{border-right:0}.strip-grid strong{font-size:23px;line-height:1;color:#0d73bd;font-weight:800}.strip-grid span{font-size:13px;color:#3e617d;font-weight:650}.section{padding:92px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}.section-heading>div{max-width:620px}.section-kicker{color:#1677bf;display:block;margin-bottom:13px}.section h2,.closing h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.035em;margin:0;font-weight:760}.section-heading>p{max-width:380px;margin:0;color:var(--muted);font-size:14px}.types{background:#fff}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.type-card{display:flex;flex-direction:column;min-height:335px;padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 26px rgba(7,39,75,.045)}.card-top{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:21px}.card-symbol{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:46px;height:46px;padding:8px;border-radius:12px;background:#e9f5fc}.card-symbol i{border:2px solid #5fa9d7;border-radius:50%;background:#cce9f9}.type-strong .card-symbol{background:#e2f0fc}.type-plus .card-symbol{background:#d9eafb}.type-extra .card-symbol{background:#d2e3f6}.card-badge{font-size:10px;letter-spacing:.03em;font-weight:750;color:#146da9;background:#edf6fc;padding:5px 9px;border-radius:30px}.type-card h3{font-size:23px;letter-spacing:-.03em;margin-bottom:10px}.type-card>p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:22px}.card-use{margin-top:auto;padding-top:17px;border-top:1px solid #e4edf3}.card-use span,.card-use strong{display:block}.card-use span{font-size:10px;color:#6e8496;text-transform:uppercase;letter-spacing:.08em;font-weight:750;margin-bottom:5px}.card-use strong{font-size:12px;line-height:1.55;font-weight:650}.type-note{display:flex;gap:25px;align-items:center;background:#eef6fc;border-left:3px solid #278bcf;padding:19px 23px;margin-top:20px;border-radius:0 9px 9px 0}.type-note strong{white-space:nowrap;font-size:14px}.type-note p{margin:0;color:#536d82;font-size:13px}.guide{background:#f3f8fc}.guide-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px}.guide-lead h2{margin-bottom:20px}.guide-lead p{color:var(--muted);font-size:15px;max-width:420px}.text-link{display:inline-flex;gap:10px;margin-top:13px;color:#0965aa;font-size:13px;font-weight:750;border-bottom:1px solid #83b5d6;padding-bottom:5px}.steps{border-top:1px solid #d5e2eb}.steps article{display:grid;grid-template-columns:58px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid #d5e2eb}.step-num{font-size:20px;color:#1981ca;font-weight:800}.steps h3{font-size:18px;margin-bottom:7px}.steps p{font-size:13px;color:var(--muted);margin:0}.applications .section-heading{margin-bottom:28px}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.application-grid article{border:1px solid #dce7ef;padding:27px;border-radius:15px;background:linear-gradient(180deg,#fff,#f9fcfe)}.application-grid article>span{display:grid;place-items:center;width:43px;height:43px;background:#e7f4fc;color:#116fac;font-size:24px;border-radius:11px;margin-bottom:20px}.application-grid h3{font-size:18px;margin-bottom:9px}.application-grid p{color:var(--muted);font-size:13px;margin:0}.faq{background:#f8fafc}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-grid>div:first-child>p{color:var(--muted);font-size:14px;margin-top:20px}.faq-items{border-top:1px solid #dce7ef}.faq-items details{border-bottom:1px solid #dce7ef}.faq-items summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:19px 0;font-weight:700;font-size:14px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:23px;color:#167cc5;font-weight:400;line-height:1}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{color:var(--muted);font-size:13px;max-width:620px;margin:0 0 21px}.closing{background:linear-gradient(110deg,#062343,#0d4d80);color:#fff;padding:65px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.closing-inner>div:first-child{max-width:700px}.closing-eyebrow{font-size:11px;letter-spacing:.14em;color:#95d9ff;font-weight:800}.closing h2{margin:13px 0 15px}.closing p{color:#c4ddec;font-size:14px;max-width:630px;margin:0}.closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;flex:none}.button-light{background:#fff;color:#07365d}.closing-secondary{text-align:center;color:#c9ebff;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:650}.footer{background:#061729;color:#d1e1ee;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .9fr 1fr;gap:55px}.footer-grid strong{font-size:17px;color:#fff}.footer-grid span{display:block;font-size:12px;color:#fff;font-weight:750;margin-bottom:12px}.footer-grid p{font-size:12px;color:#9db6c9;max-width:380px;margin:10px 0 0}.footer-grid a{display:block;color:#c2dced;font-size:12px;margin-bottom:10px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #1b3955;margin-top:45px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#8da9be;font-size:11px}.footer-bottom a:hover{color:#fff}@media(max-width:1050px){.site-header nav{gap:14px}.hero-grid{gap:12px}.type-grid{grid-template-columns:repeat(2,1fr)}.type-card{min-height:295px}.guide-grid{gap:45px}.faq-grid{gap:40px}}@media(max-width:760px){html{scroll-padding-top:72px}.container{width:min(100% - 32px,1180px)}.utility-inner{justify-content:center}.utility-inner>span{display:none}.header-inner{min-height:70px}.identity strong{font-size:12px}.identity small{font-size:10px}.identity-mark{width:38px;height:38px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px 11px}.hero-grid{grid-template-columns:1fr;gap:5px;padding:50px 0 36px}.hero h1{font-size:clamp(37px,8.5vw,54px)}.hero-art{height:340px;max-width:460px;width:100%;margin-inline:auto}.roll-back{height:220px;width:115px}.roll-front{height:265px;width:145px}.bubble-sheet{height:105px}.intro-strip .strip-grid{grid-template-columns:1fr}.strip-grid>div{padding:12px 0;border-right:0;border-bottom:1px solid #d3e3ef}.strip-grid>div:last-child{border-bottom:0}.section{padding:63px 0}.section-heading{display:block}.section-heading>p{margin-top:16px}.type-grid{gap:12px}.guide-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.application-grid{grid-template-columns:1fr}.closing-inner{display:block}.closing-actions{margin-top:27px;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.type-note{display:block}.type-note p{margin-top:7px}}@media(max-width:480px){.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-art{height:300px}.type-grid{grid-template-columns:1fr}.type-card{min-height:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.closing-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* V2 visual upgrade */
:root{--navy:#03172e;--sky:#7fd9ff}
.container{width:min(1260px,calc(100% - 48px))}
.hero{background:radial-gradient(ellipse at 79% 40%,rgba(22,127,202,.5),transparent 43%),radial-gradient(circle at 2% 0%,rgba(15,86,153,.28),transparent 45%),linear-gradient(117deg,#031226 0%,#07284b 60%,#064271 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(154,217,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(154,217,255,.24) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent 28%,#000 100%)}
.hero-grid{min-height:690px;grid-template-columns:1fr 1fr;gap:15px;padding-block:80px 90px}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(45px,4.8vw,76px);max-width:760px;letter-spacing:-.065em;line-height:1.07}
.hero h1 span{background:linear-gradient(90deg,#b8ecff,#48bbfa);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .lead{font-size:17px;max-width:580px}
.button-primary{background:linear-gradient(120deg,#4ac5ff,#95e2ff);box-shadow:0 15px 40px rgba(20,165,240,.23)}
.hero-proof{display:flex;gap:0;margin-top:38px;border-top:1px solid rgba(183,227,255,.23);max-width:590px;padding-top:22px}
.hero-proof>div{flex:1;padding:0 18px;border-right:1px solid rgba(183,227,255,.18)}.hero-proof>div:first-child{padding-left:0}.hero-proof>div:last-child{border:0}
.hero-proof strong{display:block;font-size:23px;color:#fff;letter-spacing:-.04em}.hero-proof span{display:block;color:#a7cce7;font-size:11px;line-height:1.4}
.hero-art{height:530px;transform:scale(1.06)}.roll-back{width:170px;height:355px;left:7%;top:21%}.roll-front{width:218px;height:425px;left:37%;top:12%}.bubble-sheet{height:195px;width:66%;bottom:33px}.art-glow{filter:blur(30px)}.art-label{bottom:4px}
.intro-strip{background:#f0f8ff}.strip-grid strong{font-size:29px}
.types{background:linear-gradient(180deg,#fff,#f5faff)}.type-grid{gap:18px}.type-card{padding:0 0 24px;overflow:hidden;min-height:440px;box-shadow:0 18px 45px rgba(5,43,82,.065);transition:transform .25s ease}.type-card:hover{transform:translateY(-5px)}
.type-card .card-top{display:block;margin:0 0 18px}.material-visual{height:170px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(120,213,255,.5),transparent 40%),linear-gradient(140deg,#e9f7ff,#b7ddf6)}
.material-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.35) 42%,transparent 60%)}
.material-roll{position:absolute;width:88px;height:132px;left:28%;top:26px;transform:rotate(-18deg);border-radius:40% 40% 10% 10%/12% 12% 8% 8%;border:1px solid #f6ffff;background:radial-gradient(circle,rgba(255,255,255,.9) 0 22%,rgba(76,169,220,.55) 26% 48%,transparent 55%) 0 0/19px 19px,linear-gradient(100deg,#dbf7ff,#78b8dc);box-shadow:15px 15px 25px rgba(7,55,96,.2)}
.material-roll:before{content:"";position:absolute;top:-8px;left:0;width:100%;height:23px;border-radius:50%;background:radial-gradient(ellipse,#236c9c 0 18%,#e3faff 20% 45%,#7bbbdc 80%)}
.material-swatch{position:absolute;width:125px;height:85px;right:10%;bottom:15px;transform:rotate(-14deg);border-radius:10px;border:1px solid #e9faff;background:radial-gradient(circle,rgba(255,255,255,.9) 0 24%,rgba(65,163,218,.5) 30% 48%,transparent 54%) 0 0/22px 22px,linear-gradient(130deg,#d9f7ff,#7dc2e9);box-shadow:12px 12px 22px rgba(6,51,88,.15)}
.type-strong .material-visual{background:linear-gradient(130deg,#d9f0ff,#8fc6e9)}.type-plus .material-visual{background:linear-gradient(130deg,#d0e8fc,#72abd8)}.type-extra .material-visual{background:linear-gradient(130deg,#b9dafa,#4c89b8)}
.type-strong .material-swatch{background-size:19px 19px,auto}.type-plus .material-swatch{background-size:16px 16px,auto}.type-extra .material-swatch{background-size:13px 13px,auto}
.type-card .card-badge{display:inline-block;margin:18px 22px 0}.type-card h3,.type-card>p,.type-card .card-use{margin-left:22px;margin-right:22px}.type-card h3{font-size:27px}.type-card>p{font-size:14px}.type-card .card-use{margin-top:auto}
.type-note{margin-top:25px}
.showcase{background:#071f3b;color:#fff;overflow:hidden}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;min-height:470px;padding-block:65px}.showcase-visual{height:360px;position:relative;isolation:isolate}.showcase-orbit{position:absolute;inset:2% 15%;border:1px solid rgba(121,215,255,.25);border-radius:50%;box-shadow:0 0 0 40px rgba(77,168,230,.04),0 0 0 90px rgba(77,168,230,.025)}.showcase-swatch{position:absolute;inset:12% 16%;transform:rotate(-11deg);border:2px solid #e2f9ff;border-radius:25px;background:radial-gradient(circle,rgba(240,252,255,.9) 0 25%,rgba(77,172,226,.7) 29% 47%,transparent 55%) 0 0/66px 66px,linear-gradient(140deg,#d8f6ff,#4d9dd0);box-shadow:25px 30px 50px rgba(0,0,0,.3)}.showcase-label{position:absolute;bottom:0;left:5%;font-size:11px;letter-spacing:.18em;color:#a7d7f3}.showcase-copy h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.04em}.showcase-copy p{color:#c3daeb;line-height:1.85;margin:20px 0 28px}.showcase-copy .section-kicker{color:#8bd7ff}
.guide{background:#eaf5fd}.application-grid article{padding:34px;min-height:240px}.faq{background:#f2f7fb}.closing{background:linear-gradient(115deg,#05264b,#0b6099)}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.9)}.showcase-grid{gap:35px}}
@media(max-width:760px){.container{width:min(100% - 32px,1260px)}.hero-grid{grid-template-columns:1fr;min-height:0;padding-block:60px 35px}.hero h1{font-size:clamp(39px,9vw,58px)}.hero-art{height:340px;transform:none}.roll-back{width:115px;height:230px;left:12%;top:25%}.roll-front{width:155px;height:285px;left:40%;top:17%}.bubble-sheet{height:115px}.hero-proof{margin-top:30px}.hero-proof strong{font-size:18px}.hero-proof>div{padding:0 9px}.showcase-grid{grid-template-columns:1fr;gap:15px;padding-block:45px}.showcase-visual{height:270px}.type-card{min-height:0}.material-visual{height:150px}}
@media(max-width:480px){.hero-proof span{font-size:10px}.hero-proof strong{font-size:16px}.type-grid{grid-template-columns:1fr}.material-visual{height:185px}}
@media(prefers-reduced-motion:reduce){.type-card{transition:none}}

/* V3: πραγματικές φωτογραφίες προϊόντων από το PackagingSolutions.gr */
.hero-product-photo{display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-product-photo .art-glow{z-index:-1}
.hero-photo-frame{position:relative;z-index:1;width:min(100%,510px);padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035));border:1px solid rgba(193,229,255,.32);border-radius:26px;box-shadow:0 30px 70px rgba(0,10,35,.3);transform:rotate(-3deg)}
.hero-photo-frame img{display:block;width:100%;height:auto;aspect-ratio:453/262;object-fit:contain;border-radius:15px;background:#fff}
.hero-product-photo .art-caption{position:absolute;top:9%;left:5%;z-index:2}
.hero-product-photo .art-label{z-index:2;right:0;bottom:10%}
.material-photo{display:block;width:100%;height:170px;overflow:hidden;border-radius:12px;background:#f4f8fc}
.material-photo img{display:block;width:100%;height:100%;object-fit:contain}
.showcase-photo{display:flex;align-items:center;justify-content:center;overflow:hidden}
.showcase-photo img{display:block;width:min(100%,530px);height:auto;max-height:320px;object-fit:contain;border-radius:15px;background:#fff;box-shadow:0 16px 40px rgba(0,18,45,.18)}
.showcase-photo .showcase-label{z-index:2}
@media(max-width:760px){.hero-photo-frame{width:88%;padding:13px;transform:rotate(-2deg)}.hero-product-photo .art-caption{top:3%}.hero-product-photo .art-label{bottom:0}.material-photo{height:155px}}

/* V4: πιο ισορροπημένος τίτλος hero */
.hero h1{font-size:clamp(34px,3.1vw,49px);line-height:1.13;letter-spacing:-.045em;max-width:670px}
@media(max-width:760px){.hero h1{font-size:clamp(31px,7vw,42px);line-height:1.15}}
@media(max-width:480px){.hero h1{font-size:clamp(29px,7.6vw,36px)}}
/* Χαρτοκιβώτια χονδρική — ειδικές απεικονίσεις */
.hero h1{font-size:clamp(34px,3.5vw,52px);line-height:1.13;max-width:670px}
.hero-grid{min-height:610px;padding-block:65px}
.carton-art{display:flex;align-items:center;justify-content:center}
.carton-stack{position:relative;width:100%;height:390px;filter:drop-shadow(0 30px 35px rgba(0,9,28,.35))}
.carton{position:absolute;width:240px;height:195px;background:linear-gradient(110deg,#d8aa6c,#b87b3c);border:2px solid #f3c48a;clip-path:polygon(0 20%,70% 0,100% 20%,100% 84%,30% 100%,0 80%);box-shadow:inset -24px -10px 25px rgba(88,45,9,.18)}
.carton:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 31%,rgba(86,48,14,.45) 31.5%,transparent 32.5%),linear-gradient(30deg,transparent 62%,rgba(96,53,14,.42) 62.5%,transparent 63.5%),linear-gradient(90deg,transparent 69%,rgba(86,46,11,.27) 70%,transparent 71%)}
.carton span{position:absolute;left:35%;top:13%;height:15%;width:23%;background:rgba(251,222,173,.7);transform:skewY(-10deg)}
.carton-back{left:11%;top:9%;transform:rotate(-8deg) scale(.8);filter:brightness(.8)}
.carton-front{left:39%;top:27%;transform:rotate(5deg) scale(1.16)}
.carton-small{left:9%;top:51%;transform:rotate(-4deg) scale(.67);filter:brightness(1.12)}
.box-mark{display:flex;align-items:center;justify-content:center;position:relative;transform:none}
.box-mark i{display:none}.box-mark:before{content:"";width:23px;height:21px;background:#c8914d;clip-path:polygon(0 25%,70% 0,100% 25%,100% 80%,30% 100%,0 80%);border:1px solid #f1d0a0}
.carton-card-art{background:linear-gradient(130deg,#f8edda,#e5c49a);display:flex;align-items:center;justify-content:center}
.type-five .carton-card-art{background:linear-gradient(130deg,#e7d3b5,#b88c57)}
.type-pallet .carton-card-art{background:linear-gradient(130deg,#d9e5ee,#9cb4c7)}
.type-special .carton-card-art{background:linear-gradient(130deg,#e8e1d3,#c8b49a)}
.mini-carton{width:120px;height:100px;background:linear-gradient(120deg,#c9914f,#a76c30);clip-path:polygon(0 25%,70% 0,100% 25%,100% 82%,30% 100%,0 80%);filter:drop-shadow(10px 12px 9px rgba(73,40,11,.2));position:relative}
.mini-carton:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 31%,rgba(67,37,12,.4) 32%,transparent 33%),linear-gradient(90deg,transparent 69%,rgba(67,37,12,.3) 70%,transparent 71%)}
.visual-index{position:absolute;right:17px;top:13px;font-size:14px;font-weight:800;letter-spacing:.08em;color:#825225}
.carton-showcase{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:visible}
.carton-showcase .carton-front{left:28%;top:20%;transform:scale(1.1) rotate(3deg)}
.carton-showcase .carton-small{left:3%;top:43%;transform:scale(.7) rotate(-8deg)}
.carton-showcase .showcase-label{bottom:5px;left:4%}
@media(max-width:760px){.hero h1{font-size:clamp(31px,7.2vw,42px)}.hero-grid{min-height:0;padding-block:55px 30px}.carton-stack{height:320px}.carton-art{height:340px}.carton-front{left:32%;top:28%}.carton-back{left:3%}.carton-small{left:0}.carton-showcase .carton-front{left:25%}}
@media(max-width:480px){.hero h1{font-size:clamp(29px,7.6vw,36px)}.carton-stack{transform:scale(.76);transform-origin:center}.carton-showcase .carton-front{left:20%}}

/* V2: real Packaging Solutions product photographs */
.hero-product-photo{display:flex;align-items:center;justify-content:center;isolation:isolate;transform:none}
.hero-product-photo .art-glow{z-index:-1}
.hero-photo-frame{position:relative;z-index:1;width:min(100%,520px);padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));border:1px solid rgba(193,229,255,.3);border-radius:24px;box-shadow:0 28px 65px rgba(0,10,35,.3);transform:rotate(-2deg)}
.hero-photo-frame img{display:block;width:100%;height:auto;aspect-ratio:453/262;object-fit:contain;background:#fff;border-radius:14px}
.hero-product-photo .art-caption{z-index:2;top:6%;left:5%}
.hero-product-photo .art-label{z-index:2;right:0;bottom:6%}
.material-photo{display:block;background:#fff;height:170px}
.material-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;background:#fff}
.material-photo .visual-index{position:absolute;right:12px;bottom:10px;background:#eaf4fb;border-radius:6px;padding:2px 7px}
.showcase-photo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5eff8,#f9fcff);overflow:hidden}
.showcase-photo img{display:block;width:90%;max-height:90%;height:auto;object-fit:contain;border-radius:12px}
@media(max-width:760px){.hero-product-photo{height:330px;transform:none}.hero-photo-frame{width:90%;padding:12px;transform:rotate(-1deg)}.hero-product-photo .art-caption{top:2%}.hero-product-photo .art-label{bottom:0}.material-photo{height:160px}}
@media(max-width:480px){.hero-product-photo{height:290px}}
