.friend-showcase-section{padding:60px 15px;background-color:#f7f9fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.friend-showcase-section h2{font-size:28px;font-weight:700;text-align:center;margin-bottom:32px;color:#1a1a1a}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.category-tab{padding:12px 24px;font-size:16px;font-weight:600;background-color:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000000a}.category-tab:hover{background-color:#f0f0f0;transform:translateY(-2px)}.category-tab.active{background-color:#111;color:#fff;border-color:#111;box-shadow:0 4px 10px #0000001a}.carousel-pane{display:none}.carousel-pane.active{display:block}.product-carousel{display:flex;overflow-x:auto;gap:16px;padding:10px;margin:0 -10px;scroll-snap-type:x mandatory;scrollbar-width:none}.product-carousel::-webkit-scrollbar{display:none}.product-card{flex:0 0 160px;text-align:center;text-decoration:none;color:#111;scroll-snap-align:start}.product-card-image-wrapper{background-color:#fff;border-radius:16px;overflow:hidden;margin-bottom:12px;box-shadow:0 4px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover .product-card-image-wrapper{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.product-card img{width:100%;height:auto;display:block}.product-card h3{margin:0;font-size:14px;font-weight:500;line-height:1.4;padding:0 5px}@media (min-width: 768px){.product-card{flex:0 0 200px}}.choose-companion-section{padding:40px 15px;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.choose-companion-section h2{font-size:24px;line-height:1.2;font-weight:700;text-align:center;margin-bottom:32px;color:#1a1a1a}.companion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1200px;margin:0 auto}.companion-card{display:block;text-decoration:none;background-color:#f7f9fc;border-radius:18px;overflow:hidden;text-align:center;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.companion-card .card-image img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block}.companion-card .card-content{padding:12px 10px 16px}.companion-card .card-title{font-size:16px;font-weight:600;color:#111;margin:0 0 4px}.companion-card .card-subtitle{font-size:13px;color:#555;margin:0}@media (min-width: 768px){.choose-companion-section{padding:60px 20px}.choose-companion-section h2{font-size:28px}.companion-grid{grid-template-columns:repeat(4,1fr);gap:24px}.companion-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000014}.companion-card .card-content{padding:16px 15px 20px}.companion-card .card-title{font-size:18px}.companion-card .card-subtitle{font-size:14px}}.video-reel-slider-section{padding:40px 0;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.video-reel-slider-section h2{font-size:24px;font-weight:700;text-align:center;margin-bottom:32px;padding:0 15px;color:#1a1a1a}.video-reel-swiper{width:100%;height:100%;padding:0 15px!important}.video-reel-swiper .swiper-slide{width:65%;max-width:280px;height:auto;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transform:scale(.95);transition:transform .4s ease}.video-reel-swiper .swiper-slide-active{transform:scale(1)}.video-reel-swiper .swiper-slide a,.video-reel-swiper .swiper-slide div{display:block;width:100%;height:100%}.video-reel-swiper video{width:100%;height:100%;object-fit:cover}.video-reel-swiper .swiper-button-next,.video-reel-swiper .swiper-button-prev{color:#000;background-color:#fffc;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 5px #00000026}.video-reel-swiper .swiper-button-next:after,.video-reel-swiper .swiper-button-prev:after{font-size:16px;font-weight:700}.video-reel-swiper .swiper-button-prev{left:5px}.video-reel-swiper .swiper-button-next{right:5px}@media (max-width: 767px){.video-reel-swiper .swiper-button-next,.video-reel-swiper .swiper-button-prev{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map */