/*
Theme Name: LILLIA One Page
Version: 1.7.0
Description: Czech and English LILLIA foodservice brand website.
Author: Gezgin Outdoor
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--ink:#482119;--cream:#f8f4ed;--muted:#76645b;--line:#e6dcd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:10;background:#fffdf9f2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{max-width:1240px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:10px 28px;gap:25px}.logo{width:82px;height:65px;object-fit:contain}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-size:14px}button,.button{border:1px solid var(--ink);background:var(--ink);color:white;padding:13px 24px;border-radius:3px;cursor:pointer;font:inherit;text-decoration:none;display:inline-block}.lang{padding:6px 11px;background:transparent;color:var(--ink);font-size:13px}.lang[aria-pressed=true]{background:var(--ink);color:#fff}.wrap{max-width:1240px;margin:auto;padding:80px 28px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;min-height:630px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:bold;color:#93704f}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.12}h1{font-size:clamp(43px,5vw,72px);margin:20px 0 25px;letter-spacing:-2px}h2{font-size:clamp(34px,4vw,49px);margin:12px 0 22px}h3{font-size:27px;margin:18px 0 10px}p{color:var(--muted)}.hero p{font-size:18px;max-width:460px}.hero .button{margin-top:20px}.hero figure{margin:0;background:white;border-radius:160px 160px 12px 12px;overflow:hidden;padding:28px 20px}.hero figure img{height:460px;width:100%;object-fit:contain}.strip{background:var(--ink);color:#fff3df;display:flex;justify-content:center;gap:65px;padding:19px 25px;font-size:12px;letter-spacing:2px;text-transform:uppercase}.intro{max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;height:300px;object-fit:contain;background:#fff;padding:14px}.card .copy{padding:5px 25px 28px}.meta{font-size:12px;letter-spacing:1px;color:#93704f}.tag{display:inline-block;border:1px solid #e3d5bd;background:#fbf5e9;padding:3px 9px;font-size:11px;border-radius:20px}.collection{background:#eee6db}.collection img{border-radius:6px;margin-top:35px}.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.uses article{border-top:1px solid #bfa98d;padding-top:20px}.uses b{font:italic 32px Georgia;color:#ad8a60}.contact{background:var(--ink);color:#fff6e8}.contact p{color:#e3cdbd}.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact a{color:#fff6e8}.contact .button{background:#fff6e8;color:var(--ink);border-color:#fff6e8}.company{border-left:1px solid #896255;padding-left:45px}.fine{font-size:12px}footer{padding:25px 28px;display:flex;justify-content:space-between;gap:20px;max-width:1240px;margin:auto;font-size:12px;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:15px;z-index:20}:focus-visible{outline:3px solid #b98a48;outline-offset:4px}@media(max-width:800px){.nav{gap:10px;padding:8px 18px}nav{gap:13px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:28px;padding-top:45px}.hero figure img{height:350px}.wrap{padding:55px 22px}.grid{grid-template-columns:repeat(2,1fr)}.strip{gap:20px;font-size:10px}.contact .wrap{grid-template-columns:1fr;gap:25px}.company{border-left:0;border-top:1px solid #896255;padding:25px 0 0}.uses{gap:20px}h1{letter-spacing:-1px}}@media(max-width:520px){nav a:first-child{display:none}.grid,.uses{grid-template-columns:1fr}.card img{height:330px}.logo{width:65px;height:55px}.lang{padding:5px 8px}.strip{flex-wrap:wrap;gap:8px 22px}.hero figure img{height:290px}footer{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.photo-banner{position:relative;background:#302018;isolation:isolate;overflow:hidden}.photo-banner>img{width:100%;height:clamp(350px,34vw,540px);object-fit:cover}.photo-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,15,10,.74),rgba(25,15,10,.22) 43%,transparent 68%);z-index:1}.banner-copy{position:absolute;left:max(28px,calc((100% - 1184px)/2));top:50%;transform:translateY(-50%);z-index:2;color:#fff8ed;max-width:450px}.banner-copy .eyebrow{color:#ecd1a8}.banner-copy h2{font-size:clamp(32px,3.6vw,54px);text-shadow:0 2px 12px #26180e66}.banner-copy a{color:#fff8ed;text-underline-offset:7px;font-size:14px}.hero figure{border-radius:130px 130px 12px 12px}@media(max-width:600px){.photo-banner>img{height:420px;object-position:63% center}.banner-copy{left:22px;max-width:265px;top:auto;bottom:28px;transform:none}.banner-copy h2{font-size:32px}.photo-banner:after{background:linear-gradient(0deg,rgba(25,15,10,.86),rgba(25,15,10,.08) 85%)}.banner-copy .eyebrow{font-size:9px}}

/* Larger original textured brand artwork and new slogan. */
.logo{width:108px;height:86px}.hero-logo{width:clamp(210px,23vw,290px);height:auto;max-width:80%;margin:0 0 6px}.hero h1.hero-slogan{font-size:clamp(34px,4vw,51px);letter-spacing:-1px;margin:10px 0 22px}.hero{padding-top:50px;padding-bottom:60px}@media(max-width:800px){.logo{width:85px;height:68px}.hero-logo{width:240px}}@media(max-width:520px){.logo{width:76px;height:60px}.hero-logo{width:210px}.hero h1.hero-slogan{font-size:37px}.hero{padding-top:34px}}

/* v1.3 packaging table */
.specs{padding-top:0}.specs-lead{max-width:640px}.table-scroll{overflow-x:auto;margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:6px}.spec-table{width:100%;border-collapse:collapse;min-width:680px;font-size:15px}.spec-table th{background:var(--ink);color:#fff3df;text-align:left;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:15px 18px;font-weight:bold}.spec-table td{padding:17px 18px;border-top:1px solid var(--line);color:var(--muted)}.spec-table tbody tr:nth-child(even){background:#fbf8f3}.spec-table td b{color:var(--ink);font-family:Georgia,serif;font-weight:normal;font-size:19px}

/* v1.4 contact redesign, no mailto, banner without dark veil */
.contact .wrap{display:block;padding:90px 28px}.c-head{max-width:640px;margin-bottom:46px}.c-cards{display:grid;grid-template-columns:1.15fr .85fr 1.3fr;gap:18px}.c-card{background:#5a2c22;border:1px solid #7a4a3d;border-radius:8px;padding:26px 28px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.c-label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#d4b58c;font-weight:bold}.c-value{font:normal 25px/1.25 Georgia,serif;color:#fff6e8;text-decoration:none;word-break:break-word}a.c-value:hover{color:#ecd1a8}.c-sub{font-size:14px;color:#e3cdbd;line-height:1.6}
.spec-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0 0}.spec-photos img{width:100%;height:300px;object-fit:cover;border-radius:8px;background:#fff;border:1px solid var(--line)}
.photo-banner:after{display:none}.banner-copy{background:rgba(255,250,242,.94);color:var(--ink);padding:30px 36px;border-radius:6px;max-width:440px}.banner-copy .eyebrow{color:#93704f}.banner-copy h2{text-shadow:none;font-size:clamp(28px,3vw,42px);margin:10px 0 16px}.banner-copy a{color:var(--ink);font-weight:bold}
@media(max-width:800px){.c-cards{grid-template-columns:1fr}.spec-photos{grid-template-columns:1fr}.spec-photos img{height:240px}}@media(max-width:600px){.banner-copy{left:16px;right:16px;max-width:none;bottom:16px;padding:20px 22px}.banner-copy h2{font-size:26px}.photo-banner:after{display:none}}
@media(max-width:600px){.photo-banner{background:var(--ink)}.photo-banner>img{height:280px;object-position:60% center}.banner-copy{position:static;transform:none;max-width:none;border-radius:0;background:#fffaf2;padding:24px 22px}}

/* v1.5 */
.copybtn{margin-top:6px;padding:7px 16px;font-size:12px;letter-spacing:1px;background:transparent;color:#fff6e8;border:1px solid #b99a7e;border-radius:20px}.copybtn:hover{background:#fff6e8;color:var(--ink)}
.card .shot{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;padding:22px;border-bottom:1px solid var(--line)}.card .shot img{width:100%;height:100%;object-fit:contain;padding:0;background:none}
.spec-photos img{height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:10px}
.collection img{width:100%;height:auto;max-width:1100px;margin-left:auto;margin-right:auto}
.hero figure img{object-fit:contain}
@media(max-width:520px){.card .shot{aspect-ratio:1/1}.spec-photos img{height:auto}.card img{height:auto}}
.card .shot{padding:38px}.card .shot img[src$=".jpg"]{mix-blend-mode:multiply}
.card .shot{position:relative;padding:0;display:block}.card .shot img{position:absolute;left:36px;top:36px;width:calc(100% - 72px);height:calc(100% - 72px);object-fit:contain;padding:0}
@media(max-width:520px){.card .shot img{left:24px;top:24px;width:calc(100% - 48px);height:calc(100% - 48px)}}

/* v1.6 header, banners, cards, buttons */
.nav{min-height:96px;gap:30px}nav{flex:1;display:flex;gap:0}nav a{flex:1;text-align:center;font:normal 24px Georgia,serif;padding:8px 0;position:relative;color:var(--ink)}nav a+a:before{content:"";position:absolute;left:0;top:50%;height:24px;width:1px;background:#cfb894;transform:translateY(-50%)}nav a:hover{color:#93704f}
.nav>div:last-child{display:flex;gap:12px;align-items:center}.nav .lang{width:40px;height:40px;padding:0;border-radius:50%;background:var(--ink);color:#fff;border:0;font:bold 12px Arial,sans-serif;letter-spacing:.5px}.nav .lang[aria-pressed=true]{box-shadow:0 0 0 3px #fffdf9,0 0 0 5px #b98a48}.nav .lang[aria-pressed=false]{opacity:.82}
.strip-top{gap:0;padding:0}.strip-top span{padding:17px 46px;font-size:13px;letter-spacing:3px;position:relative}.strip-top span+span:before{content:"";position:absolute;left:0;top:50%;height:14px;width:1px;background:#a98a6a;transform:translateY(-50%)}
.button{border-radius:999px;padding:15px 38px;letter-spacing:.4px;transition:background .2s}.button:hover{background:#6b3a2c}
.eyebrow{font-size:15px;letter-spacing:3.5px;color:#9a7142}.contact .eyebrow{font-size:14px}
.banner-band{background:#efe6da;padding:46px 28px}.banner-frame{max-width:1184px;margin:auto;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(72,33,25,.18)}.banner-frame img{width:100%;height:auto;display:block}
.card{border-radius:24px;border:1px solid #e6d5bb;box-shadow:0 10px 28px rgba(72,33,25,.06);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(72,33,25,.13)}
.card .shot{margin:14px 14px 0;border-bottom:0;border-radius:18px;background:radial-gradient(circle at 50% 38%,#fffefb 0,#f6ede0 100%)}.card .shot:after{content:"";position:absolute;inset:9px;border:1px solid rgba(185,138,72,.38);border-radius:13px;pointer-events:none}
.card .copy{padding:24px 28px 32px;text-align:center}.card h3{margin:0 0 4px}.card h3:after{content:"";display:block;width:38px;height:1px;background:#c9a46b;margin:13px auto 12px}.card .meta{margin-bottom:10px;text-transform:uppercase;font-size:11px;letter-spacing:2px}.card .copy a{display:inline-block;margin-top:6px;font-size:14px;color:#93704f;text-underline-offset:6px}
@media(max-width:800px){.nav{gap:12px;min-height:80px}nav a{font-size:17px}.strip-top span{padding:14px 18px;font-size:11px;letter-spacing:2px}.banner-band{padding:30px 18px}.banner-frame{border-radius:16px}}
@media(max-width:520px){nav a:first-child{display:none}nav a{font-size:15px}.strip-top{flex-wrap:wrap}.strip-top span{padding:12px 14px;font-size:10px}.nav .lang{width:34px;height:34px;font-size:11px}.eyebrow{font-size:13px}}

/* v1.7 full-width banners restored (uncropped), hero slogan centred, equal strips */
.hero h1.hero-slogan{width:clamp(210px,23vw,290px);max-width:80%;text-align:center;margin-left:0}
.hero figure img{height:498px}
.photo-banner{position:relative;background:#302018;isolation:isolate;overflow:hidden}
.photo-banner>img{width:100%;height:auto;max-height:none;object-fit:fill;display:block}
.photo-banner:after{display:none}
.banner-copy{position:absolute;left:max(28px,calc((100% - 1184px)/2));top:50%;transform:translateY(-50%);z-index:2;max-width:390px;background:rgba(255,250,242,.95);color:var(--ink);padding:30px 36px 32px;border-radius:6px}
.banner-copy .eyebrow{font-size:13px;color:#93704f}.banner-copy h2{font-size:clamp(28px,3vw,42px);margin:10px 0 0;text-shadow:none}
@media(max-width:900px){.photo-banner>img{height:auto}.banner-copy{position:static;transform:none;max-width:none;border-radius:0;padding:24px 22px;background:#fffaf2}.hero figure img{height:388px}}
@media(max-width:600px){.photo-banner>img{height:auto;object-position:center}.banner-copy h2{font-size:28px}.hero figure img{height:328px}}