/* v13 — responsive smart search, customized product carousel and homepage reels */
.customized-showcase{position:relative;overflow:hidden;padding:78px 0 68px;background:radial-gradient(circle at 90% -20%,#6758ff55,transparent 35%),linear-gradient(125deg,#111735,#202a59 56%,#172d55);color:#fff}.customized-showcase:before{content:"";position:absolute;left:-150px;bottom:-290px;width:520px;height:520px;border:90px solid #ffffff08;border-radius:50%}.showcase-heading,.reels-heading{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.showcase-kicker,.reels-kicker{display:inline-flex;align-items:center;gap:8px;color:#bcb6ff;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.showcase-kicker i{width:7px;height:7px;border-radius:50%;background:#39d8a8;box-shadow:0 0 0 5px #39d8a820}.showcase-heading h2,.reels-heading h2{margin:7px 0 5px;font-size:34px;letter-spacing:-1.2px}.showcase-heading p,.reels-heading p{margin:0;color:#b9c1dc;font-size:12px}.showcase-controls,.reel-controls{display:flex;align-items:center;gap:8px}.showcase-controls>a{margin-right:10px;color:#d9d6ff;font-size:10px;font-weight:800}.showcase-controls button,.reel-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff24;border-radius:13px;background:#ffffff0d;color:#fff;font-size:17px;transition:.2s}.showcase-controls button:hover,.reel-controls button:hover{border-color:#8d83ff;background:#6559f2;transform:translateY(-2px)}.custom-product-carousel{position:relative;z-index:2;overflow-x:auto;margin-right:calc((100vw - min(var(--container),calc(100vw - 40px)))/-2);padding-right:max(20px,calc((100vw - var(--container))/2));scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none}.custom-product-carousel::-webkit-scrollbar,.homepage-reel-rail::-webkit-scrollbar{display:none}.custom-product-track{display:flex;gap:16px;width:max-content}.custom-showcase-card{width:270px;overflow:hidden;border:1px solid #ffffff18;border-radius:22px;background:#fff;color:#15172a;box-shadow:0 18px 45px #07102a40;scroll-snap-align:start;transition:.28s}.custom-showcase-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px #07102a75}.custom-showcase-image{position:relative;display:block;height:245px;overflow:hidden;background:linear-gradient(135deg,#e8e5ff,#dff4ff)}.custom-showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.custom-showcase-card:hover img{transform:scale(1.055)}.custom-showcase-image.no-image{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#fff8,transparent 26%),linear-gradient(135deg,#e9e6ff,#d9f5ef)}.custom-showcase-image.no-image>span{font-size:50px;color:#5148d8}.custom-showcase-image>small{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:#11182fd9;color:#fff;font-size:8px;font-weight:800;letter-spacing:.06em}.custom-showcase-image>i{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:#e7fff4e8;color:#0b875d;font-size:8px;font-style:normal;font-weight:800;backdrop-filter:blur(8px)}.custom-showcase-info{padding:16px}.custom-showcase-info>span{display:block;overflow:hidden;color:#7469ee;font-size:8px;font-weight:800;letter-spacing:.13em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.custom-showcase-info h3{height:40px;margin:5px 0 10px;font-size:14px;line-height:1.35}.custom-showcase-info>div{display:flex;align-items:center;justify-content:space-between}.custom-showcase-info p{margin:0;color:#858b9c;font-size:9px}.custom-showcase-info p b{display:block;color:#11162e;font-size:14px}.custom-showcase-info>div>a{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#5b4df5;color:#fff;font-weight:800}.showcase-progress{position:relative;z-index:2;width:180px;height:3px;margin-top:27px;overflow:hidden;border-radius:3px;background:#ffffff19}.showcase-progress i{display:block;width:28%;height:100%;border-radius:3px;background:linear-gradient(90deg,#7d70ff,#63d8ff);transition:transform .3s,width .3s}

.homepage-reels-section{overflow:hidden;padding:78px 0;background:#f3f5fa}.reels-heading h2{color:#10152c}.reels-heading p{color:#747c91}.reels-kicker{color:#5d50ec}.reel-controls button{border-color:#dfe2ee;background:#fff;color:#232943}.reel-controls button:hover{color:#fff}.homepage-reel-rail{display:flex;gap:16px;overflow-x:auto;margin-right:calc((100vw - min(var(--container),calc(100vw - 40px)))/-2);padding:5px max(20px,calc((100vw - var(--container))/2)) 16px 0;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none}.homepage-reel-card{flex:0 0 236px;scroll-snap-align:start}.reel-media{position:relative;overflow:hidden;aspect-ratio:9/16;border-radius:24px;background:linear-gradient(145deg,#1b2141,#3b337b);box-shadow:0 18px 45px #242a4d22;transition:.25s}.homepage-reel-card:hover .reel-media{transform:translateY(-5px);box-shadow:0 28px 55px #242a4d35}.reel-media video,.reel-external-cover,.reel-external-cover img{width:100%;height:100%;object-fit:cover}.reel-media video{display:block}.reel-external-cover{position:absolute;inset:0;display:grid;place-items:center}.reel-external-cover>span{position:absolute;display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff80;border-radius:50%;background:#ffffffdf;color:#5146e5;font-size:19px;box-shadow:0 12px 25px #0003}.reel-cover-fallback{align-content:center;gap:75px;color:#fff;background:radial-gradient(circle at 30% 20%,#765dff,transparent 45%),linear-gradient(145deg,#111735,#293f7a)}.reel-cover-fallback>span{position:static}.reel-cover-fallback>small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.reel-gradient{pointer-events:none;position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#070a17e8)}.reel-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px;color:#fff}.reel-card-copy>span{font-size:7px;font-weight:800;letter-spacing:.16em;color:#9fd7ff}.reel-card-copy h3{margin:5px 0 4px;font-size:15px}.reel-card-copy p{display:-webkit-box;overflow:hidden;margin:0 0 12px;color:#d3d7e4;font-size:9px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reel-card-copy a{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border-radius:10px;background:#ffffffec;color:#151a31;font-size:8px;font-weight:800}.reel-card-copy a b{color:#5b4df5}.reel-media>[data-reel-sound]{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff45;border-radius:50%;background:#0a0d1b88;color:#fff;backdrop-filter:blur(8px)}.reel-media>[data-reel-sound].sound-on{background:#5b4df5}.reel-mobile-hint{display:none;margin-top:3px;color:#8990a3;font-size:9px;font-weight:700}.reel-mobile-hint span{color:#5b4df5}

.category-products-link{display:block;text-align:center;color:#5a4df5!important;font-size:9px!important;font-weight:800}.migration-alert.compact{margin-bottom:16px}.category-showcase-toggle{color:#594bee!important}.reel-create-card{margin-bottom:24px}.reel-admin-form{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px}.reel-upload-stack{display:grid;grid-template-rows:1fr auto;gap:10px}.reel-video-picker{display:grid;min-height:230px;place-items:center;align-content:center;gap:7px;border:1px dashed #c9cfe0;border-radius:18px;background:linear-gradient(145deg,#f8f7ff,#f5f9ff);cursor:pointer}.reel-video-picker input,.reel-poster-picker input{position:absolute;width:1px;height:1px;opacity:0}.reel-video-picker>span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#5b4df5;color:#fff;font-size:20px;box-shadow:0 12px 28px #5b4df535}.reel-video-picker b{font-size:11px}.reel-video-picker small{color:#7d859a;font-size:8px}.reel-poster-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #e0e3ed;border-radius:12px;color:#626b80;font-size:9px;font-weight:800;cursor:pointer}.reel-poster-picker em{padding:6px 8px;border-radius:8px;background:#ece9ff;color:#5a4df5;font-size:8px;font-style:normal}.admin-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.admin-reel-card{overflow:hidden;padding:0}.admin-reel-preview{position:relative;height:320px;background:#171d39}.admin-reel-preview video,.admin-reel-preview>img{width:100%;height:100%;object-fit:cover}.admin-reel-preview>a{display:grid;height:100%;place-items:center;align-content:center;gap:9px;color:#fff;background:linear-gradient(145deg,#171d39,#473c9a)}.admin-reel-preview>a>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:#5b4df5}.admin-reel-preview .slide-state{position:absolute;top:12px;left:12px}.admin-reel-card>form{display:grid;gap:9px;padding:15px}.admin-reel-card>form:last-child{padding:0 15px 15px}.admin-reel-card label{color:#596277;font-size:8px;font-weight:800}.admin-reel-card input,.admin-reel-card select,.admin-reel-card textarea{width:100%;margin-top:4px}.reel-replace-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reel-replace-row label{padding:9px;border:1px dashed #d5d9e5;border-radius:9px;text-align:center}.reel-replace-row input{font-size:7px}

@media(max-width:1100px){.custom-showcase-card{width:250px}.admin-reel-grid{grid-template-columns:repeat(2,1fr)}.reel-admin-form{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:800px){.customized-showcase,.homepage-reels-section{padding:55px 0}.showcase-heading,.reels-heading{align-items:flex-start}.showcase-heading h2,.reels-heading h2{font-size:28px}.showcase-heading p,.reels-heading p{max-width:440px}.showcase-controls>a{display:none}.custom-product-carousel,.homepage-reel-rail{margin-right:-13px;padding-right:13px}.custom-showcase-card{width:240px}.custom-showcase-image{height:220px}.homepage-reel-card{flex-basis:220px}.reel-admin-form{grid-template-columns:1fr}.reel-video-picker{min-height:210px}.admin-reel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.showcase-heading,.reels-heading{display:grid;grid-template-columns:1fr auto;gap:13px}.showcase-heading>div:first-child,.reels-heading>div:first-child{grid-column:1/-1}.showcase-heading h2,.reels-heading h2{font-size:25px}.showcase-controls,.reel-controls{grid-column:2;grid-row:2;align-self:end}.showcase-controls button,.reel-controls button{width:38px;height:38px}.custom-showcase-card{width:76vw;max-width:270px}.custom-showcase-image{height:235px}.showcase-progress{width:130px}.homepage-reel-card{flex-basis:67vw;max-width:238px}.reel-mobile-hint{display:block}.admin-reel-grid{grid-template-columns:1fr}.admin-reel-preview{height:430px}.reel-replace-row{grid-template-columns:1fr}.reel-create-card{padding:15px}.reel-admin-form{gap:15px}}
@media(prefers-reduced-motion:reduce){.custom-product-carousel,.homepage-reel-rail{scroll-behavior:auto}.custom-showcase-card,.reel-media{transition:none}}