.banner{width:100%;max-height:none;overflow:hidden;background:#f0ebe5}.banner img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}.brand{display:inline-flex;align-items:center;gap:8px}.brand img{width:auto;max-width:150px;height:30px;object-fit:contain}
@media(max-width:800px){.banner img{width:100%;height:auto}.nav nav{gap:14px;white-space:nowrap}.nav nav a{font-size:12px}}
@media(max-width:480px){.nav{padding:0 4%}.nav nav{gap:9px}.nav nav a{font-size:11px}.brand{font-size:20px}.brand img{max-width:90px;height:26px}}
.nav{position:sticky;top:0}.nav nav a{padding:10px 0}.nav nav a:first-child{color:var(--accent)}
.section{padding-top:60px;padding-bottom:60px}
.section h2{letter-spacing:-1px}
.grid{gap:20px}
.card{border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.card-img{height:300px}
.card-info{padding:14px 4px 8px}
.card-info h3{font-size:18px}
.badge,.sale-badge{border-radius:var(--radius-pill)}
.product-layout{background:var(--card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}
.product-copy{padding:24px 30px}
.main-photo{border-radius:var(--radius-md);overflow:hidden}
.thumbs button{border-radius:var(--radius-sm);overflow:hidden;opacity:.6}.thumbs button:hover{opacity:1}
.whatsapp{border-radius:var(--radius-sm)}
footer{background:var(--ink)}
.auth-page{background:linear-gradient(135deg,#faf8f5 0%,#f0e8df 100%)}
.auth-box{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.auth-box .brand{margin-bottom:24px}
.profile-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.admin-shell{background:#f4f6f8}
.admin-shell aside{position:sticky;top:0;height:100vh}
.admin-main{padding-top:40px}
.admin-table{overflow:hidden}
.table-row{transition:background .2s}
.table-row:not(.table-head):hover{background:#fff}
.admin-form .btn,.admin-head .btn{box-shadow:0 8px 18px rgba(36,34,31,.1)}
@media(max-width:800px){.nav{position:relative}.nav nav{overflow-x:auto}.section{padding-top:40px}.grid{gap:14px}.card-img{height:220px}.product-layout{padding:12px}.product-copy{padding:20px 10px}.search input{width:160px}.symora-hero{flex-direction:column;text-align:center;padding:60px 6%;min-height:auto}.symora-hero>div{max-width:100%}.symora-hero p{max-width:100%}.hero-orbit{width:200px;height:200px;margin-top:40px}.hero-bottle{width:80px;height:150px}.trust-row{flex-wrap:wrap;gap:16px;font-size:12px}.faq{grid-template-columns:1fr;gap:30px}.sale-strip{flex-direction:column;gap:24px;text-align:center}.sale-inner{flex-direction:column;gap:28px;padding:40px 6%}.sale-timer{justify-content:center}.timer-block{min-width:64px;padding:12px 14px}.timer-block span{font-size:24px}}.category-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr;gap:30px}.social-icons{justify-content:flex-start}}
@media(max-width:560px){.section-top{display:flex;align-items:center;gap:12px}.section-top h2{font-size:30px}.section-heading{flex-direction:column;align-items:start;gap:12px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-img{height:auto;aspect-ratio:1/1}.card-info{flex-direction:column;gap:4px}.card-info strong{font-size:13px}.product-copy h1{font-size:32px}.product-copy .price{font-size:20px}.faq{padding-left:16px;padding-right:16px}.sale-strip{margin-left:16px;margin-right:16px;padding:0}.sale-inner{padding:32px 16px}.timer-block{min-width:56px;padding:10px 12px}.timer-block span{font-size:20px}.timer-sep{font-size:22px;padding-bottom:16px}.category-grid{grid-template-columns:1fr}.profile-modern{padding:24px 4%}.profile-hero{flex-direction:column;text-align:center}.profile-avatar{width:56px;height:56px;font-size:22px}.profile-hero h1{font-size:26px}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px}.tab-btn{padding:8px 14px;font-size:13px;white-space:nowrap}.tab-content{padding:24px 18px}.fav-grid{grid-template-columns:repeat(2,1fr);gap:10px}.fav-info strong{font-size:12px}.fav-price{font-size:12px}}

/* ═══════════════════════════════════════════
   DESKTOP (≥1024px): STANDARD LAYOUT
   ═══════════════════════════════════════════ */
@media(min-width:1024px){
  .banner-mobile{display:none!important}
  .banner-desktop{display:block}
  .banner-slider{position:relative;width:100%;overflow:hidden;background:#f0ebe5}
  .banner-track{position:relative;width:100%}
  .banner-slide{display:none;width:100%}
  .banner-slide.active{display:block}
  .banner-slide img{display:block;width:100%;height:auto;object-fit:contain}
}

/* ═══════════════════════════════════════════
   MOBILE/TABLET (≤1023px): STANDARD LAYOUT
   ═══════════════════════════════════════════ */
@media(max-width:1023px){
  .banner-desktop{display:none!important}
  .banner-mobile{display:block}
  .banner-slider{position:relative;width:100%;overflow:hidden;background:#f0ebe5}
  .banner-track{position:relative;width:100%}
  .banner-slide{display:none;width:100%}
  .banner-slide.active{display:block}
  .banner-slide img{display:block;width:100%;height:auto;object-fit:contain}
}