/* Louis Yoga — Khối thông tin trang sản phẩm: Chi tiết / Bảo quản / Vận chuyển và đổi trả (10/2026)
   Nạp từ snippets/tab_product.bwt. Tiền tố .lyi. Dùng !important vì CSS cũ của theme nạp sau và mạnh.
   Lưu ý: ly-pages.css cũ đặt cho .ly-pd-info dải xám full-width bằng box-shadow 1280px → ở đây tắt đi để nền trắng liền mạch. */
.lyi{--lyi-pink:#d72182;--lyi-wine:#4a202c;--lyi-text:#3d3739;--lyi-muted:#7d7277;--lyi-line:#efe4e8;--lyi-soft:#fcefef;
  max-width:880px;margin:8px 0 32px!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important;clip-path:none!important;font-family:Inter,system-ui,sans-serif}

/* ---- Tiêu đề mở/đóng ---- */
.lyi .lyi-acc{margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--lyi-line)!important;background:none!important;border-radius:0!important;box-shadow:none!important}
.lyi .lyi-acc:first-child{border-top:1px solid var(--lyi-line)!important}
.lyi .lyi-acc>summary{display:flex!important;align-items:center;justify-content:space-between;gap:16px;list-style:none;margin:0!important;padding:18px 2px!important;cursor:pointer;background:none!important;border:0!important;
  font:700 16px/1.35 Montserrat,Inter,sans-serif!important;color:var(--lyi-wine)!important;letter-spacing:.1px!important;text-transform:none!important}
.lyi .lyi-acc>summary::-webkit-details-marker{display:none}
.lyi .lyi-acc>summary::before,.lyi .lyi-acc>summary::after{display:none!important;content:none!important}
.lyi .lyi-acc>summary i{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--lyi-soft);transition:background .2s}
.lyi .lyi-acc>summary i::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border:solid var(--lyi-pink);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .25s,margin .25s}
.lyi .lyi-acc[open]>summary i::before{transform:rotate(-135deg);margin-top:-2px}
.lyi .lyi-acc>summary:hover i{background:#f9dce7}
.lyi .lyi-acc>summary:focus-visible{outline:2px solid var(--lyi-pink);outline-offset:2px;border-radius:6px}
.lyi .lyi-body{padding:0 2px 22px}

/* ---- Mô tả sản phẩm: chữ thống nhất, dễ đọc ---- */
.lyi .lyi-desc{position:relative}
.lyi .lyi-desc.is-clamped{max-height:620px;overflow:hidden}
.lyi .lyi-desc.is-clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(rgba(255,255,255,0),#fff 88%);pointer-events:none}
.lyi .lyi-desc .rte,.lyi .lyi-desc #content{margin:0!important;padding:0!important;background:none!important;font:400 15px/1.75 Inter,system-ui,sans-serif!important;color:var(--lyi-text)!important}
.lyi .lyi-desc #content *{font-family:inherit!important;max-width:100%}
.lyi .lyi-desc #content p,.lyi .lyi-desc #content li,.lyi .lyi-desc #content span,.lyi .lyi-desc #content div{font-size:inherit!important;line-height:inherit!important;color:inherit;text-align:left!important;background-color:transparent!important}
.lyi .lyi-desc #content p{margin:0 0 12px!important}
.lyi .lyi-desc #content h1,.lyi .lyi-desc #content h2,.lyi .lyi-desc #content h3,.lyi .lyi-desc #content h4{position:relative;margin:28px 0 12px!important;padding:0 0 0 14px!important;background:none!important;
  font:700 18px/1.4 Montserrat,Inter,sans-serif!important;color:var(--lyi-wine)!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important}
.lyi .lyi-desc #content h1::before,.lyi .lyi-desc #content h2::before,.lyi .lyi-desc #content h3::before,.lyi .lyi-desc #content h4::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:2px;background:var(--lyi-pink)}
.lyi .lyi-desc #content h3,.lyi .lyi-desc #content h4{font-size:16px!important}
.lyi .lyi-desc #content>:first-child,.lyi .lyi-desc #content>:first-child>:first-child{margin-top:0!important}
.lyi .lyi-desc #content strong,.lyi .lyi-desc #content b{font-weight:600!important;color:#262123!important}
.lyi .lyi-desc #content :is(h1,h2,h3,h4) :is(*){color:var(--lyi-wine)!important;font-size:inherit!important;font-weight:inherit!important}
.lyi .lyi-desc #content a{color:var(--lyi-pink)!important;text-decoration:underline;text-underline-offset:3px}
.lyi .lyi-desc #content ul,.lyi .lyi-desc #content ol{margin:0 0 14px!important;padding-left:0!important;list-style:none!important}
.lyi .lyi-desc #content ul>li{position:relative;margin:0 0 8px!important;padding-left:20px!important;list-style:none!important}
.lyi .lyi-desc #content ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--lyi-pink)}
.lyi .lyi-desc #content ol{counter-reset:lyi}
.lyi .lyi-desc #content ol>li{position:relative;margin:0 0 8px!important;padding-left:26px!important;counter-increment:lyi}
.lyi .lyi-desc #content ol>li::before{content:counter(lyi);position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:50%;background:var(--lyi-soft);color:var(--lyi-pink);font:700 11px/18px Montserrat,sans-serif;text-align:center}
.lyi .lyi-desc #content img{display:block;height:auto!important;margin:16px auto!important;border-radius:12px}
.lyi .lyi-desc #content iframe{max-width:100%;border:0;border-radius:12px}
.lyi .lyi-desc #content table{width:100%!important;border-collapse:collapse;margin:0 0 14px;font-size:14px}
.lyi .lyi-desc #content td,.lyi .lyi-desc #content th{padding:8px 10px;border:1px solid var(--lyi-line)}

.lyi .lyi-more{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 0;height:40px;padding:0 22px;border:1.5px solid var(--lyi-pink);border-radius:22px;background:#fff;color:var(--lyi-pink);
  font:600 13.5px/1 Montserrat,Inter,sans-serif!important;letter-spacing:.2px!important;text-transform:none!important;cursor:pointer;transition:background .2s,color .2s}
.lyi .lyi-more[hidden]{display:none}
.lyi .lyi-more svg{width:16px;height:16px;transition:transform .25s}
.lyi .lyi-more.is-open svg{transform:rotate(180deg)}
.lyi .lyi-more:hover{background:var(--lyi-pink);color:#fff}

/* ---- Bảo quản ---- */
.lyi .lyi-lead{margin:0 0 10px!important;font:400 15px/1.7 Inter,system-ui,sans-serif!important;color:var(--lyi-text)!important}
.lyi .lyi-link{display:inline-flex;align-items:center;gap:4px;font:600 14px/1.4 Inter,system-ui,sans-serif!important;color:var(--lyi-pink)!important;text-decoration:none!important}
.lyi .lyi-link:hover{text-decoration:underline!important;text-underline-offset:3px}

/* ---- Tóm tắt Vận chuyển & đổi trả ---- */
.lyi .lyi-pol-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px!important;padding:0!important;list-style:none!important}
.lyi .lyi-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;margin:0!important;padding:14px!important;border:1px solid var(--lyi-line);border-radius:12px;background:#fff;list-style:none!important}
.lyi .lyi-card::before{display:none!important}
.lyi .lyi-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lyi-soft);color:var(--lyi-pink)}
.lyi .lyi-ic svg{width:20px;height:20px}
.lyi .lyi-card h4{margin:2px 0 4px!important;padding:0!important;font:700 14px/1.35 Montserrat,Inter,sans-serif!important;color:var(--lyi-wine)!important;text-transform:none!important}
.lyi .lyi-card h4::before{display:none!important}
.lyi .lyi-card p{margin:0!important;font:400 13.5px/1.6 Inter,system-ui,sans-serif!important;color:var(--lyi-text)!important}
.lyi .lyi-card p b{font-weight:700;color:var(--lyi-pink)}
.lyi .lyi-card.is-muted{background:#faf8f9}
.lyi .lyi-card.is-muted .lyi-ic{background:#efeced;color:#8c8287}
.lyi .lyi-card.is-muted p{color:var(--lyi-muted)!important}

.lyi .lyi-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px!important;padding:12px 14px!important;border-radius:12px;background:var(--lyi-soft);list-style:none!important;counter-reset:none}
.lyi .lyi-steps li{display:flex;align-items:center;gap:10px;margin:0!important;padding:0!important;font:500 13px/1.45 Inter,system-ui,sans-serif;color:var(--lyi-wine);list-style:none!important}
.lyi .lyi-steps li::before{display:none!important}
.lyi .lyi-steps span{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lyi-pink);color:#fff;font:700 12px/1 Montserrat,sans-serif}
.lyi .lyi-pol-note{margin:0 0 14px!important;font:400 13px/1.6 Inter,system-ui,sans-serif!important;color:var(--lyi-muted)!important}
.lyi .lyi-pol-note b{color:var(--lyi-wine)}
.lyi .lyi-pol-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.lyi .lyi-hotline{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:22px;background:var(--lyi-pink);color:#fff!important;font:700 13.5px/1 Montserrat,Inter,sans-serif!important;text-decoration:none!important}
.lyi .lyi-hotline svg{width:16px;height:16px}
.lyi .lyi-hotline:hover{background:#b9166d}

@media (max-width:767px){
  .lyi{margin:0 0 24px!important}
  .lyi .lyi-acc>summary{padding:16px 0!important;font-size:15px!important}
  .lyi .lyi-desc.is-clamped{max-height:460px}
  .lyi .lyi-desc .rte,.lyi .lyi-desc #content{font-size:14.5px!important;line-height:1.7!important}
  .lyi .lyi-desc #content h1,.lyi .lyi-desc #content h2,.lyi .lyi-desc #content h3,.lyi .lyi-desc #content h4{font-size:16px!important;margin-top:22px!important}
  .lyi .lyi-desc #content img{border-radius:10px;margin:12px auto!important}
  .lyi .lyi-pol-grid{grid-template-columns:1fr;gap:10px}
  .lyi .lyi-card{padding:12px!important}
  .lyi .lyi-steps{grid-template-columns:1fr;gap:8px}
  .lyi .lyi-pol-cta .lyi-hotline{flex:1 1 100%;justify-content:center}
  .lyi .lyi-pol-cta .lyi-link{margin:0 auto}
}