:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--green-500:#10b981;--purple-500:#8b5cf6;--amber-500:#f59e0b;--red-500:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#ffffff;--font-sans:"Inter",system-ui,sans-serif;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);--shadow-lg:0 12px 40px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);--transition:.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin-inline:auto;padding-inline:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--blue-600);color:var(--white);border-color:var(--blue-600)}.btn-primary:hover{background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.3)}.btn-ghost{background:transparent;color:var(--blue-600);border-color:var(--blue-600)}.btn-ghost:hover{background:var(--blue-50);transform:translateY(-1px)}.btn-danger{background:var(--red-500);color:var(--white);border-color:var(--red-500)}.btn-lg{padding:13px 30px;font-size:1rem}.btn-full{width:100%;justify-content:center}.section{padding:96px 0}.section-alt{background:var(--gray-50)}.section-header{text-align:center;max-width:600px;margin-inline:auto;margin-bottom:60px}.section-header h2{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.4rem);font-weight:800;color:var(--gray-900);margin:10px 0 14px}.section-header p{color:var(--gray-500);font-size:1.05rem}.section-tag{display:inline-block;background:var(--blue-50);color:var(--blue-600);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:99px}.section-tag-light{background:rgba(255,255,255,.2);color:var(--white)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition)}.navbar.scrolled{border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.nav-inner{gap:32px;height:68px}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:8px;font-family:var(--font-display);font-size:1.2rem;color:var(--gray-900);flex-shrink:0}.logo-icon{font-size:1.1rem}.logo strong,.logo-icon{color:var(--blue-600)}.logo-light{color:var(--white)}.logo-light .logo-icon,.logo-light strong{color:var(--blue-100)}.nav-links{display:flex;gap:4px;margin-left:auto}.nav-links a{padding:6px 14px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:500;color:var(--gray-600);transition:all var(--transition)}.nav-links a:hover{background:var(--gray-100);color:var(--gray-900)}.nav-cta{flex-shrink:0}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto}.hamburger span{display:block;width:22px;height:2px;background:var(--gray-700);border-radius:2px;transition:all var(--transition)}.mobile-menu{display:none;flex-direction:column;gap:4px;padding:12px 24px 16px;border-top:1px solid var(--gray-100);background:var(--white)}.mobile-menu a{padding:10px 12px;border-radius:var(--radius-sm);font-weight:500;color:var(--gray-700)}.mobile-menu a:hover{background:var(--gray-50)}.mobile-menu.open{display:flex}.hero{position:relative;padding:160px 0 100px;overflow:hidden;background:linear-gradient(135deg,#e8f5f0,#f0f7ff 60%)}.hero:before{content:"";background:url(/hero-bg.png) 50%/cover no-repeat;opacity:.25;z-index:0}.hero-bg,.hero:before{position:absolute;inset:0}.hero-bg{pointer-events:none}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.blob-1{width:600px;height:600px;background:radial-gradient(circle,#6ee7b7,transparent);top:-100px;right:-150px}.blob-2{width:400px;height:400px;background:radial-gradient(circle,#bfdbfe,transparent);bottom:-80px;left:-100px}.hero-content{position:relative;max-width:760px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-600);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:24px}.hero-badge:before{content:"";width:6px;height:6px;background:var(--blue-500);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.15;color:var(--gray-900);margin-bottom:20px}.accent{color:var(--green-500);position:relative}.accent:after{content:"";position:absolute;left:0;bottom:2px;right:0;height:3px;background:#6ee7b7;border-radius:2px}.hero-sub{font-size:1.1rem;color:var(--gray-700);max-width:560px;margin-bottom:36px;line-height:1.7;font-weight:500}.hero-actions{gap:14px;margin-bottom:56px}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{align-items:center;gap:24px}.stat{display:flex;flex-direction:column}.stat strong{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--gray-900);line-height:1}.stat span{font-size:.82rem;color:var(--gray-700);margin-top:2px;font-weight:600}.stat-divider{width:1px;height:36px;background:var(--gray-200)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px}.category-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px 28px;transition:all .25s ease}.category-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cat-icon-wrap{width:56px;height:56px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--c) 12%,white);color:var(--c);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.6rem}.category-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:10px}.category-card>p{font-size:.9rem;color:var(--gray-500);line-height:1.65;margin-bottom:20px}.cat-items{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:24px}.cat-items li{font-size:.875rem;color:var(--gray-700);padding-left:18px;position:relative}.cat-items li:before{content:"–";position:absolute;left:0;color:var(--blue-400)}.cat-link{font-size:.875rem;font-weight:600;color:var(--blue-600);display:inline-block}.cat-link:hover{text-decoration:underline}.categories-empty{text-align:center;padding:60px 20px;color:var(--gray-500);font-size:.95rem}.about-grid{display:grid;grid-template-columns:55% 45%;grid-gap:48px;gap:48px;align-items:center}.about-visual{position:relative;height:580px}.about-card-big{position:absolute;top:20px;left:0;width:50%;background:var(--white);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px}.about-icon-ring{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--blue-50);display:flex;align-items:center;justify-content:center}.about-card-label{font-weight:600;font-size:.95rem;color:var(--gray-800)}.about-card-small{position:absolute;border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-md)}.about-card-small strong{font-family:var(--font-display);font-size:1.3rem;font-weight:800}.about-card-small span{font-size:.8rem;opacity:.85}.card-green{background:var(--green-500);color:var(--white);bottom:60px;left:40px}.card-purple{background:var(--purple-500);color:var(--white);bottom:20px;right:0}.about-text h2{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;color:var(--gray-900);margin:12px 0 16px}.about-text>p{color:var(--gray-500);line-height:1.7;margin-bottom:12px}.about-pillars{display:flex;flex-direction:column;gap:18px;margin-top:28px}.pillar{display:flex;gap:14px;align-items:flex-start}.pillar-icon{width:28px;height:28px;border-radius:50%;background:var(--blue-600);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:2px}.pillar strong{font-size:.95rem;color:var(--gray-900);display:block;margin-bottom:2px}.pillar p{font-size:.875rem;color:var(--gray-500);line-height:1.55}.sectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-bottom:60px}.sector-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:24px 22px;transition:all var(--transition)}.sector-card:hover{background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sector-icon{font-size:1.8rem;margin-bottom:12px}.sector-card h4{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}.sector-card p{font-size:.85rem;color:var(--gray-500);line-height:1.6}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.testimonial{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.testimonial>p{font-size:.95rem;color:var(--gray-700);line-height:1.65;font-style:italic;margin-bottom:20px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--blue-600);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.testimonial-author strong{display:block;font-size:.875rem;color:var(--gray-900)}.testimonial-author span{font-size:.8rem;color:var(--gray-500)}.section-contact{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#1d4ed8);color:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:80px;gap:80px;align-items:start}.contact-info h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;margin:12px 0 16px}.contact-info>p{color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:36px}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:flex-start;gap:16px}.contact-icon{font-size:1.3rem;margin-top:2px}.contact-item strong{display:block;font-size:.85rem;opacity:.7;margin-bottom:2px;font-weight:500}.contact-item a,.contact-item span{color:var(--white);font-size:.95rem;font-weight:500}.contact-item a:hover{text-decoration:underline}.contact-form-wrap{background:var(--white);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:0 24px 60px rgba(0,0,0,.18)}.contact-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.82rem;font-weight:600;color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;color:var(--gray-800);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-group textarea{resize:vertical}.form-note{font-size:.78rem;color:var(--gray-400);text-align:center;margin-top:-4px}.footer{background:var(--gray-900);color:rgba(255,255,255,.7)}.footer-inner{display:flex;gap:60px;padding:56px 0 48px;flex-wrap:wrap}.footer-brand{flex:1 1;min-width:220px}.footer-brand p{margin-top:12px;font-size:.875rem;line-height:1.6;max-width:260px}.footer-links{display:flex;gap:60px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h5{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:4px}.footer-col a{font-size:.875rem;color:rgba(255,255,255,.65);transition:color var(--transition)}.footer-col a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0}.footer-bottom p{font-size:.82rem;color:rgba(255,255,255,.35)}.admin-layout{display:flex;min-height:100vh;background:var(--gray-50)}.admin-sidebar{width:240px;background:var(--gray-900);color:rgba(255,255,255,.8);display:flex;flex-direction:column;padding:24px 0;flex-shrink:0;position:fixed;top:0;bottom:0}.admin-sidebar .logo{padding:0 20px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:1 1}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:rgba(255,255,255,.65);transition:all var(--transition);text-decoration:none}.sidebar-link.active,.sidebar-link:hover{background:rgba(255,255,255,.1);color:var(--white)}.sidebar-link .icon{font-size:1rem;width:20px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.sidebar-footer button{width:100%;padding:8px;border-radius:var(--radius-sm);background:rgba(255,255,255,.08);border:none;color:rgba(255,255,255,.6);font-size:.85rem;cursor:pointer;transition:all var(--transition)}.sidebar-footer button:hover{background:rgba(255,255,255,.15);color:var(--white)}.admin-main{margin-left:240px;flex:1 1;padding:32px}.admin-header{margin-bottom:32px}.admin-header h1{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--gray-900)}.admin-header p{color:var(--gray-500);font-size:.9rem;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:20px 24px}.stat-card .label{font-size:.8rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.stat-card .value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--gray-900);margin-top:4px}.stat-card.accent-blue .value{color:var(--blue-600)}.stat-card.accent-green .value{color:var(--green-500)}.stat-card.accent-amber .value{color:var(--amber-500)}.admin-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.admin-card-header h2{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--gray-900)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);background:var(--gray-50)}.data-table td,.data-table th{border-bottom:1px solid var(--gray-100)}.data-table td{padding:14px 16px;font-size:.875rem;color:var(--gray-700);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600}.badge-pending{background:#fef3c7;color:#92400e}.badge-read{background:var(--blue-50);color:var(--blue-700)}.badge-active,.badge-answered{background:#d1fae5;color:#065f46}.badge-inactive{background:var(--gray-100);color:var(--gray-500)}.admin-form{display:flex;flex-direction:column;gap:20px;max-width:680px}.admin-form .form-group label{font-size:.85rem;font-weight:600;color:var(--gray-700)}.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-bar input,.filter-bar select{padding:8px 12px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.875rem;background:var(--white);outline:none;transition:border-color var(--transition)}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--blue-500)}.action-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all var(--transition)}.action-btn-edit{color:var(--blue-600);border-color:var(--blue-200);background:var(--blue-50)}.action-btn-edit:hover{background:var(--blue-100)}.action-btn-danger{color:var(--red-500);border-color:#fecaca;background:#fff1f2}.action-btn-danger:hover{background:#ffe4e6}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50)}.login-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-card .logo{justify-content:center;margin-bottom:8px}.login-card h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--gray-900);text-align:center;margin-bottom:6px}.login-card p{color:var(--gray-500);font-size:.875rem;text-align:center;margin-bottom:32px}.error-msg{background:#fff1f2;border:1px solid #fecaca;color:#991b1b;padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:48px}.about-visual{height:260px}.about-card-big{width:80%}.contact-grid{grid-template-columns:1fr;gap:48px}.admin-sidebar{width:200px}.admin-main{margin-left:200px}}@media (max-width:768px){.section{padding:72px 0}.nav-cta,.nav-links{display:none}.hamburger{display:flex}.hero{padding:130px 0 72px}.form-row{grid-template-columns:1fr}.contact-form-wrap{padding:28px 20px}.footer-links{gap:36px}.admin-sidebar{display:none}.admin-main{margin-left:0;padding:20px}}@media (max-width:480px){.hero-stats{gap:16px}.stat-divider{display:none}.about-visual{height:200px}.about-card-small{display:none}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:95vw;background:var(--white);z-index:201;display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.cart-drawer.open{transform:translateX(0)}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.cart-drawer-header h2{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:10px}.cart-count-badge{background:var(--blue-600);color:var(--white);font-size:.72rem;font-weight:700;border-radius:99px;padding:2px 8px;line-height:1.4}.cart-close-btn{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.cart-close-btn:hover{background:var(--gray-200);color:var(--gray-800)}.cart-drawer-body{flex:1 1;overflow-y:auto;padding:16px 24px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:8px;color:var(--gray-400)}.cart-empty span{font-size:2.5rem}.cart-empty p{font-size:.9rem}.cart-items-list{list-style:none;display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--gray-100);border-radius:var(--radius-md);background:var(--gray-50)}.cart-item-icon{font-size:1.4rem;flex-shrink:0}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{font-weight:600;font-size:.875rem;color:var(--gray-900);line-height:1.3}.cart-item-cat{font-size:.78rem;color:var(--gray-500);margin-top:2px}.cart-item-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.qty-control{display:flex;align-items:center;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.qty-control button{width:28px;height:28px;background:var(--white);border:none;cursor:pointer;font-size:1rem;color:var(--gray-600);transition:background var(--transition);display:flex;align-items:center;justify-content:center}.qty-control button:hover{background:var(--gray-100)}.qty-control span{width:32px;text-align:center;font-size:.875rem;font-weight:600;color:var(--gray-900);border-inline:1.5px solid var(--gray-200);line-height:28px}.qty-control-lg button{width:36px;height:36px;font-size:1.1rem}.qty-control-lg span{width:44px;font-size:.95rem;line-height:36px}.cart-remove-btn{background:none;border:none;cursor:pointer;color:var(--gray-400);font-size:1.2rem;padding:2px 4px;transition:color var(--transition)}.cart-remove-btn:hover{color:var(--red-500)}.cart-drawer-footer{padding:16px 24px;border-top:1px solid var(--gray-100);flex-shrink:0}.cart-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cart-summary span{font-size:.875rem;color:var(--gray-500)}.nav-right{gap:12px;margin-left:auto}.cart-nav-btn,.nav-right{display:flex;align-items:center}.cart-nav-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--gray-700);padding:6px;border-radius:var(--radius-sm);transition:color var(--transition)}.cart-nav-btn:hover{color:var(--blue-600)}.cart-nav-badge{position:absolute;top:-4px;right:-4px;background:var(--blue-600);color:var(--white);font-size:.65rem;font-weight:800;border-radius:99px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid var(--white)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px}.product-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--blue-200)}.product-card-img{position:relative;aspect-ratio:1;background:var(--gray-50);overflow:hidden}.product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--gray-300)}.add-to-cart-btn{position:absolute;bottom:0;left:0;right:0;background:var(--blue-600);color:var(--white);border:none;padding:12px;font-size:.875rem;font-weight:600;cursor:pointer;transform:translateY(100%);transition:transform .22s ease,background .15s ease}.product-card:hover .add-to-cart-btn{transform:translateY(0)}.add-to-cart-btn.added{background:var(--green-500)}.product-card-body{padding:16px;display:flex;flex-direction:column;flex:1 1}.product-cat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue-600);margin-bottom:6px}.product-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--gray-900);margin-bottom:8px;line-height:1.3}.product-desc{font-size:.8rem;color:var(--gray-500);line-height:1.5;margin-bottom:10px}.product-items-list{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:14px;flex:1 1}.product-items-list li{font-size:.8rem;color:var(--gray-600);padding-left:14px;position:relative}.product-items-list li:before{content:"–";position:absolute;left:0;color:var(--blue-400)}.product-add-btn{font-size:.85rem;padding:9px 16px}.cat-page-layout{display:flex;min-height:100vh;padding-top:68px}.cat-sidebar{width:220px;flex-shrink:0;padding:32px 0;border-right:1px solid var(--gray-200);position:-webkit-sticky;position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto;background:var(--white)}.cat-sidebar h4{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);padding:0 20px 12px}.cat-sidebar-nav{display:flex;flex-direction:column}.cat-sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:.875rem;font-weight:500;color:var(--gray-600);transition:all var(--transition);text-decoration:none}.cat-sidebar-link:hover{background:var(--blue-50);color:var(--blue-600)}.cat-sidebar-link.active{background:var(--blue-50);color:var(--blue-700);font-weight:700;border-right:2px solid var(--blue-600)}.cat-page-main{flex:1 1;padding:32px 40px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--gray-400);margin-bottom:24px}.breadcrumb a{color:var(--gray-500);transition:color var(--transition)}.breadcrumb a:hover{color:var(--blue-600)}.breadcrumb span:last-child{color:var(--gray-700);font-weight:500}.cat-page-header{margin-bottom:28px}.cat-page-title-wrap{display:flex;align-items:center;gap:16px}.cat-page-icon{width:52px;height:52px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--c) 12%,white);color:var(--c);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.cat-page-title-wrap h1{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--gray-900)}.cat-page-title-wrap p{color:var(--gray-500);font-size:.875rem;margin-top:2px}.cat-empty{text-align:center;padding:60px 20px;color:var(--gray-500)}.category-card-link{cursor:pointer;display:block;text-decoration:none;color:inherit}.cotizacion-page{padding-top:100px;padding-bottom:80px;min-height:100vh}.cotizacion-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:start}.cotizacion-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cotizacion-section-title h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--gray-900)}.cotizacion-items{display:flex;flex-direction:column;gap:10px}.cotizacion-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.cotizacion-item-icon{font-size:1.4rem;flex-shrink:0}.cotizacion-item-info{flex:1 1;min-width:0}.cotizacion-item-info strong{display:block;font-size:.875rem;color:var(--gray-900)}.cotizacion-item-info span{font-size:.78rem;color:var(--gray-500)}.cotizacion-remove-btn{background:none;border:none;cursor:pointer;color:var(--gray-300);font-size:1.3rem;padding:2px 6px;transition:color var(--transition)}.cotizacion-remove-btn:hover{color:var(--red-500)}.cotizacion-total{display:flex;align-items:center;justify-content:space-between;padding:14px 0 0;border-top:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-600)}.add-more-link{color:var(--blue-600);font-weight:600}.add-more-link:hover{text-decoration:underline}.cotizacion-form-wrap{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:32px 28px;box-shadow:var(--shadow-md)}.cotizacion-success{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--gray-50)}.success-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:60px 48px;text-align:center;max-width:480px;box-shadow:var(--shadow-lg)}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--green-500);color:var(--white);font-size:1.8rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-weight:700}.success-card h1{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--gray-900);margin-bottom:12px}.success-card p{color:var(--gray-500);line-height:1.7;margin-bottom:32px}@media (max-width:768px){.cat-sidebar{display:none}.cat-page-main{padding:20px}.cotizacion-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cart-drawer{width:100%;max-width:100%}}