html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;min-width:1024px;font-size:16px}html,body{width:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html{touch-action:pan-x pan-y pinch-zoom;-ms-touch-action:pan-x pan-y pinch-zoom}:root{--primary:#0f3f2f;--primary-light:#1b5e4a;--primary-dark:#0a2a1f;--accent:#c8a75a;--accent-light:#d4b976;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-600:#57534e;--gray-700:#44403c;--gray-900:#1c1917;--shadow-soft:0 2px 8px #00000014;--shadow-card:0 4px 12px #00000014;--shadow-elevated:0 8px 24px #0000001f;--shadow-strong:0 16px 48px #00000026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--admin-sidebar-w:260px;--admin-sidebar-collapsed:0px;--splash-bg:#050e08}html{background:#050e08}body{isolation:isolate;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6}.appShell{width:100%;min-height:100vh;display:flex}.pageContentWrap{box-sizing:border-box;flex:1;width:100%;min-width:0;overflow-x:hidden}.adminShell{width:100%;min-height:100vh;display:flex;position:relative}.adminSidebar{width:var(--admin-sidebar-w);background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;transition:transform .3s;display:flex}.adminContent{flex:1;min-width:0;padding:24px;overflow-x:hidden}.adminMenuBtn{z-index:10000;color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-elevated);background:#0f172a;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:none;position:fixed;top:16px;left:16px}.adminSidebarOverlay{z-index:9998;background:#00000073;display:none;position:fixed;inset:0}button,a,input,select,textarea{min-height:44px}img{max-width:100%;height:auto;display:block}h1{letter-spacing:-1px;color:var(--gray-900);margin-bottom:20px;font-size:clamp(24px,6vw,56px);font-weight:700;line-height:1.1}h2{color:var(--gray-900);letter-spacing:-.5px;margin-bottom:18px;font-size:clamp(20px,4vw,38px);font-weight:700}h3{color:var(--gray-900);margin-bottom:12px;font-size:clamp(16px,3vw,28px);font-weight:600}p{color:var(--gray-700);font-size:clamp(14px,2vw,17px);line-height:1.7}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.navbar{z-index:1000;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-soft);background:#fff;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex}.logo{align-items:center;gap:12px;text-decoration:none;transition:all .3s;display:flex}.logo:hover{opacity:.85}.logo-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 4px 12px #0f3f2f33}.logo-icon:before{content:"K";color:#fff;letter-spacing:-.5px;font-family:Georgia,serif;font-size:24px;font-weight:700}.logo-icon:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #c8a75a99}.logo-text{flex-direction:column;gap:2px;display:flex}.logo-brand{color:var(--gray-900);letter-spacing:-.3px;font-size:20px;font-weight:700;line-height:1}.logo-tagline{color:var(--accent);letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1}.hero-section{background:linear-gradient(135deg,#fff 0%,var(--gray-100)50%,#fff 100%);padding:clamp(40px,10vw,140px) 0;position:relative;overflow:hidden}.hero-section:before{content:"";background:radial-gradient(circle,#c8a75a14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero-grid{z-index:1;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(32px,6vw,100px);display:grid;position:relative}.hero-text{max-width:540px}.hero-badge{color:var(--primary);letter-spacing:.5px;background:#0f3f2f14;border-radius:30px;margin-bottom:24px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-block}.hero-title{color:var(--gray-900);margin-bottom:20px;font-size:clamp(28px,7vw,64px);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--gray-700);margin-bottom:32px;font-size:clamp(15px,2.5vw,20px);line-height:1.7}.hero-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:540px;display:grid}.hero-products .product-card{box-shadow:var(--shadow-card);border:1px solid var(--gray-200);transition:all .4s cubic-bezier(.22,.9,.34,1)}.hero-products .product-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--gray-300)}.hero-products .product-image{aspect-ratio:1}.hero-products .product-info{padding:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(16px,4vw,40px);display:grid}.product-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--gray-200);background:#fff;transition:all .4s cubic-bezier(.22,.9,.34,1);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--gray-300);transform:translateY(-4px)}.product-image{aspect-ratio:1;background-position:50%;background-size:cover;width:100%;overflow:hidden}.product-info{flex-direction:column;gap:8px;padding:20px;display:flex}.product-title{color:var(--gray-900);font-size:15px;font-weight:600;line-height:1.4}.product-price{color:var(--primary);font-size:18px;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btnPrimary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0f3f2f33}.btnPrimary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #0f3f2f4d}.btnSecondary{background:var(--accent);color:#fff}.btnGhost{border:2px solid var(--gray-300);color:var(--gray-900);background:#fff}.btnGhost:hover{border-color:var(--primary);color:var(--primary)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--gray-200);background:#fff;padding:clamp(20px,5vw,48px)}.section-spacing{padding:clamp(36px,10vw,100px) 0}.floating-cart{right:24px;bottom:max(24px,env(safe-area-inset-bottom));background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-strong);cursor:pointer;z-index:999;border:3px solid #fff;border-radius:50%;place-items:center;font-size:24px;transition:all .3s;display:grid;position:fixed}.cart-badge{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.loading-spinner{border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pageContentWrap>*{box-sizing:border-box;max-width:100%}.pageContentWrap *{min-width:0}.pageContentWrap,.appShell{background:var(--gray-50)}.pageBg{background:var(--gray-50)!important}.pageBgWhite{background:#fff!important}.appShell>*{background:var(--gray-50)}