/*
Theme Name: FIVA Modern
Description: FIVA modern WooCommerce child theme based on Astra.
Version: 1.2.0
Template: astra
*/
:root{--cream:#f4efe6;--paper:#fffdf8;--ink:#20231d;--olive:#4f5941;--line:#ded8cc}
*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}
.fiva-top{background:var(--ink);color:#fff;padding:9px 5%;font-size:12px;letter-spacing:.12em;text-align:center}
.fiva-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid var(--line)}
.fiva-logo{font:700 28px Georgia,serif;letter-spacing:.18em;color:var(--ink);text-decoration:none}.fiva-links{display:flex;gap:24px;align-items:center}.fiva-links a{color:var(--ink);text-decoration:none;font-size:14px}.fiva-cart{border:1px solid #aaa397;padding:10px 15px;border-radius:999px}
.fiva-hero{max-width:1400px;margin:auto;padding:55px 5% 75px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.fiva-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--olive);font-weight:bold}.fiva-hero h1{font:500 clamp(55px,7vw,96px)/.93 Georgia,serif;margin:18px 0 25px}.fiva-hero p{font-size:18px;line-height:1.65;color:#5a5a51;max-width:560px}.fiva-btn{display:inline-block;margin-top:20px;padding:14px 22px;background:var(--ink);color:#fff;text-decoration:none;border-radius:999px}
.fiva-hero-art{min-height:510px;background:url('assets/hero.jpg') center/cover;border-radius:4px;box-shadow:0 22px 60px #20231d22}
.fiva-section{max-width:1400px;margin:auto;padding:70px 5%}.fiva-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.fiva-section h2{font:500 42px Georgia,serif;margin:0}.fiva-head p{color:#68675f}
.fiva-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fiva-cat{min-height:310px;padding:25px;display:flex;align-items:end;color:#fff;text-decoration:none;position:relative;background-size:cover;background-position:center}.fiva-cat:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0009)}.fiva-cat span{position:relative;z-index:1;font:27px Georgia,serif}.r{background-image:url('assets/cat-restorani.jpg')}.d{background-image:url('assets/cat-domacinstvo.jpg')}.g{background-image:url('assets/cat-grbovi.jpg')}.i{background-image:url('assets/cat-ikone.jpg')}
.fiva-products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.fiva-product{background:var(--paper);padding:12px;text-decoration:none;color:var(--ink)}.fiva-product img{width:100%;aspect-ratio:1;object-fit:cover}.fiva-product h3{font:500 19px Georgia,serif;margin:15px 4px 7px}.fiva-price{margin:0 4px 12px;font-weight:bold}
.fiva-story{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr}.fiva-story-img{min-height:470px;background:url('assets/story.jpg') center/cover}.fiva-story-copy{padding:65px 8%}.fiva-story h2{font:500 48px Georgia,serif}.fiva-story p{line-height:1.8;color:#d8d6ce}.fiva-benefits{display:grid;grid-template-columns:repeat(4,1fr);background:var(--line)}.fiva-benefit{background:var(--paper);padding:28px 20px}.fiva-benefit strong{display:block;margin-bottom:7px}.fiva-benefit span{font-size:13px;color:#68675f}.fiva-footer{background:var(--ink);color:#fff;padding:45px 5%;display:flex;justify-content:space-between}.fiva-footer a{color:#fff}
@media(max-width:900px){.fiva-hero{grid-template-columns:1fr}.fiva-cats,.fiva-products{grid-template-columns:repeat(2,1fr)}.fiva-story{grid-template-columns:1fr}.fiva-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.fiva-links a:not(.fiva-cart){display:none}.fiva-hero-art{min-height:300px}.fiva-cats,.fiva-products{gap:10px}.fiva-cat{min-height:220px;padding:16px}.fiva-section{padding:48px 5%}.fiva-section h2{font-size:34px}.fiva-benefits{grid-template-columns:1fr}}