*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Inter',sans-serif}
header{position:sticky;top:0;z-index:100}

/* Fade reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:none}

/* Nav */
.nav-link{position:relative}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#752226;transition:width .3s}
.nav-link:hover::after,.nav-link.active::after{width:100%}

/* Tab buttons */
.tab-btn{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.tab-btn.active{background:#181F4D;color:#fff;border-color:#181F4D}
.tab-btn:not(.active):hover{border-color:#181F4D;color:#181F4D}

/* Category section */
.cat-section{display:none}
.cat-section.active{display:block}

/* Product card */
.prod-card{transition:transform .22s,box-shadow .22s}
.prod-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(24,31,77,.12)}

/* Sticky sidebar nav */
.sticky-nav{position:sticky;top:76px}

/* Side nav link */
.sidenav-link{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#4b5563;transition:background .2s,color .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}
.sidenav-link:hover{background:#F8F9FA;color:#181F4D}
.sidenav-link.active{background:#181F4D;color:#fff}
.sidenav-link .count{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:rgba(117,34,38,.15);color:#752226}
.sidenav-link.active .count{background:rgba(255,255,255,.2);color:#fff}

/* Ticker */
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-inner{display:flex;animation:ticker 32s linear infinite;width:max-content}
.ticker-inner:hover{animation-play-state:paused}

/* Search highlight */
.search-hidden{display:none!important}

/* WhatsApp float */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:200}
.wa-float a{display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;padding:11px 16px;border-radius:50px;box-shadow:0 4px 18px rgba(37,211,102,.4);text-decoration:none;transition:transform .2s}
.wa-float a:hover{transform:translateY(-2px)}

@media(max-width:1023px){.sticky-nav{position:static}}

/* Decorative texture background (was an inline style attribute) */
.page-header-texture-bg{background-image:repeating-linear-gradient(0deg,#fff 0,#fff 1px,transparent 1px,transparent 56px),repeating-linear-gradient(90deg,#fff 0,#fff 1px,transparent 1px,transparent 56px)}