/* ==========================================================================
   Alukas — 首页区块
   ========================================================================== */

/* ---------- 1. Hero Slider ---------- */
.pls-hero{position:relative;overflow:hidden;background:#f5f5f5;}
.pls-hero-slide{
    position:relative;height:630px;
    background-size:cover;background-position:center center;
    display:flex;align-items:center;
}
.pls-hero-inner{width:100%;max-width:var(--pls-container);margin:0 auto;padding:0 15px;}
.pls-hero-content{max-width:520px;}
.pls-hero-sub{
    font-size:15px;letter-spacing:.24em;text-transform:uppercase;
    color:#222;margin:0 0 18px;
}
.pls-hero-title{
    font-size:64px;line-height:1.1;color:#222;margin:0 0 20px;font-weight:400;
}
.pls-hero-title.is-long{font-size:32px;line-height:1.35;max-width:720px;}
.pls-hero-desc{font-size:17px;color:#555;margin:0 0 30px;max-width:640px;}
.pls-hero-slide.text-light .pls-hero-sub,
.pls-hero-slide.text-light .pls-hero-title{color:#fff;}
.pls-hero-slide.text-light .pls-hero-desc{color:rgba(255,255,255,.85);}

/* ---------- 2. Banner ---------- */
.pls-banners{padding:35px 0 0;}
.pls-banner{
    position:relative;overflow:hidden;display:block;
    background:#efefef;
}
.pls-banner img{width:100%;display:block;transition:transform .8s cubic-bezier(.19,1,.22,1);}
.pls-banner:hover img{transform:scale(1.06);}
.pls-banner-content{
    position:absolute;inset:0;padding:38px 40px;
    display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
}
.pls-banner-sub{
    font-size:13px;letter-spacing:.16em;text-transform:uppercase;
    color:#777;margin:0 0 8px;
}
.pls-banner-title{
    font-size:26px;line-height:1.25;color:#222;margin:0 0 14px;font-weight:400;
}
.pls-banner-desc{font-size:15px;color:#666;margin:0 0 14px;}
.pls-banner .pls-link-underline{text-transform:uppercase;font-size:14px;letter-spacing:.06em;}
.pls-banner.is-dark .pls-banner-sub{color:rgba(255,255,255,.75);}
.pls-banner.is-dark .pls-banner-title{color:#fff;}
.pls-banner.is-dark .pls-banner-desc{color:rgba(255,255,255,.8);}
.pls-banner.is-dark .pls-link-underline{color:#fff;}

/* ---------- 3. Popular Categories ---------- */
.pls-categories{padding:55px 0 40px;}
.pls-category-list{display:flex;flex-wrap:wrap;margin:0 -15px;}
.pls-category-item{flex:1 1 0;padding:0 15px;text-align:center;min-width:120px;}
.pls-category-thumb{
    width:148px;height:148px;margin:0 auto 18px;border-radius:50%;
    background:#f7f7f7;display:flex;align-items:center;justify-content:center;
    overflow:hidden;transition:transform .45s ease;
}
.pls-category-item:hover .pls-category-thumb{transform:translateY(-6px);}
.pls-category-thumb img{width:100%;height:100%;object-fit:contain;padding:14px;}
.pls-category-name{
    font-size:15px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;
    color:#222;margin:0;display:inline-block;position:relative;
}
.pls-category-item:hover .pls-category-name::after{
    content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#222;
}

/* ---------- 4. 产品区块 ---------- */
.pls-products-section{padding:45px 0 55px;}

/* ---------- 5. CTA 条 ---------- */
.pls-cta{padding:20px 0 45px;}
.pls-cta-inner{
    background:var(--pls-color-pink);
    display:flex;align-items:center;justify-content:center;gap:22px;
    padding:24px 30px;flex-wrap:wrap;
}
.pls-cta-icon{display:inline-flex;color:#222;}
.pls-cta-icon svg{width:28px;height:28px;}
.pls-cta-text{font-size:26px;color:#222;margin:0;font-weight:400;}
.pls-cta .pls-btn{height:40px;padding:0 26px;background:transparent;color:#222;border:1px solid #222;font-size:15px;}
.pls-cta .pls-btn:hover{background:#222;color:#fff;}

/* ---------- 6. 产品选项卡 ---------- */
.pls-tabs-nav{
    display:flex;align-items:center;justify-content:center;gap:34px;
    margin:0 0 32px;padding:0;list-style:none;
}
.pls-tabs-nav li{position:relative;}
.pls-tabs-nav button{
    background:none;border:0;padding:0 0 4px;cursor:pointer;
    font-family:inherit;font-size:17px;color:#999;transition:color .3s ease;
}
.pls-tabs-nav button::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#222;
    transform:scaleX(0);transition:transform .3s ease;
}
.pls-tabs-nav li.is-active button{color:#222;}
.pls-tabs-nav li.is-active button::after{transform:scaleX(1);}
.pls-tab-panel{display:none;}
.pls-tab-panel.is-active{display:block;}

/* ---------- 7. 评价 ---------- */
.pls-testimonials{padding:55px 0 60px;background:#fff;}
.pls-testimonial{text-align:center;padding:0 30px;}
.pls-testimonial-stars{color:#f5a623;font-size:14px;letter-spacing:3px;margin-bottom:16px;}
.pls-testimonial-text{
    font-size:17px;line-height:30px;color:#666;margin:0 0 24px;font-style:normal;
}
.pls-testimonial-avatar{
    width:64px;height:64px;border-radius:50%;overflow:hidden;margin:0 auto 12px;
}
.pls-testimonial-avatar img{width:100%;height:100%;object-fit:cover;}
.pls-testimonial-name{font-size:17px;color:#222;margin:0;}
.pls-testimonial-role{font-size:14px;color:#999;margin:0;}

/* ---------- 8. 博客 ---------- */
.pls-blog-section{padding:50px 0 60px;}
.pls-post-card{display:block;}
.pls-post-card > span{display:block;}
.pls-post-card .pls-link-underline{display:inline-block;font-size:14px;letter-spacing:.04em;}
.pls-post-thumb{position:relative;overflow:hidden;margin-bottom:20px;background:#f5f5f5;}
.pls-post-thumb img{width:100%;display:block;transition:transform .8s cubic-bezier(.19,1,.22,1);}
.pls-post-card:hover .pls-post-thumb img{transform:scale(1.06);}
.pls-post-meta{font-size:14px;color:#999;margin-bottom:8px;letter-spacing:.02em;}
.pls-post-title{font-size:20px;line-height:1.4;color:#222;margin:0 0 10px;font-weight:400;}
.pls-post-card:hover .pls-post-title{opacity:.7;}
.pls-post-excerpt{font-size:15px;color:#777;margin:0;}

/* ---------- 9. Instagram ---------- */
.pls-instagram{padding:45px 0 55px;}
.pls-instagram-handle{text-align:center;margin:-6px 0 22px;font-size:16px;}
.pls-instagram-handle a{color:#222;}
.pls-instagram-handle a:hover{opacity:.65;}
.pls-instagram-list{display:flex;flex-wrap:wrap;margin:0 -7px;}
.pls-instagram-item{flex:1 1 0;padding:0 7px;position:relative;min-width:120px;}
.pls-instagram-item a{display:block;position:relative;overflow:hidden;}
.pls-instagram-item img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;}
.pls-instagram-item a::after{
    content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);
    opacity:0;transition:opacity .35s ease;
}
.pls-instagram-item a:hover::after{opacity:1;}

/* ---------- 通用 slider（Swiper） ---------- */
.pls-swiper{position:relative;}
.pls-swiper .swiper-button-next,
.pls-swiper .swiper-button-prev{
    width:44px;height:44px;background:#fff;color:#222;
    box-shadow:0 2px 14px rgba(0,0,0,.12);margin-top:-22px;
    opacity:0;transition:opacity .3s ease;
}
.pls-swiper:hover .swiper-button-next,
.pls-swiper:hover .swiper-button-prev{opacity:1;}
.pls-swiper .swiper-button-next::after,
.pls-swiper .swiper-button-prev::after{font-size:15px;font-weight:700;}
.pls-swiper .swiper-pagination{position:static;margin-top:26px;}
.pls-swiper .swiper-pagination-bullet{
    width:8px;height:8px;background:#d5d5d5;opacity:1;margin:0 5px!important;
}
.pls-swiper .swiper-pagination-bullet-active{background:#222;}

@media (max-width:991px){
    .pls-hero-slide{height:440px;background-position:center center;}
    .pls-hero-title{font-size:42px;}
    .pls-hero-title.is-long{font-size:24px;}
    .pls-category-item{flex:0 0 33.3333%;margin-bottom:26px;}
    .pls-instagram-item{flex:0 0 33.3333%;margin-bottom:14px;}
}
@media (max-width:767px){
    .pls-banners{padding:16px 0 0;}
    .pls-banners .row{margin:0 -4px;}
    .pls-banners [class*="col-"]{padding:0 4px;}
    .pls-banners .col-4{flex:0 0 33.3333%;max-width:33.3333%;}
    .pls-banners .col-6{flex:0 0 50%;max-width:50%;}
    .pls-banner-content{padding:10px 8px;}
    .pls-banner-sub{font-size:10px;margin:0 0 4px;}
    .pls-banner-title{font-size:13px;line-height:1.25;margin:0 0 6px;}
    .pls-banner-desc{font-size:11px;margin:0 0 6px;}
    .pls-banner .pls-link-underline{font-size:11px;}
    .pls-products-section{padding:28px 0 32px;}
    .pls-slider-dots{margin-top:14px;}
    .pls-product-image img{object-fit:contain;object-position:center center;background:#f7f7f7;}
}
@media (max-width:575px){
    .pls-hero-slide{height:360px;background-position:center center;}
    .pls-hero-title{font-size:32px;}
    .pls-hero-title.is-long{font-size:18px;}
    .pls-heading .pls-heading-title{font-size:28px;}
    .pls-category-item{flex:0 0 50%;}
    .pls-cta-text{font-size:20px;}
    .container{padding:0 10px;}
}