
@font-face{font-family:OpenSans;src:url('../fonts/open-sans-v13-greek-ext_latin-ext_latin_cyrillic_greek_cyrillic-ext-regular.woff2') format('woff2');font-weight:400}
@font-face{font-family:OpenSans;src:url('../fonts/open-sans-v13-greek-ext_latin-ext_latin_cyrillic_greek_cyrillic-ext-700.woff2') format('woff2');font-weight:700}
:root{--yellow:#f7c900;--brown:#3a2a24;--coffee:#6f4e37;--cream:#f8f4ec;--ink:#211c19;--muted:#746a63;--line:#e7ded4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:OpenSans,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:var(--brown);color:#fff;font-size:13px;padding:7px 0}.topbar .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;gap:28px}.brand{font-weight:800;font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:11px;color:var(--brown)}.brand-mark{width:38px;height:38px;border-radius:50%;background:var(--yellow);display:grid;place-items:center}.brand-mark svg{width:22px;height:22px}.navlinks{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:14px}.navlinks a:hover{color:var(--coffee)}.menu-btn{display:none;margin-left:auto;border:0;background:var(--yellow);width:42px;height:42px;border-radius:9px;font-size:22px}.btn{display:inline-block;background:var(--yellow);color:#17120f;padding:13px 22px;border-radius:4px;font-weight:700;border:0}.btn.dark{background:var(--brown);color:#fff}.hero{min-height:570px;background:linear-gradient(90deg,rgba(20,14,11,.78),rgba(20,14,11,.18)),url('../images/frontpage_canada.jpg') center/cover;display:flex;align-items:center;color:#fff}.hero-box{max-width:640px;padding:76px 0}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:13px;color:var(--yellow);font-weight:700}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.02;margin:12px 0 18px;letter-spacing:-2px}.hero p{font-size:19px;max-width:560px}.section{padding:72px 0}.section.alt{background:var(--cream)}.section h2{font-size:34px;line-height:1.2;margin:0 0 12px;color:var(--brown)}.lead{font-size:18px;color:var(--muted);max-width:780px}.grid{display:grid;gap:24px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 26px rgba(43,30,23,.06)}.card img{width:100%;height:220px;object-fit:cover}.card .pad{padding:22px}.card h3{margin:0 0 7px;color:var(--brown);font-size:21px}.price{font-weight:800;color:var(--coffee);margin-top:10px}.hero-small{height:340px;display:flex;align-items:end;color:#fff;background-position:center;background-size:cover}.hero-small .overlay{width:100%;padding:54px 0;background:linear-gradient(0deg,rgba(24,16,12,.8),rgba(24,16,12,0))}.hero-small h1{font-size:46px;margin:0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.split img{border-radius:14px;max-height:460px;width:100%;object-fit:cover}.timeline{border-left:4px solid var(--yellow);padding-left:26px}.timeline .item{margin:0 0 28px}.timeline strong{color:var(--coffee);font-size:20px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.fact{padding:22px;border-radius:10px;background:#fff;border:1px solid var(--line)}.fact b{font-size:26px;color:var(--coffee)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.location{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #d9cec5;border-radius:6px;font:inherit}.form textarea{min-height:130px}.newsletter{background:var(--yellow);padding:28px 0}.newsletter .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.newsletter input{padding:12px;border:0;border-radius:4px;min-width:280px}.footer{background:var(--brown);color:#eee;padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer h4{color:var(--yellow);margin-top:0}.footer a{display:block;color:#e8dfd8;margin:7px 0}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:25px;padding-top:18px;color:#c7bbb3;font-size:13px}.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.product-hero img{max-height:520px;width:100%;object-fit:contain;background:var(--cream);border-radius:16px}.tag{display:inline-block;background:#f2eadf;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--coffee);font-weight:700}.notice{background:#fff5cc;border-left:5px solid var(--yellow);padding:16px 18px;border-radius:6px}.iconrow{display:flex;gap:14px;align-items:flex-start}.icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--yellow);display:grid;place-items:center}.icon svg{width:21px;height:21px}.gallery{grid-template-columns:repeat(3,1fr)}.gallery img{height:280px;width:100%;object-fit:cover;border-radius:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.breadcrumbs{font-size:13px;color:var(--muted);padding:16px 0}.empty-state{padding:30px;border:1px dashed #ccbfb5;border-radius:12px;background:#fff}.payments{display:flex;gap:12px;align-items:center}.payments img{height:28px;width:auto}.cookie-box{max-width:850px}
@media(max-width:850px){.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu-btn{display:block}.grid.three,.grid.four,.facts,.gallery,.footer-grid,.split,.contact-grid,.product-hero{grid-template-columns:1fr}.hero{min-height:500px}.hero-box{padding:60px 0}.newsletter .container{flex-direction:column;align-items:flex-start}.newsletter input{min-width:0;width:100%}.hero-small h1{font-size:36px}}
