/* Louis Yoga — giao diện theo file thiết kế 08/10/2026. Nạp sau ly-home.css và ly-site.css. */
/* 10/2026 tối ưu: bỏ @font-face Montserrat-Bold / montserrat-extrabold tự host — font đậm 700/800/900 nạp từ Google Fonts trong snippets/ly-fonts.bwt. */

.ly-home-page{--ly-pink:#d72182;--ly-wine:#4a202c;--ly-mat:#a03551;--ly-light:#fff8fa;--ly-gray:#f2f2f2;--ly-soft:#fcefef;--ly-ink:#171516}
body.ly-inner-page{--mainColor:#d72182;--subColor:#4a202c;--textColor:#4a202c;--topHeader:#d72182}

/* Không bao giờ hiện chữ giữ chỗ cho khách */
.ly-media-label{display:none!important}
.ly-media{background:#efe6ea}
.ly-media.has-image{background:#efe6ea}
.ly-media img{z-index:1}

/* Header + thanh hồng */
.ly-header{box-shadow:0 1px 0 #f1e4ea}
.ly-nav{color:var(--ly-ink)}
.ly-topbar{background:var(--ly-pink)}
.ly-topbar a:not(:first-child){color:var(--ly-pink)}

/* ---------- HERO TRANG CHỦ ---------- */
.ly-hero{background:radial-gradient(120% 140% at 0% 30%,#ea9db6 0,#f6cfdc 38%,#fde9ef 62%,#fff 100%);overflow:hidden}
.ly-hero-grid{min-height:560px;align-items:stretch;gap:40px}
.ly-hero-copy{align-self:center;padding:70px 0 60px}
.ly-hero h1{font-size:clamp(44px,5.2vw,74px);font-weight:800;letter-spacing:-1px;line-height:1.02;margin:0;color:var(--ly-wine)}
.ly-hero-years{display:block}
.ly-hero .ly-hero-sub{position:relative;margin:16px 0 0;padding-top:14px;font-size:20px;color:var(--ly-wine)}
.ly-hero .ly-hero-sub:before{content:'';position:absolute;left:0;top:0;width:min(280px,70%);height:1.5px;background:var(--ly-wine)}
.ly-hero .ly-button{margin-top:110px;gap:16px;font-size:16px;padding:13px 22px 13px 28px}
.ly-hero .ly-button svg{width:26px;height:26px;stroke-width:2}
.ly-hero-art{position:relative;height:auto;min-height:500px;margin-top:44px;align-self:stretch;background:none;overflow:visible;border-radius:0}
.ly-hero-art .ly-hero-tile{position:absolute;background:#fff;border-radius:14px;box-shadow:6px 12px 26px #7a2a4520;aspect-ratio:auto}
.ly-hero-art .ly-mat-shape{position:absolute;left:24%;top:7.8%;bottom:0;width:43.8%;height:auto;background:var(--ly-mat);border-radius:14px 14px 0 0;box-shadow:14px 0 30px #6d1f3a30;z-index:2}
.ly-tile-1{left:6.7%;top:0;width:34.5%;height:30.4%;z-index:1}
.ly-tile-2{left:65.2%;top:15.3%;width:34.5%;height:30.4%;z-index:3}
.ly-tile-3{left:0;top:53%;width:25%;height:22%;z-index:1}
.ly-tile-4{left:67.9%;top:65.2%;width:31%;height:30.4%;z-index:1}

/* ---------- DẢI LOUISYOGA + LỢI ÍCH ---------- */
.ly-ribbon{display:block;background:var(--ly-pink);overflow:hidden;padding:15px 0;color:#ffffff38;font-weight:500;font-size:17px;letter-spacing:.5px}
.ly-ribbon-track{display:flex;justify-content:center;gap:60px;white-space:nowrap}
.ly-benefits{background:var(--ly-soft);padding:30px 0}
.ly-benefits .ly-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:900px}
.ly-benefits .ly-container>div{display:flex;align-items:flex-start;gap:16px}
.ly-benefits svg{width:40px;height:40px;color:var(--ly-wine);stroke-width:1.3}
.ly-benefits strong{font-size:15px;color:var(--ly-wine);font-weight:700}
.ly-benefits p span{font-size:12px;color:#6d4d58;max-width:200px;line-height:1.35}

/* ---------- KHỐI ƯU ĐÃI ---------- */
.ly-sale-section{background:var(--ly-light);padding:60px 0}
.ly-sale{background:#fed8e3;border-radius:16px;padding:34px 30px 36px}
.ly-sale-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}
.ly-sale-label{display:inline-block;background:var(--ly-wine);color:#fff;border-radius:8px;padding:4px 22px 6px;font-size:clamp(24px,3.3vw,46px);font-weight:800;line-height:1.25;letter-spacing:0}
.ly-sale h2{font-size:clamp(30px,4.4vw,62px);font-weight:900;line-height:1.1;color:var(--ly-wine);margin:10px 0 0;letter-spacing:-.5px}
.ly-cd{flex:0 0 auto;min-width:250px}
.ly-cd-units{display:flex;gap:7px;justify-content:flex-end;padding-bottom:8px;border-bottom:3px solid var(--ly-wine)}
.ly-cd-units span{display:grid;place-items:center;min-width:54px;height:54px;padding:0 4px;background:var(--ly-wine);color:#fff;border-radius:4px;font-size:28px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}
.ly-cd-dates{display:flex;justify-content:space-between;margin-top:7px;font-size:10px;font-weight:700;color:var(--ly-wine)}
.ly-cd-note{margin:6px 0 0;text-align:right;font-size:11px;font-weight:600;color:var(--ly-wine)}
.ly-sale .ly-grid-four{gap:22px}
.ly-sale .ly-text-link{color:var(--ly-wine)}

/* ---------- THẺ SẢN PHẨM (theo thiết kế) ---------- */
.ly-card{display:flex;flex-direction:column;background:#fff;border:0;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #4a202c0f;color:#000}
.ly-card:hover{box-shadow:0 10px 28px #4a202c1f}
.ly-wish{right:6px;top:6px;color:var(--ly-pink)!important}
.ly-wish svg{width:26px;height:26px;stroke-width:1.6}
.ly-product-image{aspect-ratio:1/1.08;background:#fff;border-radius:0;border-bottom:1px solid #f1f1f1}
.ly-product-image img{padding:0;object-fit:cover}
.ly-card-info{display:flex;flex-direction:column;flex:1;padding:12px 12px 14px}
.ly-card h3{font-size:14px;line-height:1.3;font-weight:600;color:#000;min-height:2.6em;margin:0 0 8px}
.ly-card h3 a{color:#000}
.ly-card-meta{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:6px;margin:auto 0 14px}
.ly-rating{display:flex;align-items:center;gap:3px;flex:1 1 auto;min-width:0;margin:0 0 2px;font-size:9.5px;line-height:1.2;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ly-star{flex:0 0 auto}
.ly-rating.is-empty{color:#8a8a8a}
.ly-star{color:#d69d31;font-size:15px;line-height:1}
.ly-rating.is-empty .ly-star{color:#d6d6d6}
.ly-card .ly-price{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:0;margin:0 0 0 auto;min-height:0;flex-wrap:nowrap}
.ly-card .ly-price del{order:0;font-size:11px;color:var(--ly-pink);line-height:1.2}
.ly-card .ly-price strong{order:1;margin:0;font-size:clamp(14px,1.35vw,17px);font-weight:500;color:#00869e;line-height:1.25;white-space:nowrap}
.ly-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;font-size:10px}
.ly-card-actions>*{min-width:0}
.ly-card-actions form{margin:0}
.ly-card-actions .ly-btn-cart,.ly-card-actions .ly-btn-buy{display:flex;align-items:center;justify-content:center;width:100%;height:30px;min-height:30px;padding:0 6px;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;line-height:1.1;text-align:center;white-space:nowrap}
.ly-card-actions .ly-btn-cart{background:#fff!important;color:#606060!important;border:1px solid #606060!important}
.ly-card-actions .ly-btn-cart:hover:not(:disabled){border-color:var(--ly-pink)!important;color:var(--ly-pink)!important}
.ly-card-actions .ly-btn-buy{background:var(--ly-pink)!important;color:#fff!important;border:1px solid var(--ly-pink)!important}
.ly-card-actions .ly-btn-buy:hover{background:#b9166d!important}
.ly-card-actions .ly-btn-cart:disabled{opacity:.45}

/* ---------- TIÊU ĐỀ KHỐI ---------- */
.ly-section-title{font-weight:800;color:var(--ly-wine);letter-spacing:-1px}
.ly-section-title span{color:var(--ly-pink)}
.ly-section-subtitle{color:var(--ly-wine);font-size:15px}
.ly-section-subtitle:before{width:250px;background:var(--ly-wine);height:1.5px}
.ly-tabs button{font-size:11px;color:#6b5a61}
.ly-tabs button[aria-selected=true]{background:var(--ly-pink);color:#fff}

/* Banner thảm + 2 banner CTV/khóa học */
.ly-mat-banner{border-radius:10px}
.ly-mat-banner img{object-fit:cover}
.ly-promos{padding:44px 0}
.ly-promos>a{border-radius:10px}
.ly-promos>a img{object-fit:cover}
.ly-promos strong{z-index:3;background:#fff;color:var(--ly-pink);border-radius:3px;padding:9px 18px;font-size:12px;font-weight:700;letter-spacing:.4px;box-shadow:0 4px 14px #0000001f}
.ly-promos>a:hover strong{background:var(--ly-pink);color:#fff}

/* Yogi */
.ly-yogi-video img{object-fit:cover}
.ly-play{z-index:3}

/* Đăng ký nhận tin + footer */
.ly-newsletter{background:var(--ly-pink);padding:28px 40px;border-radius:8px}
.ly-newsletter h2{font-size:24px;font-weight:800}
.ly-newsletter p{font-size:13px}
.ly-newsletter button{background:var(--ly-ink)}
.ly-footer-main{background:var(--ly-gray)!important}
.ly-footer-grid h3{color:var(--ly-pink);font-size:15px;font-weight:700}
.ly-copyright{background:var(--ly-ink)}

/* ---------- TRANG DANH MỤC ---------- */
.ly-inner-page .ly-page-hero{background:radial-gradient(120% 160% at 0% 20%,#ea9db6 0,#f6cfdc 40%,#fde9ef 65%,#fff 100%);padding:64px 0 56px;text-align:center}
.ly-inner-page .ly-page-hero h1{font-size:clamp(38px,6vw,86px);font-weight:800;line-height:1.04;letter-spacing:-1px;text-transform:uppercase;color:#4a202c;text-align:center;margin:0}
.ly-collection .ly-collection-body{padding-top:36px}
.ly-collection .ly-category-nav{margin:0 0 26px}
.ly-collection .ly-category-nav a{border-radius:20px}
.ly-collection .ly-category-nav a[aria-current=page],.ly-collection .ly-category-nav a:hover{background:#d72182;border-color:#d72182}
.ly-collection-grid{gap:16px}
.ly-inner-page .layout-collection .aside-title h2,.ly-inner-page .layout-collection .aside-title{color:#171516;font-size:15px;font-weight:700}
.ly-inner-page .layout-collection .aside-item{border-top:1px solid #4a202c40;border-bottom:0;padding-top:16px}
.ly-ribbon-gap{margin-top:50px}
.ly-collection .ly-promos{padding:40px 0 10px}
@media(min-width:992px){
  .ly-inner-page .layout-collection .dqdt-sidebar{flex:0 0 20%;max-width:20%;padding-right:24px}
  .ly-inner-page .layout-collection .block-collection{flex:0 0 80%;max-width:80%}
}

/* ---------- TRANG SẢN PHẨM ---------- */
.ly-template-product .bread-crumb{display:none}
.ly-template-product .layout-product{padding-top:44px}
.ly-template-product .product .product-image-block{background:none;padding:0;border-radius:0;display:flex;flex-direction:column}
.ly-template-product .product .gallery-top{width:100%!important;float:none!important;margin:0!important;background:#f2f2f2;border-radius:6px;aspect-ratio:1/1}
.ly-template-product .product .gallery-top .swiper-slide{display:flex;align-items:center;justify-content:center}
.ly-template-product .product .gallery-top img{width:100%;height:100%;object-fit:contain}
.ly-template-product .product .gallery-thumbs{position:relative!important;width:100%!important;height:auto!important;float:none!important;left:auto!important;top:auto!important;margin:12px 0 0!important;padding:0 34px!important}
.ly-template-product .product .gallery-thumbs .swiper-wrapper{flex-direction:row!important}
.ly-template-product .product .gallery-thumbs .swiper-slide{height:auto!important;aspect-ratio:1;background:#eee;border-radius:4px;border:2px solid transparent;opacity:.75}
.ly-template-product .product .gallery-thumbs .swiper-slide-thumb-active{border-color:#d72182;opacity:1}
.ly-template-product .product .gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}
.ly-template-product .product .gallery-thumbs .swiper-button-prev,.ly-template-product .product .gallery-thumbs .swiper-button-next{top:50%!important;bottom:auto!important;left:0;right:auto;width:28px!important;height:100%!important;margin:0!important;transform:translateY(-50%) rotate(0)!important;background:#e6e6e6;border-radius:4px}
.ly-template-product .product .gallery-thumbs .swiper-button-next{left:auto;right:0}
.ly-template-product .product .details-pro{padding-left:34px}
.ly-template-product .product .title-product{font-size:clamp(24px,2.4vw,32px);font-weight:700;color:#171516;line-height:1.25;margin:0 0 10px}
.ly-template-product .product .product-top{border-bottom:0;padding-bottom:6px;margin-bottom:10px;font-size:12px}
.ly-template-product .product .form-product{display:flex;flex-direction:column}
.ly-template-product .product .form-product>.price-box{order:-2}
.ly-template-product .product .form-product>.inventory_quantity{order:-1;font-size:12px;margin-bottom:12px}
.ly-template-product .product .price-box{background:#f2f2f2;border:0;border-radius:4px;padding:10px 20px;display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.ly-template-product .product .price-box .product-price{color:#e1262d;font-size:28px;font-weight:500}
.ly-template-product .product .label_product{background:#d72182;color:#fff;border-radius:3px;padding:1px 6px;font-size:11px}
.ly-template-product .product .details-pro .sale{display:none!important}
.ly-template-product .product .swatch .header{font-size:13px;font-weight:600;color:#171516;border-bottom:1px solid #171516;padding-bottom:6px;margin-bottom:10px}
.ly-template-product .product .swatch-element.color{width:auto!important;height:auto!important;display:inline-flex!important;align-items:center;gap:6px;border:1px solid #d9d9d9!important;border-radius:3px!important;padding:4px 10px 4px 4px!important;margin:0 6px 6px 0!important;background:#fff;cursor:pointer;float:none!important}
.ly-template-product .product .swatch-element.color label{width:20px!important;height:20px!important;min-width:20px;border-radius:2px!important;margin:0!important;border:0!important}
.ly-template-product .product .swatch-element.color .tooltip{position:static!important;opacity:1!important;visibility:visible!important;display:block!important;transform:none!important;background:none!important;color:#4a202c!important;padding:0!important;margin:0!important;font-size:11px!important;line-height:1.2;white-space:nowrap;width:auto!important;bottom:auto!important;left:auto!important;box-shadow:none!important;text-transform:capitalize}
.ly-template-product .product .swatch-element.color .tooltip:before,.ly-template-product .product .swatch-element.color .tooltip:after{display:none!important}
.ly-template-product .product .swatch-element.color:has(input:checked){border-color:#d72182!important;box-shadow:0 0 0 1px #d72182}
.ly-template-product .product .product-summary{background:#d72182;color:#fff;border-radius:4px;padding:14px 18px;margin:6px 0 18px;font-size:12px;line-height:1.75}
.ly-template-product .product .product-summary *{color:#fff!important;background:none!important}
.ly-template-product .product .product-summary ul{margin:0;padding:0 0 0 16px}
.ly-template-product .product .product-summary strong{font-weight:700}
.ly-template-product .product .flex-quantity{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ly-template-product .product .custom-btn-number{display:flex;align-items:center;gap:10px;margin:0}
.ly-template-product .product .custom-btn-number label{margin:0;font-size:12px}
.ly-template-product .product .btn-mua{display:flex!important;flex:1 1 100%;gap:12px;align-items:center;margin:4px 0 0!important}
.ly-template-product .product .btn-mua .btn_add_cart,.ly-template-product .product .btn-mua .btn-buyNow{flex:1;margin:0!important;min-height:46px;border-radius:30px!important;text-transform:uppercase;font-size:13px;font-weight:700;width:auto!important;max-width:none!important}
.ly-template-product .product .btn-mua .btn_add_cart{background:#fff!important;color:#d72182!important;border:1.5px solid #d72182!important}
.ly-template-product .product .btn-mua .btn-buyNow{background:#d72182!important;color:#fff!important;border:1.5px solid #d72182!important}
.ly-template-product .product .btn-mua .btn_add_cart:hover{background:#fff1f7!important}
.ly-template-product .product .product-wish{position:static!important;margin:0!important}
.ly-template-product .product .product-policises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;background:none;border:0;border-top:1px solid #d9d9d9;border-radius:0;padding:14px 0 0;margin-top:16px}
.ly-template-product .product .product-policises .item_poli{font-size:11px;margin:0;width:auto;max-width:none;flex:none}
.ly-template-product .details-pro-3,.ly-template-product .product-viewed{display:none!important}
.ly-template-product .details-product>.row>.col-lg-9{flex:0 0 100%;max-width:100%}

/* Phần thông tin bên dưới */
.ly-pd-info{background:#f2f2f2;box-shadow:0 0 0 100vmax #f2f2f2;clip-path:inset(0 -100vmax);padding:36px 0 40px;margin:56px 0 0}
.ly-acc{max-width:820px;margin:0 auto;border-top:1.5px solid #4a202c55}
.ly-acc:last-child{border-bottom:1.5px solid #4a202c55}
.ly-acc>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:14px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#171516}
.ly-acc>summary::-webkit-details-marker{display:none}
.ly-acc>summary:after{content:'';width:9px;height:9px;border-right:1.5px solid #171516;border-bottom:1.5px solid #171516;transition:transform .2s;margin-right:4px}
.ly-acc[open]>summary:after{transform:rotate(-135deg) translate(-3px,-3px)}
.ly-acc>.rte{padding:0 4px 24px;font-size:14px;line-height:1.85;color:#4f3a43}
.ly-acc>.rte img{max-width:100%!important;height:auto!important;border-radius:8px}
.ly-acc>.rte iframe{max-width:100%}
.ly-acc>.rte a{color:#d72182;font-weight:600}
.ly-pd-reviews{max-width:820px;margin:56px auto 20px}
.ly-pd-h{font-size:20px!important;font-weight:700;color:#171516!important;margin:0 0 18px!important;letter-spacing:0!important}
.ly-pd-related{background:#f2f2f2;box-shadow:0 0 0 100vmax #f2f2f2;clip-path:inset(0 -100vmax);margin-top:40px}
.ly-pd-related .ly-section-title{text-transform:none;font-size:clamp(28px,3vw,44px)}
.ly-pd-related .ly-section-title span{text-transform:uppercase}
.ly-template-product .ly-promos{width:100%}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1199px){.ly-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.ly-template-product .product .details-pro{padding-left:15px}}
@media(max-width:760px){
  .ly-hero-grid{min-height:0}
  .ly-hero-copy{padding:36px 0 0;text-align:center}
  .ly-hero h1{font-size:44px}
  .ly-hero .ly-hero-sub{font-size:15px}
  .ly-hero .ly-hero-sub:before{left:50%;transform:translateX(-50%)}
  .ly-hero .ly-button{margin-top:22px;font-size:13px}
  .ly-hero-art{min-height:0;height:300px;max-width:360px;width:90%;margin:26px auto 0}
  .ly-ribbon{font-size:11px;padding:10px 0}
  .ly-ribbon-track{gap:28px}
  .ly-benefits .ly-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .ly-benefits .ly-container>div{flex-direction:column;align-items:center;text-align:center;gap:6px}
  .ly-benefits svg{width:28px;height:28px}
  .ly-benefits strong{font-size:11px}
  .ly-benefits p span{font-size:9px}
  .ly-sale{padding:20px 12px 24px}
  .ly-sale-head{flex-direction:column;gap:16px;margin-bottom:20px}
  .ly-cd{width:100%;min-width:0}
  .ly-cd-units{justify-content:flex-start}
  .ly-cd-units span{min-width:44px;height:44px;font-size:22px}
  .ly-sale .ly-grid-four{gap:10px}
  .ly-card h3{font-size:12px}
  .ly-card-info{padding:10px 9px 10px}
  .ly-card .ly-price strong{font-size:14px}
  .ly-card-meta{flex-direction:column-reverse;align-items:flex-start}
  .ly-card .ly-price{align-items:flex-start;margin:0}
  .ly-card-actions{gap:5px}
  .ly-card-actions .ly-btn-cart,.ly-card-actions .ly-btn-buy{font-size:8.5px;height:32px;padding:0 3px}
  .ly-promos strong{font-size:9px;padding:7px 10px}
  .ly-newsletter{padding:20px}
  .ly-newsletter h2{font-size:16px}
  .ly-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ly-inner-page .ly-page-hero{padding:40px 0 34px}
  .ly-template-product .layout-product{padding-top:20px}
  .ly-template-product .product .btn-mua{flex-wrap:wrap}
  .ly-acc>summary{font-size:12px;letter-spacing:1.5px}
  .ly-pd-info{padding:20px 0 26px;margin-top:36px}
}

/* ---------- Tinh chỉnh sau kiểm tra 09/10 ---------- */
.ly-template-product .product .swatch-element.color label{order:-1}
.ly-mat-banner img{object-position:center top}
#sapo-product-reviews .sapo-product-reviews-summary,#sapo-product-reviews-noitem{background:#fff8fa!important;border-color:#f3dbe6!important}
#sapo-product-reviews .bpr-summary-average,#sapo-product-reviews .bpr-summary-average *,#sapo-product-reviews .sapo-review-actions,#sapo-product-reviews .sapo-review-actions *{color:#d72182!important;border-color:#d72182!important}
#sapo-product-reviews .btn-new-review,#sapo-product-reviews .bpr-button-submit,#sapo-product-reviews .btn-new-review+p,#sapo-product-reviews p[style*="background"]{background:#d72182!important;border-color:#d72182!important;color:#fff!important;border-radius:20px!important}
#sapo-product-reviews .checkmark{color:#d72182!important;border-color:#d72182!important}
#sapo-product-reviews .sapo-review-actions svg *{fill:#d72182!important;stroke:none}