/* User-approved Lovart assets: cool daylight, teal brand, original composition. */
.brand.brand-art{display:block;position:relative;width:200px;height:66px;overflow:hidden;flex-shrink:0;border-radius:8px}
.brand-art img{position:absolute;width:256px;height:256px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.showcase-slide{grid-template-columns:1.12fr 1fr;min-height:410px}
.showcase-copy{padding:38px 24px 38px 46px}
.showcase-copy h1{max-width:540px;text-wrap:balance}
.showcase-media{min-height:410px;display:grid;place-items:center;padding:18px 30px 18px 0}
.showcase-image{position:relative;inset:auto;width:374px;max-width:100%;height:auto;display:block;overflow:hidden;border-radius:16px}
.showcase-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:16px}
.showcase-media .hero-photo-note{top:25px;right:38px;z-index:3;padding:4px 8px;border-radius:4px;background:#ffffffe6;color:#4d6574;font-size:10px;pointer-events:none}
.showcase-thumb{width:38px;height:38px;object-fit:contain;border-radius:5px}
.showcase-controls [data-count]{white-space:nowrap;font:12px Arial;color:var(--muted);margin-right:8px}
.showcase-controls [data-pause]{font-size:12px;padding-inline:10px;min-width:76px}
.merchant-strip.lovart-banner{position:relative;isolation:isolate;min-height:280px;overflow:hidden;align-items:flex-start;justify-content:center;flex-direction:column;gap:16px;padding:38px 40px;background:#e9f2f4}
.lovart-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.lovart-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf5f8 0%,#edf5f8eb 36%,#edf5f800 72%);z-index:-1}
.lovart-banner>div{max-width:50%}
.lovart-banner h2{font-size:25px;line-height:1.5}
.lovart-banner p{font-size:12px;line-height:1.8}
@media(max-width:1000px){.showcase-copy{padding-left:30px}.showcase-media{padding-right:18px}.showcase-slide,.showcase-media{min-height:370px}.showcase-media .hero-photo-note{right:26px}.lovart-banner h2{font-size:21px}}
@media(max-width:760px){.showcase-copy{padding:28px 16px 28px 24px}.showcase-copy h1{font-size:29px}.showcase-slide,.showcase-media{min-height:320px}.showcase-thumb{width:30px;height:30px}.showcase-media .hero-photo-note{top:18px;right:22px;font-size:8px}.merchant-strip.lovart-banner{padding:26px}.lovart-banner>div{max-width:60%}}
@media(max-width:540px){.brand.brand-art{width:170px;height:56px}.brand-art img{width:222px;height:222px}.showcase-slide{grid-template-columns:1fr}.showcase-copy{padding:27px 23px 17px}.showcase-copy h1{font-size:clamp(25px,7.4vw,33px)}.showcase-media{min-height:0;padding:0 20px 20px}.showcase-image{width:100%;max-width:360px;right:auto;top:auto;height:auto}.showcase-media .hero-photo-note{top:8px;right:28px}.showcase-thumb{width:34px;height:34px}.showcase-controls [data-count]{margin-right:auto}.merchant-strip.lovart-banner{min-height:370px;padding:26px 24px 170px}.lovart-banner>div{max-width:100%}.lovart-banner>img{height:220px;top:auto;bottom:0;object-position:right bottom}.lovart-banner:after{background:linear-gradient(180deg,#edf5f8 0%,#edf5f8 42%,#edf5f800 85%)}.lovart-banner h2{font-size:21px}.lovart-banner p{margin-bottom:0}}
