:root{--primary: #f8f9fa;--text: #1a1a1a;--accent: #ffcb05;--accent-secondary: #2a75bb;--border: #e9ecef;--white: #ffffff;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--white);color:var(--text);line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none}input{font-family:inherit}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);margin:5% auto;padding:0;border-radius:24px;width:90%;max-width:1000px;position:relative;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;right:1.5rem;top:1.5rem;width:40px;height:40px;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:10;transition:all .2s}.close-modal:hover{background:var(--accent-secondary);color:#fff;transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:1fr 1.2fr;min-height:500px}.modal-image{background:#fdfdfd;display:flex;align-items:center;justify-content:center;padding:3rem;border-right:1px solid #eee}.modal-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.modal-info{padding:3rem;display:flex;flex-direction:column}.modal-info h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-1px;color:var(--text)}.modal-price-row{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.modal-price{font-size:1.8rem;font-weight:700;color:var(--accent-secondary)}.product-tabs{display:flex;background:#f5f5f7;padding:.4rem;border-radius:12px;gap:.2rem;margin-bottom:1.5rem}.tab-btn{flex:1;background:none;border:none;padding:.8rem 1rem;font-size:.95rem;font-weight:600;color:#666;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--text);background:#00000008}.tab-btn.active{background:#fff;color:var(--text);box-shadow:0 4px 12px #0000001a}.tab-panes{flex:1;overflow-y:auto;margin-bottom:2rem}.tab-content{display:none;line-height:1.7;color:#555;font-size:1.05rem}.tab-content.active{display:block;animation:fadeIn .3s ease}.reviews-placeholder{text-align:center;padding:2rem;background:#f9f9fb;border-radius:16px;border:1px dashed #ddd}.stars{color:#ffc107;font-size:1.2rem;display:block;margin-top:.5rem}.modal-actions{margin-top:auto}.add-to-cart-premium{width:100%;background:var(--text);color:#fff;border:none;padding:1.2rem;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s}.add-to-cart-premium:hover{background:var(--accent-secondary);transform:translateY(-3px);box-shadow:0 10px 20px #00000026}@media(max-width:768px){.modal-body{grid-template-columns:1fr}.modal-image{padding:2rem;max-height:300px}.modal-info{padding:2rem}}.main-header{border-bottom:1px solid var(--border);padding:0 2rem;position:sticky;top:0;background:var(--white);z-index:200;height:90px}.header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:2rem;height:100%}.logo{position:relative;height:100%}.logo a{display:flex;align-items:center;height:100%}.logo-img{height:200px;width:auto;object-fit:contain;display:block;position:absolute;top:50%;left:0;transform:translateY(-45%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.search-bar{display:flex;gap:.5rem;position:relative;max-width:500px;width:100%}.search-dropdown{position:absolute;top:100%;left:0;width:100%;background:var(--white);border:1px solid var(--border);border-radius:12px;margin-top:.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:none;z-index:1000;max-height:400px;overflow-y:auto;backdrop-filter:blur(10px);background:#fffffff2}.search-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--primary);cursor:pointer;transition:background .2s;height:76px}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--primary)}.search-item-img{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;border-radius:6px;object-fit:contain;background:#fff;flex-shrink:0;border:1px solid var(--primary)}.search-item-info{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1}.search-item-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-price{font-size:12px;color:#666;font-weight:600;white-space:nowrap}.search-no-results{padding:1rem;text-align:center;color:#999;font-size:.9rem}.search-bar input{flex:1;padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--primary)}.search-btn{background:var(--text);color:#fff;border:none;border-radius:8px;padding:0 1rem;cursor:pointer;transition:opacity .2s}.search-btn:hover{opacity:.8}.user-actions{display:flex;gap:1rem}.action-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;font-weight:500;transition:all .2s}.action-btn:hover{background:var(--primary);border-color:var(--text)}.admin-badge{background:#fdf2f2;color:#9b1c1c;border-color:#f89d9d}.layout-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 80px)}.sidebar{padding:2rem;border-right:1px solid var(--border)}.category-section{margin-bottom:2rem}.category-section ul{list-style:none;padding:0;margin:0}.sub-nav-list{padding-left:1rem!important;margin-top:.5rem!important;margin-bottom:1rem!important;border-left:1px solid var(--border)}.sub-nav-list a{font-size:.85rem!important;color:#666!important}.parent-link{font-weight:700}.category-section h3{font-size:.9rem;text-transform:uppercase;color:#666;margin-bottom:1rem;letter-spacing:1px}.category-section ul li{margin-bottom:.5rem}.category-section ul li a{color:var(--text);font-weight:500;display:block;padding:.25rem 0;transition:color .2s}.category-section ul li a:hover{color:var(--accent-secondary)}.main-content{padding:2rem}@media(max-width:768px){.header-content{grid-template-columns:1fr auto}.search-bar{grid-column:span 2;order:3}.layout-container{grid-template-columns:1fr}.sidebar{display:none}}