@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');:root{--black:#1a1c1c;--gray:#626565;--line:#e1e3e3;--paper:#f9f9f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Cairo,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1250px;margin:auto;padding:0 25px}.top{position:sticky;top:0;z-index:20;background:#fffefef0;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.logo{font-size:22px;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.logo img{max-height:44px;max-width:130px}.nav nav{display:flex;gap:30px;font-size:14px}.basket{border:1px solid var(--black);padding:9px 15px;font-size:13px}.basket span{background:#1a1c1c;color:white;border-radius:50%;padding:0 6px;margin:0 4px}.hero{background:#ededed}.hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:540px;align-items:center;gap:40px}.hero h1{font-size:clamp(35px,4vw,65px);line-height:1.4;letter-spacing:-.04em;margin:15px 0}.hero p{max-width:540px;color:var(--gray);font-size:17px;line-height:2}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;color:#666}.hero-art{display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-art img{width:78%;max-height:490px;object-fit:contain;filter:drop-shadow(0 18px 24px #0002);mix-blend-mode:multiply}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid #1a1c1c;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px}.btn.dark{background:#1a1c1c;color:white}.btn.light{background:transparent}.section{padding-top:78px;padding-bottom:82px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-head h2{font-size:30px;margin:0}.section-head a,.section-head span{color:#666}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{background:#e8e8e8;padding:36px;min-height:160px;display:flex;align-items:end;justify-content:space-between;font-size:21px;font-weight:700}.category b{font-size:26px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:white;border:1px solid #eee;overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000010}.product>a img{width:100%;height:240px;object-fit:contain;background:#efefef}.product-info{padding:17px}.product-info small{color:#777}.product-info h3{font-size:17px;margin:7px 0 0}.product-info p{font-size:13px;color:#777;margin:0 0 12px}.product-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:12px;margin-top:14px;font-size:13px}.product-actions button{border:0;background:none;font-weight:700}.filters{display:flex;gap:10px;margin-bottom:25px}.filters input,.filters select{padding:10px 15px;border:1px solid #ddd;background:white;min-width:150px}.filters input{flex:1}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin-top:25px}.detail-main{width:100%;height:520px;object-fit:contain;background:#ececec}.thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto}.thumbs button{border:1px solid #ddd;padding:0;background:#eee;flex:0 0 85px}.thumbs img{width:85px;height:80px;object-fit:contain}.detail-copy h1{font-size:43px;line-height:1.5}.detail-copy p{line-height:2.2;color:#666}.en{direction:ltr;text-align:right}.crumb{font-size:13px;color:#777}.narrow{max-width:800px}.narrow h1{font-size:40px}.form{display:grid;gap:15px}.form label{display:grid;gap:6px;font-weight:600}.form input,.form textarea{width:100%;padding:12px;border:1px solid #d5d5d5;background:white}.quote-row{background:white;padding:15px;margin:12px 0;border:1px solid #ddd;display:flex;align-items:center;gap:15px;justify-content:space-between}.quote-row input{width:140px;padding:8px;border:1px solid #ddd}.quote-row button{border:0;background:#eee;padding:7px 12px}footer{background:#1c1c1c;color:white;padding:40px 0}.footer{display:flex;justify-content:space-between;gap:15px;align-items:center}.footer span{color:#aaa;font-size:13px}#toast{position:fixed;bottom:20px;left:20px;background:#222;color:white;padding:10px 20px;display:none;z-index:30}@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.nav nav{gap:12px}.hero-inner{min-height:450px}.detail{gap:24px}.category-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.wrap{padding:0 16px}.nav{flex-wrap:wrap;padding-top:14px;padding-bottom:12px;gap:12px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:12px}.logo{font-size:18px}.basket{font-size:11px}.hero-inner,.detail{grid-template-columns:1fr}.hero-inner{padding-top:45px}.hero-art img{max-height:280px}.hero h1{font-size:35px}.products{grid-template-columns:1fr 1fr;gap:10px}.product>a img{height:165px}.product-info{padding:10px}.product-info h3{font-size:14px}.product-actions{flex-direction:column;align-items:stretch;gap:10px}.category-grid{grid-template-columns:1fr}.category{min-height:110px}.section{padding-top:45px;padding-bottom:45px}.filters{flex-wrap:wrap}.detail-main{height:360px}.footer{flex-wrap:wrap}.quote-row{flex-wrap:wrap}}
.no-photo{display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#888;min-height:175px;font-size:13px;text-align:center}.product>a .no-photo{height:230px}.hero-empty{background:#ededed;display:flex;align-items:center;justify-content:center;color:#aaa;text-align:center;letter-spacing:3px;font-weight:800;min-height:300px}.pack-picker{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.pack-picker label{display:grid;gap:6px}.pack-picker input,.pack-picker select{padding:12px;border:1px solid #ccc;min-width:130px}.quote-row span{font-size:14px;color:#555}
