/*
Theme Name: Maison Tile HU-RO
Description: Kétnyelvű magyar-román WooCommerce webshop.
Version: 4.0
*/
:root{--ink:#171717;--muted:#706b63;--paper:#fcfaf6;--cream:#eee7dc;--line:#ddd5c9;--gold:#9a7948;--max:1260px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 28px}
.top{background:#171717;color:#eee;text-align:center;padding:8px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.header{position:sticky;top:0;z-index:50;background:#fcfaf6f5;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:25px Georgia,serif;letter-spacing:.18em}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:.3em;text-align:center;color:#777}.links{display:flex;gap:28px;font-size:12px;letter-spacing:.1em}.tools{display:flex;gap:14px;align-items:center;font-size:12px}.lang a{padding:6px 8px;border:1px solid var(--line)}.lang .active{background:#171717;color:#fff}
.hero{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(120deg,#e5ddd0,#faf7f1 55%,#d0c3b0)}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #6b553633;border-radius:50%;right:-170px;top:-100px}.hero .wrap{width:100%}.copy{max-width:730px;position:relative;z-index:1}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.26em;text-transform:uppercase;margin-bottom:18px}.hero h1{font:normal clamp(50px,7vw,94px)/.9 Georgia,serif;letter-spacing:-.05em;margin:0 0 28px}.hero p{max-width:600px;color:#514c46;font-size:18px;margin-bottom:34px}.btn{display:inline-block;background:#171717;color:#fff;padding:15px 26px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.section{padding:95px 0}.alt{background:var(--cream)}.head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.head h2{font:normal clamp(37px,4.5vw,60px)/1 Georgia,serif;margin:0}.head p{max-width:480px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0001}.pic{aspect-ratio:1;background:#e6dfd4;display:flex;align-items:center;justify-content:center;color:#766b5c;font-size:10px;letter-spacing:.12em}.pic img{width:100%;height:100%;object-fit:cover}.info{padding:20px}.info h3{font:normal 20px/1.2 Georgia,serif;margin:0 0 10px}.price{font-weight:bold}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.feature{background:var(--paper);padding:34px}.feature b{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.feature p{color:var(--muted);font-size:14px}.story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.visual{min-height:520px;background:linear-gradient(135deg,#b7aa97,#eee8de 55%,#9d8a70);position:relative}.visual:before{content:"";position:absolute;inset:35px;border:1px solid #ffffffaa}.story h2{font:normal clamp(40px,5vw,65px)/1.02 Georgia,serif;margin:0 0 20px}.story p{color:var(--muted)}.footer{background:#151515;color:#eee;padding:70px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer h3{font:normal 26px Georgia,serif}.footer h4{font-size:11px;letter-spacing:.15em}.footer a,.footer p{color:#aaa;font-size:13px}.copyright{border-top:1px solid #333;margin-top:45px;padding-top:20px;color:#777;font-size:11px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.woocommerce ul.products li.product{width:auto;margin:0;background:#fff;border:1px solid var(--line);padding:0 0 18px}.woocommerce ul.products li.product .button,.woocommerce button.button,.woocommerce a.button{border-radius:0;background:#171717;color:#fff}.woocommerce div.product .product_title{font:normal 50px/1.05 Georgia,serif}.woocommerce div.product p.price{color:#171717}
@media(max-width:900px){.links{display:none}.grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{padding:0 17px}.hero{min-height:610px}.grid,.woocommerce ul.products,.features{grid-template-columns:1fr}.section{padding:65px 0}.head{display:block}.head p{margin-top:15px}.footgrid{grid-template-columns:1fr}.brand{font-size:20px}}
