*{box-sizing:border-box;margin:0;padding:0;}html,body{overflow-x:hidden;}body{font-family:Inter,system-ui,Arial,sans-serif;background:#f4f5f7;color:#1f2937;line-height:1.7;}img{max-width:100%;display:block;}a{color:#2563eb;text-decoration:none;}button,input,textarea{font:inherit;}input,textarea,button{outline:none;}button{cursor:pointer;}
 .container{width:100%;max-width:1120px;margin:0 auto;padding:24px;} .site-header{background:#111827;color:#fff;} .site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;}
    .site-nav{flex:1 1 auto;display:flex;justify-content:center;gap:20px;}
    .header-tools{display:flex;align-items:center;gap:10px;}
    .header-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#d1d5db;font-size:.95rem;transition:.2s;background:rgba(255,255,255,.06);}
    .header-link.header-icon-only{width:48px;height:48px;padding:0;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.08);}
    .header-link.header-icon-only:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.36);transform:translateY(-1px);}
    .header-link.phone-icon{background:#2563eb;color:#fff;border-color:rgba(37,99,235,.35);}
    .header-link.whatsapp-icon{background:#25D366;color:#fff;border-color:rgba(37,211,102,.35);}
    .header-link.facebook-icon{background:#1877f2;color:#fff;border-color:rgba(24,119,242,.35);}
    .header-link.instagram-icon{background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);color:#fff;border-color:rgba(255,255,255,.3);}
    .header-link:hover{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.16);}
    .header-link.header-icon-only:hover{transform:translateY(0);}
    .header-link .header-icon{font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
    .site-nav a{margin:0;color:#d1d5db;}
    .site-nav a:hover{color:#fff;} .brand{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:12px;} .brand img{height:64px;display:block;max-width:260px;object-fit:contain;} .mobile-menu-button{display:none;border:none;background:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:4px 8px;line-height:1;}
.hero-slider{position:relative;overflow:hidden;border-radius:0;margin:0 calc(-50vw + 50%);width:100vw;max-width:none;height:calc(72vh);max-height:560px;}
.slider-track{position:relative;height:100%;}
main.container.home-page{padding-top:0 !important;margin-top:0 !important;}
main.container.home-page .hero-slider{margin-top:0 !important;}
header.site-header{margin-bottom:0 !important;padding-bottom:0 !important;}
.slide-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease, visibility .8s ease;}
.slide-item.active{opacity:1;visibility:visible;}
.slide-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.55);}
.slide-content{position:relative;z-index:1;padding:36px;max-width:640px;color:#fff;top:50%;transform:translateY(-50%);}
.slide-label{display:inline-block;margin-bottom:16px;padding:8px 16px;border-radius:999px;background:rgba(59,130,246,.9);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;}
.slide-content h1{font-size:clamp(2.2rem,4vw,3.8rem);margin:0 0 18px;line-height:1.05;}
.slide-content p{max-width:600px;font-size:1.05rem;line-height:1.8;margin-bottom:24px;color:rgba(255,255,255,.92);}
.slide-content .button{background:#fff;color:#111;}
.slide-content .button:hover{background:#e5e7eb;}
.site-intro{display:grid;gap:24px;padding:48px 0;align-items:center;} .intro-text h1{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:20px;} .intro-text p{max-width:680px;font-size:1.05rem;color:#4b5563;} .button{display:inline-block;padding:12px 24px;background:#2563eb;color:#fff;border-radius:999px;transition:.2s;} .button:hover{background:#1d4ed8;}
.content-panel{background:#fff;border-radius:18px;padding:32px;margin-bottom:32px;box-shadow:0 12px 42px rgba(15,23,42,.08);} .content-panel h2{font-size:1.75rem;margin-bottom:18px;}
.category-list, .gallery-grid, .product-grid{display:grid;gap:20px;} .category-card, .gallery-card, .product-card{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s;} .category-card:hover, .gallery-card:hover, .product-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(15,23,42,.09);} .category-card{padding:24px;} .category-card h3{margin-bottom:12px;} .product-card img{height:210px;object-fit:cover;width:100%;} .product-card{padding:20px;}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px;} .filters span{font-weight:600;} .filters a{padding:8px 14px;border-radius:999px;border:1px solid #d1d5db;color:#374151;background:#fff;} .filters a:hover{background:#eff6ff;border-color:#bfdbfe;}
.contact-form{display:grid;gap:18px;max-width:680px;} .contact-form label{display:grid;gap:8px;font-weight:600;color:#334155;} .contact-form input,.contact-form textarea{border:1px solid #d1d5db;border-radius:14px;padding:14px;background:#f9fafb;} .contact-form button{width:max-content;padding:14px 24px;background:#2563eb;color:#fff;border-radius:12px;border:none;}
.notice.success{padding:16px;border-radius:14px;background:#dcfce7;color:#166534;margin-bottom:20px;}
.site-footer{padding:24px 0;background:#111827;color:#d1d5db;text-align:center;} .meta{color:#6b7280;margin-bottom:12px;font-size:.95rem;}
@media(max-width:840px){
    .site-header .container{flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:10px;}
    .brand{order:1;width:auto;display:flex;align-items:center;gap:12px;}
    .header-tools{order:2;width:auto;justify-content:flex-end;flex-wrap:nowrap;padding:0;gap:6px;position:relative;z-index:25;}
    .header-tools .header-link.header-icon-only{flex:0 0 auto;}
    .mobile-menu-button{display:block;order:3;margin-left:auto;align-self:center;}
    .site-nav{order:4;width:100%;display:none;flex-direction:column;gap:0;background:#111827;position:relative;top:auto;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.08);z-index:20;}
    .site-nav.open{display:flex;}
    .site-nav a{margin:0;padding:14px 24px;width:100%;border-top:1px solid rgba(255,255,255,.08);} 
    .header-link.header-icon-only{margin:0;width:36px;height:36px;padding:0;}
    .header-link .header-icon{font-size:.95rem;}
    .header-link .header-icon svg{width:60%;height:60%;}
    .site-intro{padding-top:32px;}
}

@media(max-width:720px){
    .container{padding:16px;}
    .site-intro{gap:18px;}
    .intro-text h1{font-size:2.3rem;}
    .intro-text p{font-size:1rem;}
    .content-panel{padding:24px;}
    .category-card, .gallery-card, .product-card{border-radius:16px;}
    .filters{flex-direction:column;align-items:flex-start;margin-bottom:16px;}
    .filters a{width:100%;text-align:center;}
    .product-grid, .gallery-grid, .category-list{grid-template-columns:1fr;}
    .product-card img{height:auto;}
    .contact-form{max-width:100%;}
    .contact-form button{width:100%;}
    .hero-slider{aspect-ratio:16/9;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background-color:#000;}
    .slide-item{position:absolute;top:0;left:0;width:100%;height:100%;}
    .slide-content{padding:22px;}
    .slide-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:brightness(.55);}
}

@media(min-width:720px){
    .category-list{grid-template-columns:repeat(2,minmax(0,1fr));}
    .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(min-width:1120px){
    .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}