/* ===== DESIGN TOKENS ===== */
:root {
  --color-primary: #DF0101;
  --color-primary-dark: #b50101;
  --color-primary-light: #ff2a2a;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-dark: #1a1a1a;
  --color-text: #333333;
  --color-text-light: #666666;
  --color-text-lighter: #999999;
  --color-border: #e0e0e0;
  --color-light-bg: #f5f5f5;
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #128C7E;
  --color-star: #FFC107;
  --color-sale: #DF0101;
  --color-hot: #FF6B00;
  --color-new: #2196F3;
  --font-family: 'Poppins', Arial, Helvetica, sans-serif;
  --max-width: 1200px;
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
}

/* ===== RESET ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-family);font-size:1rem;color:var(--color-text);background:var(--color-white);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}
a:hover{color:var(--color-primary)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{border:none;background:none;cursor:pointer;font-family:var(--font-family)}
input,textarea,select{font-family:var(--font-family);font-size:1rem}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-dark)}

/* ===== LAYOUT ===== */
.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}
.section{padding:4rem 0}
.section-title{text-align:center;margin-bottom:3rem}
.section-title h2{font-size:1.875rem;font-weight:700;display:inline-block}
.section-title h2::after{content:'';display:block;width:60px;height:3px;background:var(--color-primary);margin:0.5rem auto 0;border-radius:9999px}
.section-title p{color:var(--color-text-light);margin-top:0.5rem;font-size:1.125rem}

/* ===== TOP BAR ===== */
.top-bar{background:var(--color-primary);color:#fff;padding:8px 0;font-size:0.875rem;position:relative;z-index:100}
.top-bar .container{display:flex;justify-content:space-between;align-items:center}
.top-bar-social{display:flex;gap:1rem;align-items:center}
.top-bar-social a{color:#fff;transition:opacity var(--transition-fast)}
.top-bar-social a:hover{opacity:0.8;color:#fff}
.top-bar-announcement{text-align:center;flex:1;overflow:hidden;white-space:nowrap}
.announcement-text{display:inline-block;animation:marquee 20s linear infinite}
@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* ===== MAIN HEADER ===== */
.main-header{background:#fff;padding:15px 0;border-bottom:1px solid var(--color-border);position:relative;z-index:99}
.main-header .container{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.header-logo{flex-shrink:0}
.header-logo img{height:50px;width:auto}
.header-search{flex:1;max-width:500px;display:flex;border:2px solid var(--color-border);border-radius:9999px;overflow:hidden;transition:border-color var(--transition-fast)}
.header-search:focus-within{border-color:var(--color-primary)}
.header-search input{flex:1;border:none;padding:10px 20px;outline:none;font-size:0.875rem}
.header-search button{background:var(--color-primary);color:#fff;padding:10px 20px;transition:background var(--transition-fast)}
.header-search button:hover{background:var(--color-primary-dark)}
.header-actions{display:flex;gap:1.5rem;align-items:center}
.header-action-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--color-text);font-size:0.75rem;cursor:pointer;transition:color var(--transition-fast)}
.header-action-item:hover{color:var(--color-primary)}
.header-action-icon{font-size:22px}

/* ===== NAVIGATION ===== */
.main-nav{background:var(--color-primary);position:relative;z-index:98}
.main-nav .container{display:flex;align-items:center}
.nav-menu{display:flex;list-style:none;width:100%}
.nav-menu li a{display:block;padding:14px 20px;color:#fff;font-size:0.875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;transition:background var(--transition-fast)}
.nav-menu li a:hover,.nav-menu li a.active{background:rgba(0,0,0,0.15);color:#fff}
.nav-toggle{display:none;color:#fff;font-size:24px;padding:14px 20px;cursor:pointer}

/* ===== HERO SLIDER ===== */
.hero-slider{position:relative;width:100%;overflow:hidden;background:var(--color-light-bg)}
.hero-slider-track{display:flex;transition:transform var(--transition-slow)}
.hero-slide{min-width:100%;position:relative}
.hero-slide img{width:100%;height:auto;display:block;max-height:500px;object-fit:cover}
.hero-slide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:none;pointer-events:none}
.hero-slide-content{display:none}
.hero-slider-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}
.hero-arrow{width:48px;height:48px;background:rgba(255,255,255,0.85);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:all var(--transition-fast);font-size:18px;color:var(--color-dark);box-shadow:var(--shadow-md);border:none}
.hero-arrow:hover{background:var(--color-primary);color:#fff}
.hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all var(--transition-fast);border:none}
.hero-dot.active{background:var(--color-primary);transform:scale(1.2)}

/* ===== BUTTONS ===== */
.btn-primary{display:inline-block;background:var(--color-primary);color:#fff;padding:12px 24px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:none;cursor:pointer;transition:all var(--transition-fast)}
.btn-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px)}
.btn-secondary{display:inline-block;background:#333;color:#fff;padding:12px 24px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:none;cursor:pointer;transition:all var(--transition-fast)}
.btn-secondary:hover{background:#111;color:#fff;transform:translateY(-1px)}
.btn-outline{display:inline-block;background:transparent;color:var(--color-primary);padding:12px 32px;border-radius:4px;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-fast);border:2px solid var(--color-primary);cursor:pointer}
.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-whatsapp{display:inline-flex;align-items:center;gap:0.5rem;background:var(--color-whatsapp);color:#fff;padding:12px 28px;border-radius:4px;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px;transition:all var(--transition-fast);border:2px solid var(--color-whatsapp);cursor:pointer}
.btn-whatsapp:hover{background:var(--color-whatsapp-dark);border-color:var(--color-whatsapp-dark);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}

/* ===== PRODUCT CARD ===== */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.product-card{background:transparent;border-radius:0;transition:all var(--transition-base);position:relative;text-align:center;padding-bottom:1.5rem}
.product-card:hover{transform:translateY(-5px)}
.product-card-image{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1;background:var(--color-light-bg)}
.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.product-card:hover .product-card-image img{transform:scale(1.08)}
.product-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:2}
.product-badge{align-self:flex-start;padding:4px 10px;border-radius:4px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#fff}
.product-badge.hot{background:var(--color-hot)}
.product-badge.sale{background:var(--color-sale)}
.product-badge.new{background:var(--color-new)}
.product-card-actions{position:absolute;top:10px;right:-50px;display:flex;flex-direction:column;gap:6px;transition:right var(--transition-base);z-index:2}
.product-card:hover .product-card-actions{right:10px}
.product-action-btn{width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}
.product-action-btn:hover{background:var(--color-primary);color:#fff}
.product-card-info{padding:1rem 0 1rem;text-align:center}
.product-card-name{font-size:0.9rem;font-weight:600;color:var(--color-text);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card-name a:hover{color:var(--color-primary)}
.product-card-category{font-size:0.8rem;color:var(--color-text-lighter);text-transform:none;margin-bottom:8px}
.product-card-price{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;display:block}
.product-card-price .original-price{text-decoration:line-through;color:var(--color-text-lighter);font-weight:400;font-size:0.9rem;margin-right:6px}
.product-card-btn{display:inline-block;background:var(--color-primary);color:#fff;padding:8px 20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin:0 auto;transition:all var(--transition-fast);border-radius:2px}
.product-card-btn:hover{background:var(--color-primary-dark);color:#fff}

/* ===== ULTRA MASALA BANNERS ===== */
.full-width-banner{width:100%;margin:4rem 0;overflow:hidden;background:var(--color-dark)}
.full-width-banner img{width:100%;display:block;height:auto;max-height:550px;object-fit:cover;object-position:center}

.masala-features-section{position:relative;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);padding:5rem 0;margin:3rem 0;color:#fff}
.parallax-title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:3rem;text-transform:uppercase;letter-spacing:1px;color:#fff}
.parallax-features{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.parallax-feature-card{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);padding:2.5rem;text-align:center;border-radius:12px;transition:transform var(--transition-fast)}
.parallax-feature-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.15)}
.p-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block}
.p-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#fff}
.p-text{font-size:0.9rem;color:rgba(255,255,255,0.8);line-height:1.6}

.split-story{display:flex;align-items:stretch;margin:4rem 0}
.story-content{flex:1;padding:5rem;background:var(--color-light-bg);display:flex;flex-direction:column;justify-content:center}
.story-content h2{font-size:2.2rem;color:var(--color-dark);margin-bottom:1.5rem;font-weight:700}
.story-content p{color:var(--color-text-light);font-size:1.1rem;margin-bottom:2rem;line-height:1.8}
.story-image{flex:1;position:relative;min-height:500px}
.story-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

/* ===== RESPONSIVE FIXES FOR MASALA ===== */
@media(max-width:1024px){
  .parallax-features{grid-template-columns:repeat(2,1fr)}
  .split-story{flex-direction:column}
  .story-image{min-height:400px}
  .story-content{padding:3rem}
}
@media(max-width:768px){
  .parallax-features{grid-template-columns:1fr}
  .parallax-title{font-size:1.8rem}
  .full-width-banner img{max-height:300px}
}

/* ===== NEWSLETTER ===== */
.newsletter{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:4rem 0;position:relative;overflow:hidden}
.newsletter::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:rgba(255,255,255,0.05);border-radius:50%}
.newsletter .container{display:flex;align-items:center;justify-content:space-between;gap:3rem;position:relative;z-index:1}
.newsletter-content h3{font-size:1.5rem;color:#fff;margin-bottom:0.5rem}
.newsletter-content p{color:rgba(255,255,255,0.85)}
.newsletter-form{display:flex;gap:0.5rem;flex:1;max-width:450px}
.newsletter-form input{flex:1;padding:14px 20px;border:none;border-radius:4px;font-size:0.875rem;outline:none}
.newsletter-form button{background:var(--color-dark);color:#fff;padding:14px 28px;border-radius:4px;font-weight:600;font-size:0.875rem;text-transform:uppercase;white-space:nowrap;transition:all var(--transition-fast);border:none;cursor:pointer}
.newsletter-form button:hover{background:#000;transform:translateY(-1px)}

/* ===== FEATURES BAR ===== */
.features-bar{background:var(--color-primary);padding:2rem 0}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.feature-item{display:flex;align-items:center;gap:1rem;color:#fff}
.feature-icon{width:50px;height:50px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.feature-text h4{font-size:0.875rem;font-weight:600;color:#fff;margin-bottom:2px}
.feature-text p{font-size:0.75rem;color:rgba(255,255,255,0.75)}

/* ===== FOOTER ===== */
.footer{background:var(--color-dark);padding:4rem 0 2rem;color:rgba(255,255,255,0.75)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}
.footer-brand img{height:45px;margin-bottom:1rem}
.footer-brand p{font-size:0.875rem;line-height:1.7;margin-bottom:1rem}
.footer-contact-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;margin-bottom:8px}
.footer-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1.5rem;position:relative;padding-bottom:0.5rem}
.footer-title::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--color-primary)}
.footer-links li{margin-bottom:8px}
.footer-links li a{font-size:0.875rem;color:rgba(255,255,255,0.75);transition:all var(--transition-fast)}
.footer-links li a:hover{color:var(--color-primary);padding-left:5px}
.footer-social{display:flex;gap:0.5rem;margin-top:1rem}
.footer-social a{width:38px;height:38px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast)}
.footer-social a:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:0.875rem}

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:1000}
.whatsapp-float a{display:flex;align-items:center;gap:0.5rem;background:var(--color-whatsapp);color:#fff;padding:12px 20px;border-radius:9999px;font-weight:600;font-size:0.875rem;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);animation:wa-pulse 2s infinite}
.whatsapp-float a:hover{background:var(--color-whatsapp-dark);color:#fff;transform:scale(1.05)}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.4)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ===== SOCIAL SIDEBAR ===== */
.social-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column}
.social-sidebar a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast)}
.social-sidebar a:hover{color:#fff;width:50px}
.social-sidebar a.fb{background:#3b5998}
.social-sidebar a.tw{background:#1da1f2}
.social-sidebar a.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.social-sidebar a.yt{background:#ff0000}

/* ===== BREADCRUMB ===== */
.breadcrumb{padding:1rem 0;background:var(--color-light-bg)}
.breadcrumb-list{display:flex;align-items:center;gap:8px;font-size:0.875rem}
.breadcrumb-list a{color:var(--color-text-light)}
.breadcrumb-list a:hover{color:var(--color-primary)}
.breadcrumb-list .separator{color:var(--color-text-lighter)}
.breadcrumb-list .current{color:var(--color-text);font-weight:500}

/* ===== PAGE HEADER ===== */
.page-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:4rem 0;text-align:center;color:#fff}
.page-header h1{font-size:2.25rem;color:#fff;margin-bottom:0.5rem}
.page-header p{color:rgba(255,255,255,0.85);font-size:1.125rem}

/* ===== PRODUCT DETAIL ===== */
.product-detail{padding:3rem 0 4rem}
.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.product-gallery{position:sticky;top:2rem}
.product-gallery-main{border-radius:8px;overflow:hidden;margin-bottom:1rem;border:1px solid var(--color-border);background:var(--color-light-bg);cursor:zoom-in}
.product-gallery-main img{width:100%;height:auto;transition:transform var(--transition-base)}
.product-gallery-main:hover img{transform:scale(1.1)}
.product-gallery-thumbs{display:flex;gap:0.5rem}
.product-gallery-thumb{width:80px;height:80px;border:2px solid var(--color-border);border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast)}
.product-gallery-thumb.active,.product-gallery-thumb:hover{border-color:var(--color-primary)}
.product-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.product-info-section{padding-top:0.5rem}
.product-info-category{font-size:0.875rem;color:var(--color-text-lighter);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.5rem}
.product-info-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem;line-height:1.2}
.product-info-subtitle{color:var(--color-text-light);font-size:1rem;margin-bottom:1rem;margin-top:-0.5rem}
.product-info-price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}
.product-info-price .original-price{text-decoration:line-through;color:var(--color-text-lighter);font-weight:400;font-size:1.125rem;margin-right:8px}
.product-info-description{color:var(--color-text-light);font-size:0.875rem;line-height:1.7;margin-bottom:2rem}
.product-variation-label{font-size:0.875rem;font-weight:600;color:var(--color-dark);margin-bottom:0.5rem}
.product-variations{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem}
.variation-btn{padding:10px 20px;border:2px solid var(--color-border);border-radius:4px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:#fff}
.variation-btn:hover,.variation-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:rgba(223,1,1,0.05)}
.product-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.product-meta{border-top:1px solid var(--color-border);padding-top:1.5rem}
.product-meta-item{font-size:0.875rem;color:var(--color-text-light);margin-bottom:6px}
.product-meta-item strong{color:var(--color-dark);font-weight:600;margin-right:6px}
.product-meta-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:0.5rem}
.product-tag{display:inline-block;padding:3px 10px;background:var(--color-light-bg);border-radius:9999px;font-size:0.75rem;color:var(--color-text-light);transition:all var(--transition-fast)}
.product-tag:hover{background:var(--color-primary);color:#fff}

/* ===== PRODUCT TABS ===== */
.product-tabs{margin-top:4rem;border-top:1px solid var(--color-border)}
.product-tabs-nav{display:flex;border-bottom:2px solid var(--color-border)}
.product-tab-btn{padding:14px 28px;font-size:0.875rem;font-weight:600;color:var(--color-text-light);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--transition-fast);background:none}
.product-tab-btn:hover,.product-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}
.product-tab-content{padding:2rem 0}
.product-tab-content h2,.product-tab-content h3{margin:1.5rem 0 0.5rem}
.product-tab-content p{color:var(--color-text-light);line-height:1.8;margin-bottom:1rem}
.product-tab-content ul,.product-tab-content ol{padding-left:1.5rem;margin-bottom:1rem}
.product-tab-content li{color:var(--color-text-light);line-height:1.8;list-style:disc;margin-bottom:4px}
.product-tab-content ol li{list-style:decimal}
.tab-panel{display:none}
.tab-panel.active{display:block}

/* ===== ABOUT PAGE ===== */
.about-section{padding:4rem 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.about-content h2{font-size:1.875rem;margin-bottom:1rem}
.about-content h3{font-size:1.25rem;color:var(--color-primary);margin-bottom:0.5rem}
.about-content p{color:var(--color-text-light);line-height:1.8;margin-bottom:1rem}
.about-image{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}
.about-image img{width:100%;height:auto}
.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}
.process-step{text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}
.process-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.process-step-number{width:60px;height:60px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}
.process-step h4{font-size:1rem;margin-bottom:0.5rem}
.process-step p{font-size:0.875rem;color:var(--color-text-light)}

/* ===== CONTACT PAGE ===== */
.contact-section{padding:4rem 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.contact-form-group{margin-bottom:1.5rem}
.contact-form-group label{display:block;font-size:0.875rem;font-weight:500;color:var(--color-dark);margin-bottom:6px}
.contact-form-group input,.contact-form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:4px;outline:none;transition:border-color var(--transition-fast)}
.contact-form-group input:focus,.contact-form-group textarea:focus{border-color:var(--color-primary)}
.contact-form-group textarea{min-height:150px;resize:vertical}
.contact-info-card{background:var(--color-light-bg);border-radius:8px;padding:3rem}
.contact-info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
.contact-info-icon{width:45px;height:45px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.contact-info-text h4{font-size:0.875rem;font-weight:600;margin-bottom:4px}
.contact-info-text p{font-size:0.875rem;color:var(--color-text-light)}

/* ===== POLICY PAGES ===== */
.policy-content{padding:4rem 0;max-width:800px;margin:0 auto}
.policy-content h2{font-size:1.5rem;margin:3rem 0 1rem}
.policy-content h3{font-size:1.25rem;margin:1.5rem 0 0.5rem}
.policy-content p{color:var(--color-text-light);line-height:1.8;margin-bottom:1rem}
.policy-content ul{padding-left:1.5rem;margin-bottom:1rem}
.policy-content li{list-style:disc;color:var(--color-text-light);line-height:1.8;margin-bottom:4px}

/* ===== SHOP PAGE ===== */
.shop-section{padding:3rem 0 4rem}
.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}
.shop-header p{font-size:0.875rem;color:var(--color-text-light)}

/* ===== BLOG ===== */
.blog-section{padding:3rem 0 4rem}
.blog-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-base)}
.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.blog-card-image{height:250px;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover}
.blog-card-content{padding:1.5rem}
.blog-card-date{font-size:0.75rem;color:var(--color-text-lighter);margin-bottom:0.5rem}
.blog-card-title{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;line-height:1.4}
.blog-card-excerpt{font-size:0.875rem;color:var(--color-text-light);line-height:1.7;margin-bottom:1rem}

/* ===== RELATED PRODUCTS ===== */
.related-products{padding:4rem 0;background:var(--color-light-bg)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .hero-slide-content h2{font-size:1.875rem}
}
@media(max-width:768px){
  .top-bar-social{display:none}
  .main-header .container{flex-wrap:wrap}
  .header-search{order:3;max-width:100%;flex-basis:100%;margin-top:0.5rem}
  .nav-toggle{display:block}
  .nav-menu{display:none}
  .nav-menu.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-primary);z-index:100;box-shadow:var(--shadow-lg)}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
  .product-detail-grid{grid-template-columns:1fr;gap:2rem}
  .product-gallery{position:static}
  .promo-banners .container{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr}
  .newsletter .container{flex-direction:column;text-align:center}
  .newsletter-form{max-width:100%;flex-direction:column}
  .hero-slide-content{left:5%;right:5%}
  .hero-slide-content h2{font-size:1.5rem}
  .hero-slide-content p{font-size:0.875rem}
  .hero-arrow{width:36px;height:36px}
  .page-header h1{font-size:1.5rem}
  .process-steps{grid-template-columns:1fr}
  .social-sidebar{display:none}
  .footer-bottom{flex-direction:column;gap:1rem;text-align:center}
  .whatsapp-float a .wa-text{display:none}
  .whatsapp-float a{padding:14px;border-radius:50%}
  .product-info-title{font-size:1.5rem}
  .product-tabs-nav{overflow-x:auto;white-space:nowrap}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:1fr}
  .header-actions{gap:1rem}
  .product-actions{flex-direction:column}
  .product-actions .btn-primary,.product-actions .btn-whatsapp,.product-actions .btn-outline{width:100%;justify-content:center;text-align:center}
}