/* Skinbeauty & Aura — home page live layer (Build 8). Same design; adds movement, live details and reviews. */

/* ---------- gentle movement ---------- */
.sba-motion .sba-slide>img{transform:scale(1.001);transition:transform 9s ease-out}
.sba-motion .sba-slide.is-current>img{transform:scale(1.07)}
.sba-motion .sba-slide-copy>*{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.sba-motion .sba-slide.is-current .sba-slide-copy>*{opacity:1;transform:none}
.sba-motion .sba-slide.is-current .sba-slide-copy>*:nth-child(2){transition-delay:.12s}
.sba-motion .sba-slide.is-current .sba-slide-copy>*:nth-child(3){transition-delay:.24s}
.sba-motion .sba-slide.is-current .sba-slide-copy>*:nth-child(4){transition-delay:.36s}
.sba-motion .sba-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.sba-motion .sba-reveal.is-in{opacity:1;transform:none}
.sba-motion .mh-service,.sba-motion .mh-category,.sba-motion .mh-product{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.sba-motion .mh-service:hover,.sba-motion .mh-category:hover,.sba-motion .mh-product:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(60,20,45,.10)}
.mh-service,.mh-category,.mh-product-image{overflow:hidden}
.sba-motion .mh-service img,.sba-motion .mh-category img,.sba-motion .mh-product-image img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sba-motion .mh-service:hover img,.sba-motion .mh-category:hover img,.sba-motion .mh-product:hover .mh-product-image img{transform:scale(1.05)}
.sba-motion .mh-btn,.sba-motion .mh-product-body .button,.sba-motion .sba-availability button[type=submit]{transition:background-color .25s,color .25s,transform .25s,box-shadow .25s}
.sba-motion .mh-btn:hover,.sba-motion .sba-availability button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(133,0,77,.22)}
.mh-product-body .button:hover,.mh-product-body .button.is-added{background:#87004b!important;color:#fff!important}
.sba-motion .sba-editorial-overlay>img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sba-motion .sba-editorial-overlay:hover>img{transform:scale(1.03)}

/* ---------- live details ---------- */
.sba-live-meta{display:block;font-size:11px;color:#87004b;font-weight:500;margin:-2px 0 8px}
.mh-category img.sba-live-photo{object-fit:contain;background:#fff;padding:10px}
.mh-product-image img.sba-live-photo{object-fit:contain;background:#fff;padding:10px}
.sba-live-off{position:absolute;top:8px;left:8px;font-style:normal;font-size:10px;font-weight:700;background:#87004b;color:#fff;border-radius:999px;padding:3px 8px}
.mh-product-body>b s{font-size:11px;font-weight:400;color:#8a7d88;margin-left:4px}
.mh-product-body>a strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:none}
.sba-slide>img.sba-live-hero{object-position:80% 30%}

/* ---------- reviews ---------- */
.mock-home .sba-review-feed.is-live{display:block;border:0;padding:0;background:transparent;box-shadow:none}
.sba-rv-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;background:#fff;border:1px solid #f0e6e8;border-radius:12px;padding:16px 20px;box-shadow:0 4px 12px rgba(58,32,48,.04);margin-bottom:18px}
.sba-rv-biz{display:flex;align-items:center;gap:14px;min-width:0}
.sba-rv-biz>img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none}
.sba-rv-biz strong{display:block;font-size:15px;color:#22202a}
.sba-rv-score{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:13px;color:#6b5d69;margin-top:2px}
.sba-rv-score b{font-size:17px;color:#22202a}
.sba-rv-summary .mh-btn{display:inline-flex;align-items:center;background:#85004d;color:#fff!important;border-radius:5px;padding:12px 20px;font-size:12px;font-weight:600;text-decoration:none}
.sba-rv-stars{display:inline-flex;gap:1px;color:#FBBC04}
.sba-rv-stars svg{width:16px;height:16px;fill:currentColor}
.sba-rv-stars svg.is-off{color:#e3d9dc}
.sba-rv-g{width:17px;height:17px;flex:none}
.sba-rv-tick{width:15px;height:15px;flex:none;display:block}
.sba-rv-wrap{position:relative}
.sba-rv-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px}
.sba-rv-track::-webkit-scrollbar{display:none}
.sba-rv{scroll-snap-align:start;background:#fff;border:1px solid #f0e6e8;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px rgba(58,32,48,.04);align-self:start;min-width:0}
.sba-rv-top{display:flex;align-items:center;gap:10px}
.sba-rv-ava{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:16px;overflow:hidden;flex:none}
.sba-rv-ava img{width:100%;height:100%;object-fit:cover}
.sba-rv-who{flex:1;min-width:0}
.sba-rv-who strong{display:block;font-size:13px;color:#22202a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sba-rv-who span{font-size:11px;color:#8a7d88}
.sba-rv-rate{display:flex;align-items:center;gap:6px}
.sba-rv-text{margin:0;font-size:13px;line-height:1.6;color:#342c33;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.sba-rv.is-open .sba-rv-text{display:block}
.sba-rv-more{align-self:flex-start;background:none;border:0;padding:0;font:500 12px Poppins,sans-serif;color:#6b5d69;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sba-rv-more:hover{color:#87004b}
.sba-rv-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid #d9cad4;background:#fff;color:#481e3d;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(58,32,48,.10)}
.sba-rv-arrow.is-prev{left:-16px}.sba-rv-arrow.is-next{right:-16px}
.sba-rv-arrow:focus-visible,.sba-rv-more:focus-visible{outline:2px solid #7b0674;outline-offset:2px}
@media (max-width:1100px){.sba-rv-track{grid-auto-columns:calc((100% - 2*16px)/3)}}
@media (max-width:800px){.sba-rv-track{grid-auto-columns:calc((100% - 16px)/1.6)}.sba-rv-arrow{display:none}}
@media (max-width:520px){.sba-rv-track{grid-auto-columns:86%}.sba-rv-summary{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.sba-rv-track{scroll-behavior:auto}}