/* Trend Sizde professional header + campaign slider. Mobile-first, isolated from the base theme. */
:root{--ts-pink:#ff2f83;--ts-pink2:#e51b75;--ts-plum:#3b0a43;--ts-ink:#15131a;--ts-white:#fff;--ts-shadow:0 16px 45px rgba(14,9,20,.14)}

/* Old header/topbar is intentionally replaced by the pill header. */
.trend-site .mn-topline,.trend-site .mn-header{display:none!important}
.ts-site-header{position:relative;z-index:90;padding:12px 0;background:linear-gradient(135deg,#35103e,#681656)}
.mn-is-home .ts-site-header{position:absolute;left:0;right:0;top:0;background:transparent;padding-top:14px}
.ts-header-pill{min-height:58px;background:#fff;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 10px 7px 18px;box-shadow:0 10px 34px rgba(0,0,0,.14)}
.ts-logo{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.ts-logo img{display:block;width:205px;max-width:42vw;height:auto}
.ts-desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto}
.ts-desktop-nav a{font-size:13px;font-weight:800;color:#22212a;white-space:nowrap;position:relative;padding:8px 0}
.ts-desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;background:var(--ts-pink);border-radius:4px;transition:.2s ease}
.ts-desktop-nav a:hover{color:var(--ts-pink)}.ts-desktop-nav a:hover:after{left:0;right:0}
.ts-header-actions{display:flex;align-items:center;gap:7px;margin-left:8px}
.ts-social{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#faf8fb;border:1px solid #f0e8ef;transition:.2s ease}
.ts-social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ts-instagram{color:#e9248d}.ts-whatsapp{color:#06bd62}.ts-social:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.09)}
.ts-menu-button{display:none;width:41px;height:41px;border:0;border-radius:50%;background:#17151c;padding:10px;cursor:pointer}
.ts-menu-button span{display:block;height:2px;background:#fff;border-radius:10px;margin:4px 0;transition:.2s ease}
.ts-mobile-menu{display:none}
.ts-footer-logo img{width:220px;height:auto;display:block}

/* Hero slider */
.ts-hero-slider{position:relative;background:#1f1122;overflow:visible;padding-bottom:88px}
.ts-slides{position:relative;height:600px;overflow:hidden;background:#27122d}
.ts-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.ts-slide.is-active{opacity:1;visibility:visible}
.ts-slide-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);background:#2d1732}
.ts-mosaic-cell{min-width:0;overflow:hidden;background:#eee}
.ts-mosaic-cell img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.015);transition:transform 6s ease}
.ts-slide.is-active .ts-mosaic-cell img{transform:scale(1.055)}
.ts-slide-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,5,11,.20) 0%,rgba(17,6,17,.38) 35%,rgba(7,4,8,.60) 100%)}
.ts-slide-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,rgba(42,3,45,.05) 0 18%,rgba(21,6,22,.32) 38%,rgba(0,0,0,.28) 100%)}
.ts-slide-center{position:absolute;z-index:3;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}
.ts-slide-badge{font-size:12px;font-weight:900;letter-spacing:.75px;background:#05b94f;color:#fff;border-radius:999px;padding:9px 17px;margin-bottom:12px;box-shadow:0 7px 20px rgba(0,0,0,.16)}
.ts-price-orb{width:292px;height:292px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:linear-gradient(145deg,rgba(67,13,70,.86),rgba(43,8,45,.78));border:5px solid rgba(255,255,255,.92);box-shadow:inset 0 0 0 7px rgba(255,255,255,.12),0 22px 55px rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.ts-price-orb>span{font-size:21px;font-weight:950;letter-spacing:.2px}.ts-price-orb>strong{font-size:25px;line-height:1.05;max-width:220px;margin:4px 0 7px;text-transform:uppercase}.ts-price-orb>small{font-size:12px;color:#e9dfe8;min-height:16px}.ts-price-orb>b{font-size:47px;line-height:1;margin-top:14px;letter-spacing:-1.5px}
.ts-slide-center>em{font-style:normal;font-size:12px;font-weight:900;letter-spacing:.8px;margin-top:16px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.ts-slide-center>em i{font-style:normal;color:#ff78ad;margin-left:6px}
.ts-slider-arrow{position:absolute;z-index:8;top:44%;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:rgba(22,7,24,.38);backdrop-filter:blur(5px);color:#fff;font-size:31px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.ts-slider-arrow:hover{background:rgba(255,47,131,.9);border-color:transparent}.ts-slider-prev{left:22px}.ts-slider-next{right:22px}
.ts-slider-dots{display:none;position:absolute;z-index:10;left:0;right:0;bottom:96px;justify-content:center;gap:6px}.ts-slider-dots button{width:7px;height:7px;border-radius:50%;border:0;background:rgba(255,255,255,.48);padding:0}.ts-slider-dots button.is-active{width:22px;border-radius:99px;background:#fff}
.ts-campaign-tabs{position:absolute;z-index:11;left:50%;bottom:0;transform:translate(-50%,42%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ts-campaign-tab{min-width:0;min-height:112px;border:1px solid #e5e3e8;border-radius:15px;background:#fff;color:#17151c;padding:18px 13px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.11);cursor:pointer;transition:.2s ease}
.ts-campaign-tab strong{display:block;font-size:12px;line-height:1.25;text-transform:uppercase}.ts-campaign-tab span{display:block;color:#8b8991;font-size:10px;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-campaign-tab b{display:block;font-size:15px}
.ts-campaign-tab.is-active{border:2px solid #ff4a91;background:#fff3f8;box-shadow:0 10px 28px rgba(255,47,131,.15)}.ts-campaign-tab.is-active strong{color:#ff3c84}
.mn-is-home .mn-campaign-section{padding-top:112px}

@media(max-width:1080px){.ts-desktop-nav{gap:17px}.ts-desktop-nav a{font-size:12px}.ts-logo img{width:185px}.ts-slides{height:540px}.ts-price-orb{width:270px;height:270px}.ts-campaign-tab{min-height:106px;padding:14px 10px}.ts-campaign-tab strong{font-size:11px}}

@media(max-width:820px){
 .ts-site-header{padding:8px 0}.mn-is-home .ts-site-header{padding-top:9px}.ts-header-pill{width:calc(100% - 16px)!important;min-height:54px;padding:6px 7px 6px 13px;gap:8px;box-shadow:0 8px 25px rgba(0,0,0,.15)}
 .ts-logo img{width:158px;max-width:52vw}.ts-desktop-nav{display:none}.ts-menu-button{display:block}.ts-social{width:38px;height:38px}.ts-header-actions{gap:5px;margin-left:auto}
 .ts-mobile-menu{position:absolute;z-index:92;top:72px;left:8px;right:8px;background:#fff;border-radius:16px;padding:8px 14px;box-shadow:0 18px 45px rgba(0,0,0,.20);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease}.ts-mobile-menu.open{display:flex;opacity:1;visibility:visible;transform:none;flex-direction:column}.ts-mobile-menu a{font-size:14px;font-weight:800;padding:13px 3px;border-bottom:1px solid #f1edf1}.ts-mobile-menu a:last-child{border-bottom:0}
 .ts-hero-slider{padding-bottom:70px}.ts-slides{height:520px}.ts-slide-mosaic{grid-template-columns:repeat(3,1fr)}.ts-mosaic-cell:nth-child(n+4){display:none}.ts-price-orb{width:230px;height:230px;padding:22px}.ts-price-orb>span{font-size:17px}.ts-price-orb>strong{font-size:21px;max-width:185px}.ts-price-orb>b{font-size:39px}.ts-slide-badge{font-size:10px;padding:8px 13px}.ts-slide-center{top:53%}.ts-slider-arrow{display:none}.ts-slider-dots{display:flex;bottom:72px}
 .ts-campaign-tabs{width:calc(100% - 18px)!important;display:flex;overflow-x:auto;gap:9px;padding:0 1px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;transform:translate(-50%,46%);scrollbar-width:none}.ts-campaign-tabs::-webkit-scrollbar{display:none}.ts-campaign-tab{flex:0 0 72%;min-height:96px;scroll-snap-align:center;padding:13px 10px}.ts-campaign-tab strong{font-size:11px}.ts-campaign-tab span{margin:5px 0}.mn-is-home .mn-campaign-section{padding-top:88px}
}

@media(max-width:520px){
 .ts-logo img{width:145px;max-width:48vw}.ts-social{width:35px;height:35px}.ts-social svg{width:19px;height:19px}.ts-menu-button{width:36px;height:36px;padding:8px}.ts-header-pill{border-radius:24px}
 .ts-slides{height:455px}.ts-slide-mosaic{grid-template-columns:repeat(2,1fr)}.ts-mosaic-cell:nth-child(n+3){display:none}.ts-slide-shade{background:linear-gradient(180deg,rgba(8,4,9,.18),rgba(8,4,9,.62))}.ts-slide-center{top:55%}.ts-price-orb{width:205px;height:205px;border-width:4px}.ts-price-orb>span{font-size:15px}.ts-price-orb>strong{font-size:19px}.ts-price-orb>small{font-size:10px}.ts-price-orb>b{font-size:34px;margin-top:10px}.ts-slide-center>em{font-size:10px;margin-top:12px}.ts-slide-badge{margin-bottom:9px}
 .ts-campaign-tabs{bottom:0}.ts-campaign-tab{flex-basis:82%;min-height:88px}.ts-campaign-tab strong{font-size:10.5px}.ts-campaign-tab b{font-size:14px}.mn-is-home .mn-campaign-section{padding-top:82px}
}