:root{--green:#0d3b2b;--green2:#176146;--ivory:#f7f3e9;--gold:#c39748;--ink:#17201b;--muted:#68736c;--line:#dde3dc;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px clamp(20px,4vw,64px);background:rgba(247,243,233,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,59,43,.1)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:92px;height:48px;object-fit:contain}.brand span{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green2)}.desktop-nav{display:flex;gap:28px;font-size:14px;font-weight:700}.desktop-nav a{padding:10px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--gold);transition:.25s}.desktop-nav a:hover:after,.desktop-nav .active:after{right:0}.header-actions{display:flex;align-items:center;gap:12px}.quote-link{padding:13px 18px;border-radius:999px;background:var(--green);color:#fff;font-weight:700;font-size:13px}.quote-link b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;border-radius:50%;background:var(--gold);color:#10291f}.menu-button{display:none;border:0;background:var(--green);color:#fff;width:44px;height:44px;border-radius:12px}.mobile-menu{display:none;padding:10px 22px;background:#fff;border-bottom:1px solid var(--line)}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}.hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;padding:80px clamp(20px,5vw,80px) 65px;background:linear-gradient(135deg,#0b3225,#15543e);color:#fff;overflow:hidden;position:relative}.hero:after{content:"DARNA";position:absolute;right:-2vw;bottom:-4vw;font:700 clamp(110px,20vw,320px)/.8 Georgia,'Times New Roman';color:rgba(255,255,255,.035)}.hero>div{position:relative;z-index:1}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.2em;color:#e2c589}.hero h1{margin:12px 0 20px;font:700 clamp(42px,6vw,86px)/.98 Georgia,'Times New Roman';max-width:950px}.hero h1 em{font-weight:600;color:#e8c77e}.hero p:not(.eyebrow){max-width:690px;color:#d8e5df;font-size:17px;line-height:1.7}.hero-stat{display:grid;place-items:center;width:170px;height:170px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.hero-stat strong{font:700 52px/1 Georgia,'Times New Roman';color:#e8c77e}.hero-stat span{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.catalog-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:35px;padding:55px clamp(20px,5vw,80px) 90px}.filters{align-self:start;position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:800}.filter-title button{border:0;background:none;color:var(--green2);font-size:12px;cursor:pointer}.category-filters{display:grid;gap:7px}.category-filter{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border:0;border-radius:12px;background:transparent;text-align:left;color:#415048;cursor:pointer}.category-filter:hover,.category-filter.active{background:var(--green);color:#fff}.category-filter span{font-size:11px;min-width:28px;text-align:center;padding:3px 6px;background:rgba(195,151,72,.2);border-radius:999px}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:16px;margin-bottom:24px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 18px}.search input{width:100%;height:52px;border:0;outline:0;background:transparent}.results{color:var(--muted);white-space:nowrap}.view-buttons{display:flex;gap:5px}.view-buttons button{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer}.view-buttons button.active{background:var(--green);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;overflow:hidden;transition:.28s}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(18,54,39,.13)}.product-image{display:grid;place-items:center;height:260px;border-radius:17px;background:linear-gradient(145deg,#f6f8f2,#edf1e9);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:18px;transition:.35s}.product-card:hover .product-image img{transform:scale(1.05)}.category-tag{display:inline-block;margin-top:16px;color:var(--green2);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.product-card h2{margin:8px 0 4px;font:700 23px/1.2 Georgia,'Times New Roman'}.arabic{color:var(--muted);font-size:14px;min-height:21px}.packing{margin:12px 0;color:var(--muted);font-size:13px}.card-actions{display:flex;gap:9px;margin-top:17px}.card-actions a,.card-actions button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:999px;font-weight:800;font-size:12px;cursor:pointer}.details{flex:1;border:1px solid var(--green);color:var(--green)}.add{flex:1;border:0;background:var(--green);color:#fff}.add.added{background:var(--gold);color:#183528}.product-grid.list-view{grid-template-columns:1fr}.product-grid.list-view .product-card{display:grid;grid-template-columns:220px 1fr;gap:24px}.product-grid.list-view .product-image{height:210px}.loading,.empty{grid-column:1/-1;padding:70px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}footer{display:grid;grid-template-columns:1fr auto;gap:25px;padding:55px clamp(20px,5vw,80px);background:#082a1f;color:#d9e6df}footer img{width:110px;filter:brightness(0) invert(1)}footer p{max-width:430px;color:#9eb4aa}footer>div:nth-child(2){display:flex;gap:25px;align-items:center}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:#829c91}@media(max-width:1050px){.desktop-nav{display:none}.menu-button{display:block}.catalog-shell{grid-template-columns:1fr}.filters{position:static}.category-filters{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.brand span,.quote-link{display:none}.site-header{padding:12px 16px}.hero{grid-template-columns:1fr;padding:55px 20px}.hero-stat{width:125px;height:125px}.catalog-shell{padding:28px 16px 65px}.category-filters{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr auto}.results{grid-row:2}.product-grid{grid-template-columns:1fr}.product-grid.list-view .product-card{grid-template-columns:1fr}.product-grid.list-view .product-image{height:250px}footer{grid-template-columns:1fr;padding:45px 20px}footer>div:nth-child(2){flex-wrap:wrap}footer small{grid-column:1}}