/* Tilattama home — moved out of front-page.php on 11 Sep 2026 so ~125 KB of CSS is cached by the browser instead of re-sent inside every HTML response. Edit here, not in the template. Quick-view modal styles still print inline from tilo-product-card.php. */
:root{--burgundy:#6B0F2B;--burgundy-dark:#4A0A1E;--burgundy-light:#8B1F3B;--gold:#C9A962;--gold-light:#D4BC7D;--gold-dark:#A68B4B;--cream:#FBF9F6;--cream-dark:#F5F0E8;--charcoal:#2C2C2C;--charcoal-light:#4A4A4A;--whatsapp:#25D366;--font-display:'Cormorant',Georgia,serif;--font-body:'Karla',sans-serif;--ease:cubic-bezier(.25,.46,.45,.94);--safe-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);overflow-x:hidden}
#header,.header-wrapper,.page-top,.porto-header{display:none!important}

/* ===== NAV ===== */
.tilo-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.2rem 3rem;transition:all .4s var(--ease);background:transparent}
.tilo-nav.scrolled{background:rgba(251,249,246,.98);backdrop-filter:blur(20px);box-shadow:0 2px 30px rgba(107,15,43,.08);padding:.8rem 3rem}
.tilo-nav-inner{max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.tilo-logo{text-decoration:none;display:flex;align-items:center;min-width:180px;height:50px;position:relative}
.tilo-logo-full{max-height:45px;width:auto;transition:all .3s;opacity:1}
.tilo-logo-icon-img{max-height:42px;width:auto;transition:all .3s;opacity:0;position:absolute;left:0}
.tilo-nav.scrolled .tilo-logo-full{opacity:0;pointer-events:none}
.tilo-nav.scrolled .tilo-logo-icon-img{opacity:1}
.tilo-logo-fallback{display:flex;align-items:center;gap:.6rem}
.tilo-logo-fallback-icon{width:44px;height:44px;background:var(--burgundy);border-radius:10px;display:flex;align-items:center;justify-content:center}
.tilo-logo-fallback-icon svg{width:24px;height:24px;fill:var(--gold)}
.tilo-logo-fallback-text{display:flex;flex-direction:column}
.tilo-logo-fallback-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--burgundy);line-height:1.1}
.tilo-logo-fallback-tag{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark)}
.tilo-nav.scrolled .tilo-logo-fallback-text{display:none}
.tilo-nav-actions{display:flex;align-items:center;gap:.6rem}
.tilo-nav-btn{width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative;text-decoration:none;color:#fff}
.tilo-nav-btn svg{width:22px;height:22px;stroke:#fff;stroke-width:1.5;fill:none;transition:all .3s}
.tilo-nav-btn:hover{background:var(--gold);transform:translateY(-2px)}
.tilo-nav-btn:hover svg{stroke:var(--burgundy-dark)}
.tilo-nav-btn .badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--gold);color:var(--burgundy-dark);font-size:.65rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center}
.tilo-menu-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:all .3s}
.tilo-menu-btn span{width:18px;height:1.5px;background:#fff;transition:all .3s;display:block}
.tilo-menu-btn:hover{background:var(--gold);border-color:var(--gold)}
.tilo-menu-btn:hover span{background:var(--burgundy-dark)}
/* Nav on scrolled state - dark icons */
.tilo-nav.scrolled .tilo-nav-btn{background:transparent;color:var(--charcoal)}
.tilo-nav.scrolled .tilo-nav-btn svg{stroke:var(--charcoal)}
.tilo-nav.scrolled .tilo-nav-btn:hover{background:var(--burgundy)}
.tilo-nav.scrolled .tilo-nav-btn:hover svg{stroke:#fff}
.tilo-nav.scrolled .tilo-menu-btn{border-color:var(--charcoal);background:transparent}
.tilo-nav.scrolled .tilo-menu-btn span{background:var(--charcoal)}
.tilo-nav.scrolled .tilo-menu-btn:hover{background:var(--burgundy);border-color:var(--burgundy)}
.tilo-nav.scrolled .tilo-menu-btn:hover span{background:#fff}

/* ===== SEARCH OVERLAY ===== */
.tilo-search-overlay{position:fixed;inset:0;z-index:2000;background:var(--cream);transform:translateY(-100%);transition:transform .4s var(--ease);display:flex;flex-direction:column}
.tilo-search-overlay.active{transform:translateY(0)}
.tilo-search-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(107,15,43,.08);background:#fff}
.tilo-search-back{width:44px;height:44px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;flex-shrink:0}
.tilo-search-back:hover{background:var(--cream)}
.tilo-search-back svg{width:24px;height:24px;stroke:var(--charcoal);stroke-width:2;fill:none}
.tilo-search-input-wrap{flex:1;position:relative}
.tilo-search-input{width:100%;height:48px;padding:0 3rem 0 1rem;border:2px solid var(--cream-dark);border-radius:100px;font-size:1rem;font-family:var(--font-body);background:var(--cream);transition:all .3s;outline:none}
.tilo-search-input:focus{border-color:var(--burgundy);background:#fff}
.tilo-search-input::placeholder{color:#999}
.tilo-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:var(--charcoal-light);stroke-width:2;fill:none}
.tilo-search-body{flex:1;overflow-y:auto;padding:1.5rem}
.tilo-search-section{margin-bottom:2rem}
.tilo-search-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.tilo-search-label svg{width:14px;height:14px;stroke:var(--gold-dark);fill:none}
.tilo-search-trending{display:flex;flex-wrap:wrap;gap:.5rem}
.tilo-search-tag{padding:.5rem 1rem;background:#fff;border:1px solid rgba(107,15,43,.1);border-radius:100px;font-size:.85rem;color:var(--charcoal);text-decoration:none;transition:all .3s}
.tilo-search-tag:hover,.tilo-search-tag:active{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
.tilo-search-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tilo-search-cat{text-align:center;text-decoration:none}
.tilo-search-cat-img{width:70px;height:70px;margin:0 auto .5rem;border-radius:50%;overflow:hidden;border:3px solid var(--gold);transition:all .3s}
.tilo-search-cat:hover .tilo-search-cat-img{border-color:var(--burgundy);transform:scale(1.05)}
.tilo-search-cat-img img{width:100%;height:100%;object-fit:cover}
.tilo-search-cat-name{font-size:.75rem;color:var(--charcoal)}

/* Shop by Color */
.tilo-search-colors{display:flex;flex-wrap:wrap;gap:.75rem}
.tilo-color-swatch{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:all .3s;text-decoration:none;position:relative}
.tilo-color-swatch:hover,.tilo-color-swatch:active{transform:scale(1.15);box-shadow:0 4px 15px rgba(0,0,0,.25)}
.tilo-color-swatch span{position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);font-size:.6rem;color:var(--charcoal);white-space:nowrap;opacity:0;transition:opacity .3s}
.tilo-color-swatch:hover span{opacity:1}

/* Shop by Price Quick */
.tilo-search-prices{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.tilo-price-card{padding:1rem;background:linear-gradient(135deg,var(--burgundy),var(--burgundy-light));border-radius:14px;text-decoration:none;color:#fff;text-align:center;transition:all .3s}
.tilo-price-card:hover,.tilo-price-card:active{transform:translateY(-3px);box-shadow:0 8px 25px rgba(107,15,43,.3)}
.tilo-price-card-amount{font-family:var(--font-display);font-size:1.1rem;font-weight:600}
.tilo-price-card-label{font-size:.65rem;opacity:.8;margin-top:.2rem}

/* Quick Actions Grid */
.tilo-search-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.tilo-search-action{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:#fff;border-radius:12px;text-decoration:none;color:var(--charcoal);border:1px solid var(--cream-dark);transition:all .3s}
.tilo-search-action:hover,.tilo-search-action:active{border-color:var(--burgundy);background:var(--burgundy);color:#fff}
.tilo-search-action:hover svg,.tilo-search-action:active svg{stroke:#fff}
.tilo-search-action svg{width:24px;height:24px;stroke:var(--burgundy);stroke-width:1.5;fill:none}
.tilo-search-action span{font-size:.7rem;font-weight:500;text-align:center}

/* ===== MEGA MENU ===== */
.tilo-mega-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1500;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s}
.tilo-mega-menu.active{opacity:1;visibility:visible}
.tilo-mega-panel{position:absolute;top:0;right:0;width:420px;max-width:90vw;height:100%;background:#fff;transform:translateX(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column;overflow:hidden}
.tilo-mega-menu.active .tilo-mega-panel{transform:translateX(0)}
.tilo-mega-header{padding:1.5rem 1.25rem 1.1rem;background:linear-gradient(180deg,#fbf6ef 0%,#fff 100%);color:var(--charcoal);display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid var(--cream-dark)}
.tilo-mega-header::after{content:'';position:absolute;left:1.25rem;right:1.25rem;bottom:-1px;height:1.5px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);opacity:0.55}
.tilo-mega-logo{display:flex;align-items:center;text-decoration:none;color:inherit;flex:1;min-width:0}
.tilo-mega-logo img{display:block;height:42px;width:auto;max-width:180px;object-fit:contain}
.tilo-mega-logo-text{font-family:var(--font-display);font-size:1.55rem;font-weight:600;letter-spacing:0.04em;color:var(--burgundy)}
.tilo-mega-close{width:36px;height:36px;border:none;background:var(--cream-dark);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--charcoal);transition:background .18s ease,color .18s ease;flex-shrink:0;margin-left:.75rem}
.tilo-mega-close svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}
.tilo-mega-close:hover{background:var(--burgundy);color:#fff}
.tilo-mega-body{flex:1;overflow-y:auto}
.tilo-mega-section{border-bottom:1px solid var(--cream-dark)}
.tilo-mega-accordion{width:100%}
.tilo-mega-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--charcoal);text-align:left}
.tilo-mega-trigger svg{width:16px;height:16px;stroke:var(--charcoal-light);stroke-width:2;fill:none;transition:transform .3s}
.tilo-mega-accordion.open .tilo-mega-trigger svg{transform:rotate(180deg)}
.tilo-mega-content{max-height:0;overflow:hidden;transition:max-height .3s;background:var(--cream)}
.tilo-mega-accordion.open .tilo-mega-content{max-height:600px}
.tilo-mega-links{padding:.5rem 0}
.tilo-mega-link{display:block;padding:.6rem 2rem;color:var(--charcoal-light);text-decoration:none;font-size:.9rem;transition:all .2s}
.tilo-mega-link:hover{background:rgba(107,15,43,.05);color:var(--burgundy);padding-left:2.5rem}
.tilo-mega-link .new-tag{background:var(--gold);color:var(--burgundy-dark);font-size:.55rem;padding:.1rem .35rem;border-radius:2px;margin-left:.4rem}
.tilo-mega-single{display:block;padding:1rem 1.5rem;color:var(--charcoal);text-decoration:none;font-size:1rem;font-weight:500;border-bottom:1px solid var(--cream-dark);transition:all .2s}
.tilo-mega-single:hover{background:var(--cream);color:var(--burgundy)}
.tilo-mega-footer{padding:1.5rem;border-top:1px solid var(--cream-dark);background:var(--cream)}
.tilo-mega-account{margin-bottom:1rem}
.tilo-mega-account-title{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.75rem}
.tilo-mega-account-links{display:flex;flex-wrap:wrap;gap:.5rem}
.tilo-mega-account-links a{padding:.4rem .8rem;background:#fff;border:1px solid rgba(107,15,43,.1);border-radius:100px;font-size:.8rem;color:var(--charcoal);text-decoration:none;transition:all .2s}
.tilo-mega-account-links a:hover{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
.tilo-mega-social{display:flex;gap:.75rem}
.tilo-mega-social a{width:36px;height:36px;border-radius:50%;background:var(--burgundy);display:flex;align-items:center;justify-content:center;transition:all .2s}
.tilo-mega-social a:hover{background:var(--burgundy-dark);transform:scale(1.1)}
.tilo-mega-social svg{width:16px;height:16px;fill:#fff}

/* ─── Greeting strip ─── */
.tilo-mega-greeting{padding:1rem 1.5rem;background:linear-gradient(180deg,var(--cream-dark) 0%,#fff 100%);border-bottom:1px solid var(--cream-dark);display:flex;flex-direction:column;gap:.18rem}
.tilo-mega-greeting-label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);font-weight:600}
.tilo-mega-greeting-name{font-family:var(--font-display);font-size:1.15rem;color:var(--charcoal);font-weight:600;letter-spacing:.01em}
.tilo-mega-greeting-name a{color:var(--burgundy);text-decoration:none;font-weight:600;font-family:var(--font-body);font-size:.95rem}
.tilo-mega-greeting-name a:hover{text-decoration:underline}
.tilo-greeting-sep{color:#c5b9b3;margin:0 .35rem;font-weight:400}

/* ─── Quick row: 3 utility tiles (Track / Wishlist / Orders) ─── */
.tilo-mega-quickrow{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem 1rem .85rem}
.tilo-mega-quick{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .4rem;background:#fff;border:1px solid var(--cream-dark);border-radius:10px;color:var(--charcoal);text-decoration:none;transition:all .2s ease;font-size:.7rem;font-weight:500;letter-spacing:.04em;text-align:center}
.tilo-mega-quick svg{width:22px;height:22px;color:var(--burgundy)}
.tilo-mega-quick:hover{border-color:var(--burgundy);transform:translateY(-1px);box-shadow:0 4px 12px rgba(107,15,43,.08)}
.tilo-mega-quick:active{background:var(--cream)}

/* ─── WhatsApp stylist CTA card (signature feature for Indian buyers) ─── */
.tilo-mega-cta{display:flex;align-items:center;gap:.85rem;margin:0 1rem 1rem;padding:.9rem 1rem;background:linear-gradient(135deg,#0f3a23 0%,#1d5b39 100%);color:#fff;text-decoration:none;border-radius:12px;box-shadow:0 4px 16px rgba(29,91,57,.25)}
.tilo-mega-cta:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(29,91,57,.35)}
.tilo-mega-cta-icon{width:38px;height:38px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tilo-mega-cta-icon svg{width:22px;height:22px;color:#fff}
.tilo-mega-cta-text{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}
.tilo-mega-cta-title{font-family:var(--font-display);font-size:1.02rem;font-weight:600;letter-spacing:.01em;line-height:1}
.tilo-mega-cta-sub{font-size:.7rem;color:rgba(255,255,255,.78);letter-spacing:.02em}
.tilo-mega-cta-arrow{width:16px;height:16px;color:rgba(255,255,255,.7);flex-shrink:0}

/* ─── Legal footer line ─── */
.tilo-mega-legal{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem 1.5rem 0.5rem;font-size:.7rem;color:#a8a8a8;letter-spacing:.04em}
.tilo-mega-legal a{color:#999;text-decoration:none;transition:color .15s}
.tilo-mega-legal a:hover{color:var(--burgundy)}

/* ===== HERO - FULLSCREEN LEFT ALIGNED ===== */
.tilo-hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center}
.tilo-hero-media{position:absolute;inset:0;z-index:1}
.tilo-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.tilo-hero-slide.active{opacity:1}
.tilo-hero-slide img,.tilo-hero-slide video{width:100%;height:100%;object-fit:cover;object-position:center}
/* Desktop: Reduce hero height so vertical video doesn't zoom too much */
@media(min-width:1024px){
.tilo-hero{min-height:85vh;max-height:800px}
.tilo-hero-slide video{object-position:50% 20%}
}
@media(min-width:1400px){
.tilo-hero{min-height:90vh;max-height:900px}
}
.tilo-hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}
/* Content - Left aligned (force, in case Porto/parent CSS centers) */
.tilo-hero-content{position:relative;z-index:10;text-align:left!important;padding:0 0 0 8%;max-width:750px}
.tilo-hero-content *{text-align:left!important;text-decoration:none!important}
/* Title - Light weight */
.tilo-hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:300;line-height:1.2;color:#fff;margin-bottom:1.5rem;letter-spacing:-.01em;border:none!important;text-decoration:none!important}
.tilo-hero-title::before,.tilo-hero-title::after{display:none!important;content:none!important}
.tilo-hero-title .static{opacity:0;animation:gentleFade 1s ease .2s forwards;text-decoration:none!important;border:none!important}
/* Typewriter text */
.tilo-hero-title .rotating-wrap{display:block;min-height:1.3em;margin-top:.1em;border:none!important;text-decoration:none!important}
.tilo-hero-typing{color:var(--gold);font-style:italic;text-decoration:none!important;border:none!important}
.tilo-hero-cursor{display:inline-block;width:3px;height:1em;background:var(--gold);margin-left:3px;vertical-align:text-bottom;animation:cursorBlink .6s ease-in-out infinite}
@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes gentleFade{to{opacity:1}}
/* Tagline */
.tilo-hero-tagline{font-family:var(--font-body);font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:2.5rem;font-weight:300;opacity:0;animation:gentleFade 1s ease .5s forwards}
/* CTA */
.tilo-hero-cta{opacity:0;animation:gentleFade 1s ease .8s forwards}
.tilo-hero-cta-btn{display:inline-flex;align-items:center;gap:1rem;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:1rem 2rem;font-size:.75rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:all .4s ease}
.tilo-hero-cta-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.8)}
.tilo-hero-cta-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;transition:transform .3s ease}
.tilo-hero-cta-btn:hover svg{transform:translateX(4px)}
/* Slide Indicators - Left bottom */
.tilo-hero-indicators{position:absolute;bottom:3rem;left:8%;z-index:15;display:flex;gap:.8rem}
.tilo-hero-dot{width:40px;height:2px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s ease;padding:0;border:none;border-radius:1px}
.tilo-hero-dot.active{background:var(--gold)}
.tilo-hero-dot:hover{background:rgba(255,255,255,.6)}
/* Hide scroll indicator and unused */
.tilo-hero-scroll,.tilo-hero-frame,.tilo-hero-particles,.tilo-hero-badge,.tilo-hero-desc,.tilo-hero-line{display:none}
/* Buttons */
.tilo-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2rem;border-radius:100px;font-family:var(--font-body);font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .35s var(--ease)}
.tilo-btn-primary{background:var(--gold);color:var(--burgundy-dark);border:none}
.tilo-btn-primary:hover{background:#D4BC7D;transform:translateY(-3px);box-shadow:0 15px 35px rgba(201,169,98,.4)}
.tilo-btn-primary svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.tilo-btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.tilo-btn-outline:hover{background:#fff;color:var(--charcoal)}

/* ===== SECTIONS ===== */
.tilo-section{padding:5rem 3rem}
.tilo-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.tilo-section-title-wrap{display:flex;flex-direction:column;gap:.4rem}
.tilo-section-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark)}
.tilo-section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--charcoal);font-weight:500}
.tilo-view-all{font-size:.85rem;color:var(--burgundy);text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1.5px solid var(--burgundy);border-radius:100px;transition:all .3s}
.tilo-view-all:hover{background:var(--burgundy);color:var(--cream)}
.tilo-view-all svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}

/* ===== TABS ===== */
.tilo-tabs{display:flex;gap:.5rem;flex-wrap:wrap}
.tilo-tab{padding:.6rem 1.4rem;border-radius:100px;border:1.5px solid var(--charcoal);background:transparent;color:var(--charcoal);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s}
.tilo-tab:hover{border-color:var(--burgundy);color:var(--burgundy)}
.tilo-tab.active{background:var(--burgundy);border-color:var(--burgundy);color:var(--cream)}
.tilo-tab-content{display:none;animation:tabFade .4s var(--ease)}
.tilo-tab-content.active{display:block}
@keyframes tabFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ===== PRODUCT SLIDER ===== */
.tilo-slider{display:flex;gap:1.2rem;overflow-x:auto;/* scroll-snap disabled for autoscroll */scrollbar-width:none;padding:1rem 0;cursor:grab}
.tilo-slider::-webkit-scrollbar{display:none}

/* ===== PRODUCT CARD ===== */
.tilo-product{flex:0 0 240px;/* scroll-snap-align disabled */background:#fff;border-radius:16px;overflow:hidden;transition:all .4s var(--ease);cursor:pointer;text-decoration:none;display:block}
.tilo-product:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(107,15,43,.12)}
.tilo-product-img{aspect-ratio:3/4;overflow:hidden;position:relative}
.tilo-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.tilo-product:hover .tilo-product-img img{transform:scale(1.08)}
.tilo-product-badge{position:absolute;top:1rem;left:1rem;padding:.35rem .8rem;border-radius:6px;font-size:.65rem;font-weight:600;text-transform:uppercase}
.tilo-product-badge.sale{background:var(--burgundy);color:var(--cream)}
.tilo-product-badge.new{background:var(--gold);color:var(--burgundy-dark)}
.tilo-product-badge.hot{background:#E74C3C;color:#fff}
.tilo-product-info{padding:1.2rem}
.tilo-product-name{font-family:var(--font-display);font-size:1.1rem;color:var(--charcoal);margin-bottom:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tilo-product-price{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.tilo-product-price .current{font-size:1rem;color:var(--burgundy);font-weight:600}
.tilo-product-price .original{font-size:.85rem;color:var(--charcoal-light);text-decoration:line-through}

/* ===== CATEGORIES - ELEGANT ===== */

/* Section */
.tilo-categories{padding:1.25rem 1rem 1.75rem;background:var(--cream)}

/* Header */
.tilo-cat-header{text-align:center;margin-bottom:1.1rem}
.tilo-cat-title-wrap{display:inline-flex;align-items:center;gap:0.9rem;margin-bottom:0.4rem}
.tilo-cat-title-wrap::before,.tilo-cat-title-wrap::after{content:'';width:40px;height:1.5px;background:var(--gold)}
.tilo-cat-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--charcoal);letter-spacing:0.14em;text-transform:uppercase;margin:0}
.tilo-cat-subtitle{font-family:var(--font-display);font-size:0.85rem;color:var(--burgundy);font-style:italic}
.tilo-cat-label,.tilo-cat-viewall,.tilo-cat-title-line{display:none}

/* Grid */
.tilo-cat-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:0.7rem}

/* Tiles */
.tilo-cat-tile{position:relative;border-radius:10px;overflow:hidden;text-decoration:none;display:block;aspect-ratio:0.82/1;box-shadow:0 3px 15px rgba(0,0,0,0.08)}
.tilo-cat-tile--large,.tilo-cat-tile--small{grid-column:auto;grid-row:auto}
.tilo-cat-tile-circle{display:none}

/* Backgrounds */
.tilo-cat-tile--blouse{background:linear-gradient(160deg,#8B3A4A 0%,#4A1824 100%)}
.tilo-cat-tile--kurti{background:linear-gradient(160deg,#C9A66B 0%,#8B7355 100%)}
.tilo-cat-tile--onepiece{background:linear-gradient(160deg,#5A7B6A 0%,#2C4438 100%)}
.tilo-cat-tile--coord{background:linear-gradient(160deg,#7A6B5F 0%,#3D342C 100%)}

/* Images */
.tilo-cat-tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform 0.5s ease}
.tilo-cat-tile:active .tilo-cat-tile-img{transform:scale(1.04)}

/* Overlay */
.tilo-cat-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,10,8,0.88) 0%,rgba(15,10,8,0.35) 45%,transparent 100%);z-index:2}

/* Content */
.tilo-cat-tile-content{position:absolute;bottom:0.7rem;left:0.9rem;right:0.9rem;z-index:3}

/* Name */
.tilo-cat-tile-name{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:#fff;letter-spacing:0.015em;display:block;margin-bottom:0.3rem}
.tilo-cat-tile-name::after{content:'';display:block;width:22px;height:2px;background:var(--gold);margin-top:0.35rem;transition:width 0.3s ease}
.tilo-cat-tile:hover .tilo-cat-tile-name::after,.tilo-cat-tile:active .tilo-cat-tile-name::after{width:40px}
.tilo-cat-tile--large .tilo-cat-tile-name,.tilo-cat-tile--small .tilo-cat-tile-name{font-size:1.35rem}
.tilo-cat-tile-count{display:none}

/* Arrow */
.tilo-cat-tile-arrow{position:absolute;top:0.65rem;right:0.65rem;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3}
.tilo-cat-tile-arrow svg{width:11px;height:11px;stroke:#fff;stroke-width:2}

/* Tablet */
@media(min-width:400px){
.tilo-categories{padding:1.5rem 1.25rem 2rem}
.tilo-cat-bento{gap:0.85rem}
.tilo-cat-tile{border-radius:12px}
.tilo-cat-tile-name{font-size:1.45rem}
.tilo-cat-tile--large .tilo-cat-tile-name,.tilo-cat-tile--small .tilo-cat-tile-name{font-size:1.45rem}
.tilo-cat-tile-content{bottom:0.85rem;left:1rem;right:1rem}
}

/* Desktop */
@media(min-width:768px){
.tilo-categories{padding:2.5rem 2rem}
.tilo-cat-header{margin-bottom:1.5rem}
.tilo-cat-title{font-size:1.15rem}
.tilo-cat-title-wrap::before,.tilo-cat-title-wrap::after{width:60px}
.tilo-cat-bento{grid-template-columns:repeat(4,1fr);gap:1rem}
.tilo-cat-tile{aspect-ratio:0.75/1;border-radius:14px}
.tilo-cat-tile-name{font-size:1.65rem}
.tilo-cat-tile--large .tilo-cat-tile-name,.tilo-cat-tile--small .tilo-cat-tile-name{font-size:1.65rem}
.tilo-cat-tile-content{bottom:1.1rem;left:1.2rem}
.tilo-cat-tile:hover .tilo-cat-tile-img{transform:scale(1.06)}
.tilo-cat-tile:hover .tilo-cat-tile-name::after{width:50px}
}

/* Large Desktop */
@media(min-width:1024px){
.tilo-categories{padding:3rem;max-width:1200px;margin:0 auto}
.tilo-cat-title{font-size:1.2rem;letter-spacing:0.16em}
.tilo-cat-tile-name{font-size:1.85rem}
.tilo-cat-tile--large .tilo-cat-tile-name,.tilo-cat-tile--small .tilo-cat-tile-name{font-size:1.85rem}
}

/* ===== BESTSELLERS ===== */
.tilo-bestsellers{padding:1.5rem 1rem 2rem;background:#fff}

.tilo-bestsellers-header{text-align:center;margin-bottom:1.25rem}
.tilo-bestsellers-title-wrap{display:inline-flex;align-items:center;gap:0.9rem;margin-bottom:0.4rem}
.tilo-bestsellers-title-wrap::before,.tilo-bestsellers-title-wrap::after{content:'';width:40px;height:1.5px;background:var(--gold)}
.tilo-bestsellers-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--charcoal);letter-spacing:0.14em;text-transform:uppercase;margin:0}
.tilo-bestsellers-subtitle{font-family:var(--font-display);font-size:0.85rem;color:var(--burgundy);font-style:italic}

.tilo-bestsellers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}

.tilo-bestseller-card{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;display:block;box-shadow:0 2px 15px rgba(0,0,0,0.06);transition:all 0.3s ease}

.tilo-bestseller-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--cream)}
.tilo-bestseller-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}

.tilo-bestseller-badge{position:absolute;top:0.5rem;left:0.5rem;padding:0.3rem 0.6rem;background:var(--burgundy);color:#fff;font-size:0.6rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;border-radius:4px}

.tilo-bestseller-sale{position:absolute;top:0.5rem;right:0.5rem;padding:0.25rem 0.5rem;background:var(--gold);color:var(--burgundy-dark);font-size:0.6rem;font-weight:700;border-radius:4px}

.tilo-bestseller-quickview{position:absolute;bottom:0.7rem;right:0.7rem;width:34px;height:34px;background:rgba(255,255,255,0.95);color:var(--charcoal);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:3;box-shadow:0 2px 10px rgba(0,0,0,0.12);transition:all 0.3s ease}
.tilo-bestseller-quickview:active{background:var(--burgundy);color:#fff}
.tilo-bestseller-quickview svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5}

.tilo-bestseller-overlay,.tilo-bestseller-view,.tilo-bestseller-wish{display:none}

/* Wishlist heart on bestseller cards (matches universal product card) */
.tilo-bestseller-img .tilo-card-wish{position:absolute;top:0.55rem;right:0.55rem;width:34px;height:34px;background:rgba(255,255,255,0.95);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;box-shadow:0 2px 10px rgba(0,0,0,0.12);transition:all .25s}
.tilo-bestseller-img .tilo-card-wish svg{width:17px;height:17px;fill:none;stroke:#444;stroke-width:1.7;transition:all .25s}
.tilo-bestseller-img .tilo-card-wish:hover{background:#fff;transform:scale(1.08)}
.tilo-bestseller-img .tilo-card-wish:hover svg{stroke:var(--burgundy)}
.tilo-bestseller-img .tilo-card-wish.is-saved{background:var(--burgundy)}
.tilo-bestseller-img .tilo-card-wish.is-saved svg{fill:#fff;stroke:#fff}
/* When sale badge is also shown, push it left so it doesn't overlap the heart */
.tilo-bestseller-img .tilo-bestseller-sale{right:auto;left:0.5rem;top:2.4rem}

/* Wishlist nav badge: hide when no items */
.tilo-wish-badge[hidden]{display:none}

.tilo-bestseller-info{padding:0.85rem}
.tilo-bestseller-name{font-family:var(--font-display);font-size:0.95rem;color:var(--charcoal);margin-bottom:0.3rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tilo-bestseller-price{display:flex;align-items:center;gap:0.4rem}
.tilo-bestseller-price .current{font-family:var(--font-body);font-size:0.95rem;color:var(--burgundy);font-weight:600}
.tilo-bestseller-price .original{font-size:0.8rem;color:#999;text-decoration:line-through}

.tilo-bestsellers-viewall{display:block;text-align:center;margin-top:1.25rem}
.tilo-bestsellers-viewall a{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-body);font-size:0.8rem;color:var(--burgundy);text-decoration:none;padding:0.65rem 1.5rem;border:1px solid var(--burgundy);border-radius:25px;transition:all 0.3s ease}
.tilo-bestsellers-viewall svg{width:14px;height:14px;stroke:currentColor;stroke-width:2}

@media(min-width:400px){
.tilo-bestsellers{padding:1.75rem 1.25rem 2.25rem}
.tilo-bestsellers-grid{gap:0.85rem}
.tilo-bestseller-name{font-size:1rem}
.tilo-bestseller-info{padding:0.9rem}
}

@media(min-width:768px){
.tilo-bestsellers{padding:2.5rem 2rem}
.tilo-bestsellers-header{margin-bottom:1.5rem}
.tilo-bestsellers-title{font-size:1.15rem}
.tilo-bestsellers-title-wrap::before,.tilo-bestsellers-title-wrap::after{width:60px}
.tilo-bestsellers-grid{grid-template-columns:repeat(4,1fr);gap:1rem}
.tilo-bestseller-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.tilo-bestseller-card:hover .tilo-bestseller-img img{transform:scale(1.05)}
.tilo-bestseller-quickview{opacity:0;transition:all 0.3s}
.tilo-bestseller-card:hover .tilo-bestseller-quickview{opacity:1}
.tilo-bestseller-card:hover .tilo-bestseller-quickview:hover{background:var(--burgundy);color:#fff}
.tilo-bestseller-name{font-size:1.05rem}
.tilo-bestsellers-viewall a:hover{background:var(--burgundy);color:#fff}
}

@media(min-width:1024px){
.tilo-bestsellers{padding:3rem;max-width:1200px;margin:0 auto}
.tilo-bestsellers-title{font-size:1.2rem;letter-spacing:0.16em}
}

/* ═══════════════════════════════════════════════════════════════════════════════
   LAPTOP QUICK VIEW - Premium Curated Design
   ═══════════════════════════════════════════════════════════════════════════════ */
@media(min-width:768px){
    .tilo-quickview-modal.active{
        background:rgba(15,8,12,0.92);
        backdrop-filter:blur(12px)
    }

    .tilo-quickview-content{
        position:fixed;
        top:50%;
        left:50%;
        bottom:auto;
        right:auto;
        transform:translate(-50%,-50%) scale(0.92);
        opacity:0;
        max-width:960px;
        width:92%;
        border-radius:0;
        box-shadow:none;
        max-height:none;
        overflow:visible;
        background:transparent;
        transition:all 0.5s cubic-bezier(0.16,1,0.3,1)
    }
    .tilo-quickview-modal.active .tilo-quickview-content{
        transform:translate(-50%,-50%) scale(1);
        opacity:1
    }

    /* Hide mobile header, show desktop close */
    .tilo-quickview-header{display:none}
    .tilo-quickview-close-desktop{
        display:flex;
        position:absolute;
        top:-60px;
        right:0;
        width:48px;
        height:48px;
        background:transparent;
        border:1.5px solid rgba(255,255,255,0.3);
        border-radius:50%;
        color:rgba(255,255,255,0.8);
        align-items:center;
        justify-content:center;
        cursor:pointer;
        transition:all 0.3s;
        z-index:100
    }
    .tilo-quickview-close-desktop:hover{
        background:rgba(255,255,255,0.1);
        border-color:rgba(255,255,255,0.6);
        color:#fff
    }
    .tilo-quickview-close-desktop svg{width:22px;height:22px}

    /* Body becomes the main container */
    .tilo-quickview-body{
        display:grid;
        grid-template-columns:50% 50%;
        max-height:none;
        overflow:visible;
        min-height:540px;
        position:relative
    }

    /* Left - Image */
    .tilo-quickview-gallery{
        position:relative;
        height:100%;
        min-height:540px;
        max-height:none;
        background:#0a0a0a;
        overflow:hidden
    }
    .tilo-quickview-gallery img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center top;
        transition:transform 0.8s cubic-bezier(0.16,1,0.3,1)
    }
    .tilo-quickview-gallery:hover img{
        transform:scale(1.06)
    }

    /* Navigation arrows */
    .tilo-quickview-nav{
        width:50px;
        height:50px;
        background:rgba(255,255,255,0.95);
        opacity:0;
        transform:translateY(-50%) scale(0.85);
        transition:all 0.35s cubic-bezier(0.16,1,0.3,1);
        z-index:5;
        box-shadow:0 4px 20px rgba(0,0,0,0.2)
    }
    .tilo-quickview-gallery:hover .tilo-quickview-nav{
        opacity:1;
        transform:translateY(-50%) scale(1)
    }
    .tilo-quickview-nav:hover{
        background:var(--burgundy);
        transform:translateY(-50%) scale(1.08)
    }
    .tilo-quickview-nav.prev{left:1.5rem}
    .tilo-quickview-nav.next{right:1.5rem}
    .tilo-quickview-nav svg{width:22px;height:22px;stroke-width:2}

    /* Right - Product Info */
    .tilo-quickview-info{
        padding:3.5rem 3rem;
        display:flex;
        flex-direction:column;
        justify-content:center;
        background:#fff
    }

    /* Category badge */
    .tilo-quickview-tags{margin-bottom:1.25rem}
    .tilo-quickview-tag{
        padding:0.55rem 1.1rem;
        font-size:0.65rem;
        font-weight:600;
        letter-spacing:0.15em;
        text-transform:uppercase;
        background:transparent;
        border:1.5px solid var(--burgundy);
        border-radius:0;
        color:var(--burgundy)
    }

    /* Title */
    .tilo-quickview-title{
        font-size:1.9rem;
        font-weight:500;
        letter-spacing:-0.01em;
        text-transform:none;
        margin-bottom:1.5rem;
        line-height:1.2;
        color:#1a1a1a
    }

    /* Price */
    .tilo-quickview-price{
        margin-bottom:0.4rem;
        align-items:center;
        gap:0.75rem
    }
    .tilo-quickview-price .current{
        font-size:1.85rem;
        font-weight:600;
        color:#1a1a1a
    }
    .tilo-quickview-price .original{
        font-size:1.1rem;
        color:#999
    }
    .tilo-quickview-price .discount{
        font-size:0.7rem;
        padding:0.35rem 0.75rem;
        background:var(--burgundy);
        color:#fff;
        border-radius:0;
        font-weight:600;
        letter-spacing:0.03em
    }

    .tilo-quickview-tax{
        font-size:0.8rem;
        color:#888;
        margin-bottom:2rem;
        padding-bottom:2rem;
        border-bottom:1px solid #eee
    }

    /* Description */
    .tilo-quickview-desc{
        display:block;
        font-size:0.95rem;
        color:#666;
        line-height:1.85;
        margin-bottom:2.5rem
    }

    /* Actions - Side by side buttons */
    .tilo-quickview-actions{
        flex-direction:row;
        gap:1rem;
        margin-top:auto
    }
    .tilo-quickview-btn{
        padding:1.15rem 2rem;
        font-size:0.85rem;
        font-weight:600;
        letter-spacing:0.08em;
        text-transform:uppercase;
        border-radius:0;
        flex:1
    }
    .tilo-quickview-btn.primary{
        background:var(--burgundy);
        color:#fff;
        border:none
    }
    .tilo-quickview-btn.primary:hover{
        background:#7d1232;
        transform:translateY(-2px);
        box-shadow:0 8px 25px rgba(107,15,43,0.35)
    }
    .tilo-quickview-btn.secondary{
        background:#fff;
        color:#1a1a1a;
        border:1.5px solid #1a1a1a
    }
    .tilo-quickview-btn.secondary:hover{
        background:#1a1a1a;
        color:#fff
    }
}

@media(min-width:1100px){
    .tilo-quickview-content{max-width:1080px}
    .tilo-quickview-body{min-height:600px}
    .tilo-quickview-gallery{min-height:600px}
    .tilo-quickview-info{padding:4rem 3.5rem}
    .tilo-quickview-title{font-size:2.1rem}
    .tilo-quickview-price .current{font-size:2rem}
}


/* ===== TIMELINE BANNERS ===== */
.tilo-timeline-banner{
    width:100%;
    position:relative;
    overflow:hidden;
    margin:1.5rem auto;
    padding:0 1rem;
    box-sizing:border-box;
    max-width:1400px;
    height:280px
}
.tilo-timeline-banner-bg{
    position:absolute;
    top:0;left:1rem;right:1rem;bottom:0;
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    border-radius:12px;
    z-index:0
}
.tilo-timeline-banner::before{
    content:"";
    position:absolute;
    top:0;left:1rem;right:1rem;bottom:0;
    border-radius:12px;
    background:linear-gradient(to bottom, transparent 40%, rgba(107,15,43,0.85) 100%);
    pointer-events:none;
    z-index:1
}
.tilo-timeline-banner-content{
    position:absolute;
    bottom:0;left:1rem;right:1rem;
    padding:1.25rem 1.5rem;
    z-index:2;
    text-align:left
}
.tilo-timeline-banner-tagline{
    display:inline-block;
    font-family:var(--font-body);
    font-size:0.65rem;
    text-transform:uppercase;
    letter-spacing:0.15em;
    color:var(--gold);
    margin-bottom:0.4rem;
    position:relative;
    padding-left:2rem
}
.tilo-timeline-banner-tagline::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1.5rem;
    height:1px;
    background:var(--gold)
}
.tilo-timeline-banner-title{
    font-family:var(--font-display);
    font-size:1.4rem;
    font-weight:500;
    color:#fff;
    margin:0 0 0.25rem 0;
    line-height:1.25;
    letter-spacing:0.02em
}
.tilo-timeline-banner-subtitle{
    font-family:var(--font-body);
    font-size:0.8rem;
    color:rgba(255,255,255,0.75);
    margin:0;
    font-style:italic
}
.tilo-timeline-banner-placeholder{
    width:100%;
    height:200px;
    background:linear-gradient(135deg, var(--cream) 0%, #f5ebe0 100%);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--burgundy);
    font-family:var(--font-display);
    font-size:0.9rem;
    font-style:italic;
    opacity:0.7;
    border-radius:12px
}

/* Desktop banner */
@media (min-width:768px){
    .tilo-timeline-banner{
        padding:0 2rem;
        margin:2rem auto;
        height:450px
    }
    .tilo-timeline-banner-bg{
        left:2rem;right:2rem;
        background-position:center center
    }
    .tilo-timeline-banner::before{
        left:2rem;right:2rem;
        background:linear-gradient(to right, rgba(107,15,43,0.85) 0%, rgba(107,15,43,0.4) 35%, transparent 65%)
    }
    .tilo-timeline-banner-content{
        left:2rem;right:auto;
        bottom:auto;
        top:50%;
        transform:translateY(-50%);
        padding:2rem 3rem;
        max-width:400px
    }
    .tilo-timeline-banner-tagline{
        font-size:0.75rem;
        margin-bottom:0.6rem;
        padding-left:2.5rem
    }
    .tilo-timeline-banner-tagline::before{
        width:2rem
    }
    .tilo-timeline-banner-title{
        font-size:2.2rem;
        margin-bottom:0.5rem
    }
    .tilo-timeline-banner-subtitle{
        font-size:1rem
    }
}

@media (min-width:1200px){
    .tilo-timeline-banner{
        padding:0 3rem;
        height:500px
    }
    .tilo-timeline-banner-bg{
        left:3rem;right:3rem
    }
    .tilo-timeline-banner::before{
        left:3rem;right:3rem
    }
    .tilo-timeline-banner-content{
        left:3rem;
        padding:2.5rem 4rem;
        max-width:500px
    }
    .tilo-timeline-banner-title{
        font-size:2.8rem
    }
    .tilo-timeline-banner-subtitle{
        font-size:1.1rem
    }
}

/* ===== SHOP BY SIZE ===== */
.tilo-shop-size{
    padding:1.5rem 1rem;
    background:#fff
}
.tilo-shop-size-header{
    text-align:center;
    margin-bottom:1.25rem
}
.tilo-shop-size-title-wrap{
    display:inline-flex;
    align-items:center;
    gap:0.75rem
}
.tilo-shop-size-title-wrap::before,
.tilo-shop-size-title-wrap::after{
    content:'';
    width:35px;
    height:1.5px;
    background:var(--gold)
}
.tilo-shop-size-title{
    font-family:var(--font-display);
    font-size:1rem;
    font-weight:600;
    color:var(--charcoal);
    letter-spacing:0.12em;
    text-transform:uppercase;
    margin:0
}

.tilo-size-scroll{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:0.5rem;
    padding:0.25rem 1rem;
}
.tilo-size-scroll-old{
    display:flex;
    gap:0.6rem;
    overflow-x:auto;
    /* scroll-snap disabled for autoscroll */
    -webkit-overflow-scrolling:touch;
    padding:0.5rem 1rem;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.tilo-size-scroll::-webkit-scrollbar{display:none}

/* Marquee Animation */

@keyframes marqueeScroll{
    0%{transform:translateX(0)}
    100%{transform:translateX(-100%)}
}


/* Quiet, static size chips — hairline border, charcoal text. These are a
   wayfinding aid, not a hero: they shouldn't out-shout the products below. */
.tilo-size-card{
    flex:0 0 auto;
    min-width:74px;
    padding:0.5rem 0.9rem;
    border:1px solid #E3DBCE;
    border-radius:8px;
    background:#fff;
    text-align:center;
    text-decoration:none;
    transition:border-color 0.2s ease, background 0.2s ease
}
.tilo-size-card:active{
    border-color:var(--burgundy);
    background:rgba(107,15,43,0.05)
}
.tilo-size-card:active .tilo-size-name{
    color:var(--burgundy)
}
.tilo-size-name{
    font-family:var(--font-display);
    font-size:1.05rem;
    font-weight:600;
    color:var(--charcoal);
    display:block
}
.tilo-size-measurement{
    font-family:var(--font-body);
    font-size:0.7rem;
    color:#888;
    margin-top:0.15rem
}

/* ===== BESTSELLER CATEGORY ===== */
.tilo-bestseller-cat{
    padding:1.5rem 1rem;
    background:var(--cream)
}
.tilo-bestseller-cat-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:1rem;
    padding-bottom:0.75rem;
    border-bottom:1px solid rgba(107,15,43,0.12)
}
.tilo-bestseller-cat-title{
    font-family:var(--font-display);
    font-size:1.1rem;
    font-weight:600;
    color:var(--burgundy);
    letter-spacing:0.02em;
    margin:0
}
.tilo-bestseller-cat-viewall{
    font-size:0.68rem;
    font-weight:500;
    color:var(--charcoal);
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:0.3rem;
    text-transform:uppercase;
    letter-spacing:0.08em;
    opacity:0.7
}
.tilo-bestseller-cat-viewall svg{
    width:12px;
    height:12px;
    stroke:currentColor;
    stroke-width:2;
    fill:none
}

.tilo-bestseller-cat-scroll{
    display:flex;
    gap:0.75rem;
    overflow-x:auto;
    /* scroll-snap disabled for autoscroll */
    -webkit-overflow-scrolling:touch;
    padding-bottom:0.5rem;
    scrollbar-width:none
}
.tilo-bestseller-cat-scroll::-webkit-scrollbar{display:none}

.tilo-bestseller-cat-card{
    flex:0 0 160px;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    text-decoration:none;
    /* scroll-snap-align disabled */
    box-shadow:0 2px 10px rgba(0,0,0,0.06)
}
.tilo-bestseller-cat-img{
    aspect-ratio:3/4;
    overflow:hidden;
    background:#f5f5f5
}
.tilo-bestseller-cat-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.tilo-bestseller-cat-info{
    padding:0.7rem
}
.tilo-bestseller-cat-name{
    font-family:var(--font-display);
    font-size:0.85rem;
    color:var(--charcoal);
    margin-bottom:0.25rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.tilo-bestseller-cat-price{
    font-size:0.85rem;
    color:var(--burgundy);
    font-weight:600
}

/* ===== SHOP BY OCCASION - REDESIGNED ===== */
.tilo-shop-occasion{
    padding:2.5rem 1rem;
    background:#fff
}
.tilo-shop-occasion-header{
    text-align:center;
    margin-bottom:2rem
}
.tilo-shop-occasion-title-wrap{
    display:inline-flex;
    align-items:center;
    gap:0.75rem
}
.tilo-shop-occasion-title-wrap::before,
.tilo-shop-occasion-title-wrap::after{
    content:"";
    width:35px;
    height:1.5px;
    background:var(--gold)
}
.tilo-shop-occasion-title{
    font-family:var(--font-display);
    font-size:1rem;
    font-weight:600;
    color:var(--charcoal);
    letter-spacing:0.12em;
    text-transform:uppercase;
    margin:0
}

.tilo-occasion-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0.75rem;
    max-width:900px;
    margin:0 auto
}

.tilo-occasion-card{
    position:relative;
    text-decoration:none;
    border-radius:10px;
    overflow:hidden;
    height:160px;
    display:block;
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
    transition:transform 0.4s ease, box-shadow 0.4s ease
}
.tilo-occasion-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(107,15,43,0.2)
}
.tilo-occasion-card img,
.tilo-occasion-placeholder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.6s ease, filter 0.4s ease
}
.tilo-occasion-card:hover img{
    transform:scale(1.1);
    filter:brightness(1.05)
}
.tilo-occasion-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(107,15,43,0.85) 0%, rgba(107,15,43,0.3) 40%, transparent 100%);
    pointer-events:none;
    transition:opacity 0.4s ease
}
.tilo-occasion-card:hover::after{
    background:linear-gradient(to top, rgba(107,15,43,0.9) 0%, rgba(107,15,43,0.4) 50%, transparent 100%)
}
.tilo-occasion-card-inner{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:0.75rem;
    z-index:2
}
.tilo-occasion-content{
    text-align:center;
    transform:translateY(0);
    transition:transform 0.4s ease
}
.tilo-occasion-card:hover .tilo-occasion-content{
    transform:translateY(-5px)
}
.tilo-occasion-name{
    font-family:var(--font-display);
    font-size:0.9rem;
    font-weight:500;
    color:#fff;
    display:block;
    margin-bottom:0.15rem;
    transition:letter-spacing 0.3s ease
}
.tilo-occasion-card:hover .tilo-occasion-name{
    letter-spacing:0.05em
}
.tilo-occasion-tagline{
    font-family:var(--font-body);
    font-size:0.5rem;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:0.1em;
    display:block;
    opacity:0.8;
    transition:opacity 0.3s ease
}
.tilo-occasion-card:hover .tilo-occasion-tagline{
    opacity:1
}
.tilo-occasion-name::after{
    content:"";
    display:block;
    width:0;
    height:2px;
    background:var(--gold);
    margin:0.4rem auto 0;
    transition:width 0.4s ease
}
.tilo-occasion-card:hover .tilo-occasion-name::after{
    width:50px
}

/* Desktop */
@media(min-width:768px){
    .tilo-shop-occasion{
        padding:3.5rem 2rem
    }
    .tilo-occasion-grid{
        gap:1.25rem;
        max-width:1000px
    }
    .tilo-occasion-card{
        border-radius:14px;
        height:350px
    }
    .tilo-occasion-card-inner{
        padding:1.5rem
    }
    .tilo-occasion-name{
        font-size:1.3rem
    }
    .tilo-occasion-tagline{
        font-size:0.65rem
    }
}

@media(min-width:1024px){
    .tilo-shop-occasion{
        padding:4rem 3rem
    }
    .tilo-occasion-grid{
        gap:1.5rem;
        max-width:1100px
    }
    .tilo-occasion-card{
        height:400px
    }
    .tilo-occasion-card-inner{
        padding:1.75rem
    }
    .tilo-occasion-name{
        font-size:1.5rem
    }
    .tilo-occasion-tagline{
        font-size:0.7rem
    }
}

/* ===== SALE SECTION ===== */
.tilo-sale-section{
    padding:0;
    background:#1a0a0f;
    position:relative;
    overflow:hidden
}
.tilo-sale-section::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:
        radial-gradient(circle at 20% 80%, rgba(107,15,43,0.4) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(201,169,98,0.2) 0%, transparent 40%);
    pointer-events:none
}

.tilo-sale-inner{
    position:relative;
    z-index:1;
    padding:2rem 1rem
}

.tilo-sale-header{
    text-align:center;
    margin-bottom:1.5rem
}

.tilo-sale-flash{
    display:inline-flex;
    align-items:center;
    gap:0.5rem;
    padding:0.4rem 1rem;
    background:linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);
    color:#fff;
    font-size:0.65rem;
    font-weight:700;
    letter-spacing:0.15em;
    text-transform:uppercase;
    border-radius:20px;
    margin-bottom:0.75rem;
    animation:saleFlash 1.5s ease-in-out infinite
}
.tilo-sale-flash svg{
    width:14px;
    height:14px;
    fill:#fff;
    animation:saleBolt 0.5s ease-in-out infinite
}
@keyframes saleFlash{
    0%,100%{box-shadow:0 0 0 0 rgba(255,107,107,0.4)}
    50%{box-shadow:0 0 20px 5px rgba(255,107,107,0.3)}
}
@keyframes saleBolt{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.2)}
}

.tilo-sale-title{
    font-family:var(--font-display);
    font-size:2rem;
    font-weight:700;
    color:#fff;
    letter-spacing:0.05em;
    margin-bottom:0.5rem
}
.tilo-sale-title span{
    background:linear-gradient(135deg, var(--gold) 0%, #f0d78c 50%, var(--gold) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}

.tilo-sale-subtitle{
    font-size:0.8rem;
    color:rgba(255,255,255,0.6);
    margin-bottom:1rem
}

.tilo-sale-timer{
    display:inline-flex;
    align-items:center;
    gap:0.5rem;
    padding:0.6rem 1rem;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:10px;
    backdrop-filter:blur(10px)
}
.tilo-sale-timer-label{
    font-size:0.6rem;
    color:rgba(255,255,255,0.5);
    text-transform:uppercase;
    letter-spacing:0.1em
}
.tilo-sale-timer-digits{
    display:flex;
    gap:0.3rem
}
.tilo-sale-timer-unit{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:36px
}
.tilo-sale-timer-num{
    font-family:var(--font-display);
    font-size:1.1rem;
    font-weight:700;
    color:#fff;
    background:rgba(107,15,43,0.5);
    padding:0.3rem 0.5rem;
    border-radius:6px;
    min-width:32px;
    text-align:center
}
.tilo-sale-timer-txt{
    font-size:0.5rem;
    color:rgba(255,255,255,0.4);
    text-transform:uppercase;
    margin-top:0.2rem
}
.tilo-sale-timer-sep{
    font-size:1rem;
    color:rgba(255,255,255,0.3);
    font-weight:700;
    margin-top:-0.5rem
}

.tilo-sale-scroll{
    display:flex;
    gap:0.85rem;
    overflow-x:auto;
    /* scroll-snap disabled for autoscroll */
    -webkit-overflow-scrolling:touch;
    padding:0.5rem 0 1rem;
    scrollbar-width:none
}
.tilo-sale-scroll::-webkit-scrollbar{display:none}

.tilo-sale-card{
    flex:0 0 155px;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:14px;
    overflow:hidden;
    text-decoration:none;
    /* scroll-snap-align disabled */
    position:relative;
    transition:all 0.3s ease
}
.tilo-sale-card:active{
    transform:scale(0.98);
    border-color:rgba(201,169,98,0.3)
}

.tilo-sale-discount{
    position:absolute;
    top:0;
    right:0;
    padding:0.35rem 0.6rem 0.35rem 0.8rem;
    background:linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);
    color:#fff;
    font-size:0.65rem;
    font-weight:800;
    z-index:2;
    border-radius:0 14px 0 12px;
    letter-spacing:0.02em
}

.tilo-sale-img{
    aspect-ratio:3/4;
    overflow:hidden;
    position:relative
}
.tilo-sale-img::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(26,10,15,0.5) 0%, transparent 40%);
    pointer-events:none
}
.tilo-sale-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.5s ease
}
.tilo-sale-card:active .tilo-sale-img img{
    transform:scale(1.05)
}

.tilo-sale-info{
    padding:0.75rem;
    background:linear-gradient(135deg, rgba(26,10,15,0.95) 0%, rgba(40,20,28,0.95) 100%)
}

.tilo-sale-name{
    font-family:var(--font-display);
    font-size:0.8rem;
    font-weight:500;
    color:#fff;
    margin-bottom:0.4rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.tilo-sale-price{
    display:flex;
    align-items:center;
    gap:0.5rem;
    flex-wrap:wrap
}
.tilo-sale-price .current{
    font-size:0.95rem;
    font-weight:700;
    color:var(--gold)
}
.tilo-sale-price .original{
    font-size:0.7rem;
    color:rgba(255,255,255,0.4);
    text-decoration:line-through
}
.tilo-sale-price .save{
    font-size:0.55rem;
    color:#ff6b6b;
    font-weight:600;
    padding:0.15rem 0.35rem;
    background:rgba(255,107,107,0.15);
    border-radius:3px
}

.tilo-sale-cta{
    display:block;
    text-align:center;
    margin-top:1.5rem
}
.tilo-sale-cta a{
    display:inline-flex;
    align-items:center;
    gap:0.5rem;
    padding:0.75rem 1.8rem;
    background:transparent;
    border:1.5px solid var(--gold);
    color:var(--gold);
    font-size:0.75rem;
    font-weight:600;
    letter-spacing:0.1em;
    text-transform:uppercase;
    text-decoration:none;
    border-radius:30px;
    transition:all 0.3s ease
}
.tilo-sale-cta a:active{
    background:var(--gold);
    color:#1a0a0f
}
.tilo-sale-cta svg{
    width:16px;
    height:16px;
    stroke:currentColor;
    stroke-width:2;
    fill:none;
    transition:transform 0.3s ease
}
.tilo-sale-cta a:active svg{
    transform:translateX(4px)
}

/* ===== SUMMER COLLECTION ===== */
.tilo-summer{
    padding:1.5rem 1rem;
    background:linear-gradient(135deg, #FFF8E7 0%, #FFEFD5 100%)
}
.tilo-summer-header{
    text-align:center;
    margin-bottom:1rem
}
.tilo-summer-icon{
    font-size:1.5rem;
    margin-bottom:0.25rem
}
.tilo-summer-title{
    font-family:var(--font-display);
    font-size:1.1rem;
    font-weight:600;
    color:var(--charcoal);
    letter-spacing:0.08em
}
.tilo-summer-subtitle{
    font-size:0.8rem;
    color:#888;
    font-style:italic
}

.tilo-summer-scroll{
    display:flex;
    gap:0.75rem;
    overflow-x:auto;
    /* scroll-snap disabled for autoscroll */
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none
}
.tilo-summer-scroll::-webkit-scrollbar{display:none}

.tilo-summer-card{
    flex:0 0 140px;
    text-decoration:none;
    scroll-snap-align:start
}
.tilo-summer-img{
    aspect-ratio:3/4;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:0.5rem
}
.tilo-summer-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.tilo-summer-info{
    padding:0.6rem 0.4rem;
    text-align:center
}
.tilo-summer-name{
    font-family:var(--font-display);
    font-size:0.8rem;
    color:var(--charcoal);
    margin-bottom:0.2rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.tilo-summer-price{
    font-size:0.8rem;
    color:var(--burgundy);
    font-weight:600
}
.tilo-summer-empty{
    flex:1;
    min-width:280px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:2rem;
    background:rgba(107,15,43,0.05);
    border-radius:12px;
    border:2px dashed rgba(107,15,43,0.2)
}
.tilo-summer-empty p{
    font-family:var(--font-display);
    font-size:1.1rem;
    color:var(--burgundy);
    margin:0 0 0.3rem
}
.tilo-summer-empty span{
    font-size:0.7rem;
    color:#888
}

/* Responsive */
@media(min-width:480px){
    .tilo-size-card{min-width:86px;padding:0.6rem 1.1rem}
    .tilo-size-name{font-size:1.15rem}
    .tilo-bestseller-cat-card{flex:0 0 180px}
    
    .tilo-sale-card{flex:0 0 170px}
    .tilo-summer-card{flex:0 0 160px}
}

@media(min-width:768px){
    .tilo-shop-size,.tilo-bestseller-cat,.tilo-shop-occasion,.tilo-sale-section,.tilo-summer{
        padding:2.5rem 2rem
    }
    .tilo-shop-size-title,.tilo-shop-occasion-title{font-size:1.15rem}
.tilo-occasion-card:first-child{
        grid-column:auto;
        aspect-ratio:1/1.2
    }
    .tilo-timeline-banner-placeholder{height:300px}
}

/* ===== INSTAGRAM REELS ===== */
.tilo-reels{
    padding:1.5rem 0;
    background:linear-gradient(180deg, #fff 0%, var(--cream) 100%)
}
.tilo-reels-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 1rem;
    margin-bottom:1rem
}
.tilo-reels-brand{
    display:flex;
    align-items:center;
    gap:0.75rem
}
.tilo-reels-logo{
    width:40px;
    height:40px;
    background:linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.tilo-reels-logo svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:#fff;
    stroke-width:1.5
}
.tilo-reels-info h2{
    font-family:var(--font-display);
    font-size:1.1rem;
    font-weight:600;
    color:var(--charcoal);
    margin:0
}
.tilo-reels-info p{
    font-size:0.7rem;
    color:#888;
    margin:0.15rem 0 0
}
.tilo-reels-info span{
    color:var(--burgundy);
    font-weight:500
}
.tilo-reels-follow{
    display:flex;
    align-items:center;
    gap:0.4rem;
    padding:0.5rem 0.9rem;
    background:linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color:#fff;
    font-size:0.7rem;
    font-weight:600;
    text-decoration:none;
    border-radius:8px
}
.tilo-reels-follow svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:#fff;
    stroke-width:1.5
}

.tilo-reels-slider{
    display:flex;
    gap:0.75rem;
    overflow-x:auto;
    /* scroll-snap disabled for autoscroll */
    -webkit-overflow-scrolling:touch;
    padding:0.5rem 1rem 1rem;
    scrollbar-width:none
}
.tilo-reels-slider::-webkit-scrollbar{display:none}

.tilo-reel-card{
    flex:0 0 150px;
    height:267px;
    border-radius:14px;
    overflow:hidden;
    position:relative;
    /* scroll-snap-align disabled */
    background:#1a1a1a;
    cursor:pointer
}
.tilo-reel-media{
    position:absolute;
    inset:0
}
.tilo-reel-media img,
.tilo-reel-media video{
    width:100%;
    height:100%;
    object-fit:cover
}
.tilo-reel-media video{
    display:none
}
.tilo-reel-card.playing .tilo-reel-media video{
    display:block
}
.tilo-reel-card.playing .tilo-reel-media img{
    display:none
}

.tilo-reel-play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:50px;
    height:50px;
    background:rgba(255,255,255,0.95);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 15px rgba(0,0,0,0.3);
    z-index:5;
    transition:all 0.2s
}
.tilo-reel-play svg{
    width:20px;
    height:20px;
    fill:var(--burgundy);
    stroke:none;
    margin-left:2px
}
.tilo-reel-play .pause-icon{display:none}
.tilo-reel-card.playing .tilo-reel-play .play-icon{display:none}
.tilo-reel-card.playing .tilo-reel-play .pause-icon{display:block;fill:var(--burgundy)}

.tilo-reel-sound{
    position:absolute;
    bottom:3rem;
    right:0.5rem;
    width:30px;
    height:30px;
    background:rgba(0,0,0,0.5);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:5;
    cursor:pointer
}
.tilo-reel-sound svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:#fff;
    stroke-width:2
}
.tilo-reel-sound .mute-icon{display:none}
.tilo-reel-card.unmuted .tilo-reel-sound .unmute-icon{display:none}
.tilo-reel-card.unmuted .tilo-reel-sound .mute-icon{display:block}

.tilo-reel-badge{
    position:absolute;
    top:0.6rem;
    left:0.6rem;
    display:flex;
    align-items:center;
    gap:0.25rem;
    padding:0.3rem 0.5rem;
    background:rgba(0,0,0,0.6);
    border-radius:4px;
    z-index:5
}
.tilo-reel-badge svg{
    width:10px;
    height:10px;
    fill:#fff;
    stroke:none
}
.tilo-reel-badge span{
    font-size:0.55rem;
    font-weight:700;
    color:#fff;
    letter-spacing:0.05em
}

.tilo-reel-stats{
    position:absolute;
    top:0.6rem;
    right:0.6rem;
    display:flex;
    flex-direction:column;
    gap:0.3rem;
    z-index:5
}
.tilo-reel-stat{
    display:flex;
    align-items:center;
    gap:0.2rem;
    padding:0.25rem 0.4rem;
    background:rgba(0,0,0,0.5);
    border-radius:4px
}
.tilo-reel-stat svg{
    width:10px;
    height:10px;
    fill:none;
    stroke:#fff;
    stroke-width:2
}
.tilo-reel-stat span{
    font-size:0.55rem;
    color:#fff;
    font-weight:500
}

.tilo-reel-content{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:2.5rem 0.6rem 0.6rem;
    background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);
    z-index:4
}
.tilo-reel-user{
    display:flex;
    align-items:center;
    gap:0.4rem;
    margin-bottom:0.3rem
}
.tilo-reel-avatar{
    width:24px;
    height:24px;
    border-radius:50%;
    overflow:hidden;
    border:1.5px solid #fff
}
.tilo-reel-avatar img{
    width:100%;
    height:100%;
    object-fit:cover
}
.tilo-reel-username{
    font-size:0.65rem;
    font-weight:600;
    color:#fff
}
.tilo-reel-caption{
    font-size:0.6rem;
    color:rgba(255,255,255,0.85);
    line-height:1.4;
    margin:0 0 0.3rem;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.tilo-reel-tags{
    display:flex;
    flex-wrap:wrap;
    gap:0.25rem
}
.tilo-reel-tag{
    font-size:0.55rem;
    color:rgba(255,255,255,0.7);
    background:rgba(255,255,255,0.15);
    padding:0.15rem 0.4rem;
    border-radius:3px
}

.tilo-reel-progress{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:3px;
    background:rgba(255,255,255,0.2);
    z-index:6
}
.tilo-reel-progress-bar{
    height:100%;
    background:#fff;
    width:0%;
    transition:width 0.1s linear
}

/* ===== FLOATING SALE BANNER ===== */
.tilo-sale-banner{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1100;
    transform:translateY(-100%);
    transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)
}
.tilo-sale-banner.visible{
    transform:translateY(0)
}

.tilo-sale-banner-bg{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, #6B0F2B 0%, #8B1D3D 25%, #6B0F2B 50%, #4A0A1E 100%);
    background-size:400% 400%;
    animation:gradientFlow 8s ease infinite
}
@keyframes gradientFlow{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.tilo-sale-banner-glitter{
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(2px 2px at 20px 10px, rgba(255,255,255,0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 60px 25px, rgba(201,169,98,1) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 100px 15px, rgba(255,255,255,0.9) 0%, transparent 100%),
        radial-gradient(2px 2px at 150px 8px, rgba(201,169,98,0.8) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 200px 20px, rgba(255,255,255,0.7) 0%, transparent 100%),
        radial-gradient(2px 2px at 250px 12px, rgba(201,169,98,1) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 300px 18px, rgba(255,255,255,0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 350px 6px, rgba(201,169,98,0.9) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 400px 22px, rgba(255,255,255,0.6) 0%, transparent 100%);
    animation:glitterMove 4s linear infinite;
    pointer-events:none
}
@keyframes glitterMove{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50px)}
}

.tilo-sale-banner-inner{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0.6rem;
    padding:0.65rem 2.5rem 0.65rem 1rem
}

.tilo-sale-banner-badge{
    display:flex;
    align-items:center;
    gap:0.35rem;
    padding:0.3rem 0.65rem;
    background:linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FFD700 100%);
    background-size:200% 200%;
    animation:goldShine 2s ease infinite;
    border-radius:4px;
    box-shadow:0 0 15px rgba(255,215,0,0.5), 0 0 30px rgba(255,165,0,0.3)
}
@keyframes goldShine{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.tilo-sale-banner-badge svg{
    width:14px;
    height:14px;
    fill:#6B0F2B;
    animation:boltZap 0.8s ease-in-out infinite
}
@keyframes boltZap{
    0%,100%{transform:scale(1);opacity:1}
    50%{transform:scale(1.3);opacity:0.8}
}
.tilo-sale-banner-badge span{
    font-family:var(--font-display);
    font-size:0.65rem;
    font-weight:800;
    color:#6B0F2B;
    letter-spacing:0.08em;
    text-shadow:0 1px 0 rgba(255,255,255,0.3)
}

.tilo-sale-banner-offer{
    display:flex;
    align-items:baseline;
    gap:0.3rem
}
.tilo-sale-banner-upto{
    font-size:0.65rem;
    color:rgba(255,255,255,0.8);
    font-weight:500
}
.tilo-sale-banner-percent{
    font-family:var(--font-display);
    font-size:1.4rem;
    font-weight:800;
    color:#fff;
    text-shadow:0 0 20px rgba(255,215,0,0.6), 0 2px 4px rgba(0,0,0,0.3);
    animation:percentPulse 1.5s ease-in-out infinite
}
@keyframes percentPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.05)}
}
.tilo-sale-banner-off{
    font-size:0.7rem;
    color:var(--gold);
    font-weight:700;
    text-transform:uppercase
}

.tilo-sale-banner-sep{
    width:1px;
    height:20px;
    background:linear-gradient(to bottom, transparent, rgba(201,169,98,0.6), transparent)
}

.tilo-sale-banner-timer{
    display:flex;
    align-items:center;
    gap:0.2rem
}
.tilo-sale-banner-timer-box{
    background:rgba(0,0,0,0.3);
    border:1px solid rgba(201,169,98,0.4);
    border-radius:4px;
    padding:0.2rem 0.35rem;
    min-width:26px;
    text-align:center
}
.tilo-sale-banner-timer-box span{
    font-family:var(--font-display);
    font-size:0.75rem;
    font-weight:700;
    color:#fff
}
.tilo-sale-banner-timer-sep{
    font-size:0.7rem;
    color:var(--gold);
    font-weight:700;
    animation:colonBlink 1s step-end infinite
}
@keyframes colonBlink{
    0%,100%{opacity:1}
    50%{opacity:0.3}
}

.tilo-sale-banner-cta{
    display:flex;
    align-items:center;
    gap:0.3rem;
    padding:0.4rem 0.8rem;
    background:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);
    color:#6B0F2B;
    font-size:0.6rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.06em;
    border-radius:20px;
    text-decoration:none;
    box-shadow:0 2px 10px rgba(0,0,0,0.2);
    transition:all 0.2s;
    animation:ctaBounce 2s ease-in-out infinite
}
@keyframes ctaBounce{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-2px)}
}
.tilo-sale-banner-cta svg{
    width:12px;
    height:12px;
    stroke:#6B0F2B;
    stroke-width:2.5;
    fill:none
}
.tilo-sale-banner-cta:active{
    transform:scale(0.95)
}

.tilo-sale-banner-close{
    position:absolute;
    right:0.5rem;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    background:rgba(0,0,0,0.3);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:50%;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.2s;
    z-index:3
}
.tilo-sale-banner-close:active{
    background:rgba(0,0,0,0.5)
}
.tilo-sale-banner-close svg{
    width:10px;
    height:10px;
    stroke:#fff;
    stroke-width:2.5
}

/* Decorative corner ribbons */
.tilo-sale-banner-ribbon{
    position:absolute;
    top:0;
    bottom:0;
    width:30px;
    background:linear-gradient(90deg, rgba(201,169,98,0.3) 0%, transparent 100%);
    z-index:1
}
.tilo-sale-banner-ribbon.left{left:0}
.tilo-sale-banner-ribbon.right{right:30px;transform:scaleX(-1)}

/* Animated border */
.tilo-sale-banner::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--gold), #fff, var(--gold), transparent);
    background-size:200% 100%;
    animation:borderShine 2s linear infinite
}
@keyframes borderShine{
    0%{background-position:200% 0}
    100%{background-position:-200% 0}
}

body.sale-banner-active .tilo-nav{
    top:42px
}
body.sale-banner-active .tilo-nav.scrolled{
    top:42px
}

@media(max-width:480px){
    .tilo-sale-banner-upto{display:none}
    .tilo-sale-banner-sep{display:none}
    .tilo-sale-banner-inner{gap:0.45rem}
}
@media(max-width:400px){
    .tilo-sale-banner-inner{padding:0.5rem 2rem 0.5rem 0.6rem;gap:0.4rem}
    .tilo-sale-banner-badge{padding:0.25rem 0.5rem}
    .tilo-sale-banner-badge span{font-size:0.55rem}
    .tilo-sale-banner-percent{font-size:1.1rem}
    .tilo-sale-banner-timer-box{min-width:22px;padding:0.15rem 0.25rem}
    .tilo-sale-banner-timer-box span{font-size:0.65rem}
    .tilo-sale-banner-cta{padding:0.3rem 0.6rem;font-size:0.55rem}
    .tilo-sale-banner-ribbon{display:none}
}

/* ===== TESTIMONIALS ===== */
.tilo-testimonials{background:var(--cream)}
.tilo-testimonials-slider{display:flex;gap:1.5rem;overflow-x:auto;/* scroll-snap disabled for autoscroll */scrollbar-width:none;padding:1rem 0;cursor:grab}
.tilo-testimonials-slider::-webkit-scrollbar{display:none}
.tilo-testimonial{flex:0 0 380px;background:#fff;border-radius:20px;padding:2rem;/* scroll-snap-align disabled */transition:all .3s;position:relative;border:1px solid rgba(107,15,43,.08)}
.tilo-testimonial:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(107,15,43,.1)}
.tilo-testimonial-quote{position:absolute;top:1.5rem;right:2rem;font-family:var(--font-display);font-size:4.5rem;color:var(--gold);opacity:.25;line-height:1}
.tilo-testimonial-stars{display:flex;gap:.25rem;margin-bottom:1rem}
.tilo-testimonial-stars svg{width:18px;height:18px;fill:var(--gold)}
.tilo-testimonial-text{font-size:1rem;line-height:1.8;color:var(--charcoal-light);margin-bottom:1.5rem;font-style:italic}
.tilo-testimonial-author{display:flex;align-items:center;gap:1rem}
.tilo-testimonial-avatar{width:55px;height:55px;border-radius:50%;overflow:hidden;border:3px solid var(--gold)}
.tilo-testimonial-avatar img{width:100%;height:100%;object-fit:cover}
.tilo-testimonial-name{font-weight:600;color:var(--charcoal)}
.tilo-testimonial-loc{font-size:.85rem;color:var(--charcoal-light)}

/* ===== FOOTER ===== */
.tilo-footer{background:var(--charcoal);color:#fff;padding:4rem 3rem 1.5rem;position:relative}
.tilo-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,var(--gold) 70%,transparent 100%);opacity:.4}
.tilo-footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:3.5rem;max-width:1300px;margin:0 auto}
.tilo-footer-logo{display:inline-block;text-decoration:none;margin-bottom:1.2rem}
.tilo-footer-logo img{display:block;height:54px;width:auto;max-width:200px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(201,169,98,.15))}
.tilo-footer-brand .tilo-logo-fallback-text{display:flex;flex-direction:column;gap:.2rem}
.tilo-footer-brand .tilo-logo-fallback-name{color:#fff;font-size:1.85rem;font-family:var(--font-display);font-weight:600;letter-spacing:.02em}
.tilo-footer-brand .tilo-logo-fallback-tag{color:var(--gold);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.tilo-footer-desc{font-size:.92rem;color:rgba(255,255,255,.62);margin:0 0 1.6rem;line-height:1.75;max-width:380px}
.tilo-footer-social{display:flex;gap:.75rem}
.tilo-footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;transition:all .25s ease;color:#fff}
.tilo-footer-social a:hover{background:var(--burgundy);border-color:var(--gold);transform:translateY(-2px)}
.tilo-footer-social svg{width:17px;height:17px;fill:#fff}
.tilo-footer-title{font-family:var(--font-display);font-size:1.15rem;margin:0 0 1.4rem;color:var(--gold);position:relative;padding-bottom:.6rem;font-weight:500;letter-spacing:.04em}
.tilo-footer-title::after{content:'';position:absolute;left:0;bottom:0;width:24px;height:1.5px;background:var(--gold);opacity:.5}
.tilo-footer-links{list-style:none;padding:0;margin:0}
.tilo-footer-links li{margin-bottom:.75rem}
.tilo-footer-links a{color:rgba(255,255,255,.68);text-decoration:none;font-size:.9rem;transition:color .2s ease,padding-left .2s ease;display:inline-block}
.tilo-footer-links a:hover{color:var(--gold);padding-left:.35rem}
.tilo-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:3rem;padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem;max-width:1300px;margin-left:auto;margin-right:auto}
.tilo-footer-bottom p{font-size:.78rem;color:rgba(255,255,255,.45);margin:0;letter-spacing:.02em}
.tilo-footer-copy{order:1}
.tilo-footer-tag{order:2;text-align:center}
.tilo-footer-heart{color:var(--burgundy-light,#a51e3d);font-size:.85rem;vertical-align:middle;margin-right:.25rem}
.tilo-footer-legal{order:3;display:flex;gap:.5rem;align-items:center}
.tilo-footer-legal a{color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s ease}
.tilo-footer-legal a:hover{color:var(--gold)}
.tilo-footer-legal span{color:rgba(255,255,255,.25)}

/* ===== WHATSAPP ===== */
.tilo-whatsapp{position:fixed;bottom:2rem;right:1.5rem;z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}
.tilo-whatsapp-tooltip{background:var(--charcoal);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;white-space:nowrap;opacity:0;transform:translateX(10px);transition:all .3s;pointer-events:none}
.tilo-whatsapp:hover .tilo-whatsapp-tooltip{opacity:1;transform:translateX(0)}
.tilo-whatsapp-btn{width:56px;height:56px;background:var(--whatsapp);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .3s;text-decoration:none;animation:whatsappPulse 2s ease-in-out infinite}
.tilo-whatsapp-btn:hover{transform:scale(1.1)}
.tilo-whatsapp-btn svg{width:28px;height:28px;fill:#fff}
@keyframes whatsappPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,.6),0 0 0 10px rgba(37,211,102,.1)}}

/* ===== MOBILE BOTTOM NAV ===== */
.tilo-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;background:#fff;border-top:1px solid rgba(107,15,43,.08);padding:.5rem 0;padding-bottom:calc(.5rem + var(--safe-bottom));box-shadow:0 -4px 20px rgba(0,0,0,.08)}
.tilo-bottom-nav-inner{display:flex;justify-content:space-around;align-items:stretch}
.tilo-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:.5rem .25rem;color:var(--charcoal-light);transition:all .2s;position:relative;background:none;border:none;cursor:pointer;font-family:var(--font-body)}
.tilo-bottom-nav-item.active{color:var(--burgundy)}
.tilo-bottom-nav-item svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none;margin-bottom:.2rem}
.tilo-bottom-nav-item span{font-size:.65rem;font-weight:500}
.tilo-bottom-nav-item .badge{position:absolute;top:.2rem;right:50%;margin-right:-18px;min-width:16px;height:16px;background:var(--burgundy);color:#fff;font-size:.55rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center}

/* ===== MOBILE CATEGORIES OVERLAY ===== */
.tilo-cats-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1600;background:#fff;opacity:0;visibility:hidden;transition:all .3s var(--ease)}
.tilo-cats-overlay.active{opacity:1;visibility:visible}
.tilo-cats-panel{position:absolute;bottom:0;left:0;right:0;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column;overflow:hidden}
.tilo-cats-overlay.active .tilo-cats-panel{transform:translateY(0)}
.tilo-cats-overlay-bg{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.tilo-cats-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--cream-dark);display:flex;align-items:center;justify-content:space-between;background:#fff}
.tilo-cats-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--burgundy)}
.tilo-cats-close{width:36px;height:36px;border:none;background:var(--cream);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}
.tilo-cats-close svg{width:20px;height:20px;stroke:var(--charcoal);stroke-width:2;fill:none}
.tilo-cats-body{flex:1;overflow-y:auto;padding:1rem}
.tilo-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.tilo-cats-item{border-radius:12px;overflow:hidden;aspect-ratio:1;position:relative;text-decoration:none;display:block}
.tilo-cats-item img{width:100%;height:100%;object-fit:cover}
.tilo-cats-item-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem .5rem .5rem;color:#fff;font-size:.7rem;font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.03em}

/* ===== ANIMATIONS ===== */
.tilo-reveal{opacity:1;transform:translateY(0);transition:all .7s var(--ease)}
.tilo-reveal.visible{opacity:1;transform:translateY(0)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
/* Hero Tablet */
.tilo-hero-content{padding-left:6%}
.tilo-hero-title{font-size:clamp(2.5rem,7vw,4.5rem)}
.tilo-hero-tagline{font-size:.75rem}
.tilo-hero-indicators{left:6%}
.tilo-nav{padding:.8rem 1.5rem}
.tilo-price-grid{grid-template-columns:repeat(2,1fr)}
.tilo-footer-grid{grid-template-columns:1fr 1fr}

.tilo-occasion-img{width:90px;height:90px}
.tilo-reels-header{padding:0 1.5rem}
.tilo-reels-slider{padding:1rem 1.5rem 2rem}
.tilo-reel-card{flex:0 0 240px;height:420px}
}

@media(max-width:768px){
.tilo-nav{padding:.5rem .6rem}
.tilo-nav.scrolled{padding:.4rem .6rem}
/* Let the logo shrink so the action icons all fit */
.tilo-logo{min-width:0;flex-shrink:1;overflow:hidden}
.tilo-logo-full,.tilo-logo-icon-img{max-height:36px}
.tilo-nav-actions{gap:.3rem;flex-shrink:0}
.tilo-nav-btn{width:38px;height:38px}
.tilo-nav-btn svg{width:18px;height:18px}
.tilo-menu-btn{width:38px;height:38px;border-width:1px}
.tilo-menu-btn span{width:14px}
.tilo-logo-fallback-name{font-size:1.1rem}
.tilo-logo-fallback-tag{display:none}

/* Mobile Hero */
.tilo-hero{min-height:100vh;min-height:100dvh}
.tilo-hero-content{padding:0 1.5rem 0 5%}
.tilo-hero-title{font-size:clamp(2.2rem,10vw,3.2rem)}
.tilo-hero-title .rotating-wrap{height:1.4em}
.tilo-hero-tagline{font-size:.6rem;letter-spacing:.2em;margin-bottom:2rem}
.tilo-hero-cta-btn{padding:.85rem 1.8rem;font-size:.7rem}
.tilo-hero-indicators{left:5%;bottom:2rem;gap:.6rem}
.tilo-hero-dot{width:30px}

/* Mobile Quick Shop */
.tilo-mobile-quickshop{display:none !important}

/* Hide desktop occasion/price section on mobile */
.tilo-shop-tabs{display:none}

/* Search overlay mobile optimization */
.tilo-search-body{padding:1.25rem}
.tilo-search-section{margin-bottom:1.5rem}
.tilo-search-colors{gap:.6rem}
.tilo-color-swatch{width:40px;height:40px}
.tilo-search-prices{gap:.6rem}
.tilo-search-actions{gap:.6rem}
.tilo-search-action{padding:.75rem .4rem}
.tilo-search-action svg{width:22px;height:22px}
.tilo-search-action span{font-size:.65rem}

.tilo-section{padding:2rem 1rem}
.tilo-section-title{font-size:1.3rem}
.tilo-section-header{margin-bottom:1rem}
.tilo-view-all{padding:.4rem .9rem;font-size:.75rem}

.tilo-spotlight-tabs{overflow-x:auto;scrollbar-width:none;gap:0;justify-content:flex-start}
.tilo-spotlight-tabs::-webkit-scrollbar{display:none}
.tilo-spotlight-tab{padding:.6rem 1rem;font-size:.8rem;white-space:nowrap}


.tilo-occasion{padding:.75rem .5rem}
.tilo-occasion-img{width:65px;height:65px;border-width:3px}
.tilo-occasion-name{font-size:1.35rem}

.tilo-tabs{gap:.35rem}
.tilo-tab{padding:.5rem 1rem;font-size:.75rem}

.tilo-product{flex:0 0 160px}
.tilo-product-info{padding:.75rem}
.tilo-product-name{font-size:.9rem}
.tilo-product-price .current{font-size:.9rem}

.tilo-testimonial{flex:0 0 280px;padding:1.5rem}
.tilo-testimonial-text{font-size:.9rem}

.tilo-sale-timer{margin-left:0;width:100%;justify-content:center;margin-top:1rem}
.tilo-timer-box{min-width:50px;padding:.5rem .75rem}
.tilo-timer-num{font-size:1.1rem}

/* Reels Mobile */
.tilo-reels{padding:2.5rem 0}
.tilo-reels-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem;margin-bottom:1.25rem}
.tilo-reels-logo{width:45px;height:45px;border-radius:10px}
.tilo-reels-logo svg{width:24px;height:24px}
.tilo-reels-info h2{font-size:1.3rem}
.tilo-reels-info p{font-size:.7rem}
.tilo-reels-follow{padding:.5rem 1rem;font-size:.75rem;border-radius:8px}
.tilo-reels-slider{padding:.75rem 1rem 1.25rem;gap:.75rem}
.tilo-reel-card{flex:0 0 180px;height:320px;border-radius:16px}
.tilo-reel-play{width:55px;height:55px;opacity:1}
.tilo-reel-play svg{width:22px;height:22px}
.tilo-reel-badge{padding:.35rem .6rem}
.tilo-reel-badge span{font-size:.6rem}
.tilo-reel-content{padding:.75rem}
.tilo-reel-avatar{width:28px;height:28px}
.tilo-reel-username{font-size:.7rem}
.tilo-reel-caption{font-size:.65rem;-webkit-line-clamp:1}
.tilo-reel-tags{margin-top:.5rem;gap:.3rem}
.tilo-reel-tag{font-size:.6rem;padding:.2rem .5rem}
.tilo-reel-sound{width:32px;height:32px;bottom:3.5rem;right:.6rem}
.tilo-reel-stats{top:.75rem;right:.75rem;gap:.35rem}
.tilo-reel-stat{padding:.3rem .5rem;gap:.25rem}
.tilo-reel-stat svg{width:12px;height:12px}
.tilo-reel-stat span{font-size:.6rem}

.tilo-footer-grid{grid-template-columns:1fr;gap:2rem}
.tilo-footer{padding:2.5rem 1.5rem;padding-bottom:calc(2.5rem + 80px)}
.tilo-footer-bottom{flex-direction:column;text-align:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem}
.tilo-footer-copy,.tilo-footer-tag,.tilo-footer-legal{order:initial}
.tilo-footer-logo img{height:48px}
.tilo-footer-desc{max-width:100%}

.tilo-bottom-nav{display:block}

.tilo-whatsapp{bottom:calc(75px + var(--safe-bottom));right:1rem}
.tilo-whatsapp-btn{width:50px;height:50px}
.tilo-whatsapp-btn svg{width:24px;height:24px}
.tilo-whatsapp-tooltip{display:none}

.tilo-search-cats{grid-template-columns:repeat(4,1fr);gap:.6rem}
.tilo-search-cat-img{width:55px;height:55px}
.tilo-search-cat-name{font-size:.65rem}
}

/* Small phones */
@media(max-width:380px){
.tilo-hero-title{font-size:1.6rem}
.tilo-hero-desc{font-size:.75rem}
.tilo-quickshop-tab{font-size:.6rem;padding:.35rem .7rem}
.tilo-quickshop-item{flex:0 0 82px}
.tilo-quickshop-img{width:75px;height:75px}
.tilo-quickshop-name{font-size:.7rem}
.tilo-quickshop-price{flex:0 0 105px}
.tilo-section-title{font-size:1.15rem}
.tilo-reel-card{flex:0 0 160px;height:285px}
.tilo-search-cats{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:480px){

.tilo-occasion-img{width:55px;height:55px}
.tilo-occasion-name{font-size:1.25rem}

.tilo-price-grid{grid-template-columns:1fr 1fr}
.tilo-price-card{padding:1.25rem}
.tilo-price-range{font-size:1.4rem}
.tilo-reel-card{flex:0 0 170px;height:300px;border-radius:14px}
.tilo-reel-play{width:50px;height:50px}
.tilo-reel-stats{display:none}
}