/*
Theme Name: K-POP MUU
Theme URI: https://boapril.com
Author: BOAPRIL
Description: Premium K-pop storefront for WooCommerce and Elementor.
Version: 1.0.0
Text Domain: kpop-muu
*/
:root{--ink:#18181d;--muted:#8c8c96;--violet:#6557ff;--mint:#6ee0bf;--line:#ececf1;--soft:#f8f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans","Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}.muu-site{min-height:100vh}.muu-header{height:94px;padding:0 2.25vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.95);position:relative;z-index:5}.muu-brand{font:800 31px/.8 "Space Grotesk",sans-serif;letter-spacing:-2.6px;display:grid;gap:2px;color:var(--violet)}.muu-brand span{padding-left:16px;color:var(--mint)}.muu-menu{display:flex;gap:31px;font:700 11px "DM Sans",sans-serif;letter-spacing:.12em}.muu-menu a:hover{color:var(--violet)}.muu-actions{display:flex;gap:17px;align-items:center}.muu-action{border:0;background:none;padding:7px;font-size:20px;line-height:1}.muu-cart-count{font:700 10px "DM Sans";color:var(--violet);vertical-align:top}.muu-language{padding:12px 18px;border:1px solid var(--line);border-radius:100px;font:700 10px "DM Sans";letter-spacing:.08em}.muu-language b{color:var(--violet)}.muu-hero{min-height:calc(100vh - 94px);display:grid;grid-template-columns:minmax(220px,27%) 1fr minmax(220px,27%);overflow:hidden}.muu-hero-copy,.muu-hero-preview{padding:9.7vh 3.2vw 6vh}.muu-hero-copy{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.muu-kicker{font:800 10px/1.2 "DM Sans";letter-spacing:.08em;color:var(--muted);margin:0 0 21px}.muu-hero-title{margin:0;max-width:330px;font:700 clamp(24px,2.15vw,40px)/1.1 "Space Grotesk","Noto Sans KR",sans-serif;letter-spacing:-.07em;color:var(--mint)}.muu-hero-sub{font:500 13px/1.55 "DM Sans","Noto Sans KR",sans-serif;color:var(--muted);margin:26px 0 28px;max-width:250px}.muu-pill{align-self:flex-start;background:var(--mint);color:#fff;border-radius:100px;padding:16px 23px;font:800 11px "DM Sans";letter-spacing:.04em;transition:.2s}.muu-pill:hover{background:var(--violet);transform:translateY(-2px)}.muu-hero-art{position:relative;display:grid;place-items:center;background:#fcfcfe}.muu-disc{width:min(48vw,630px);height:min(48vw,630px);border-radius:50%;overflow:hidden;background:#eaff92;box-shadow:0 22px 50px rgba(78,69,186,.12)}.muu-disc img{width:100%;height:100%;object-fit:cover}.muu-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#18181d;color:#fff;font:400 31px/42px Arial;cursor:pointer;z-index:2}.muu-arrow.prev{left:8%}.muu-arrow.next{right:8%}.muu-slide-no{position:absolute;right:2.5vw;bottom:5vh;font:800 12px "DM Sans";color:var(--muted);transform:rotate(90deg)}.muu-hero-preview{border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative}.muu-mini-disc{width:min(20vw,280px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#ffcaea;box-shadow:0 12px 45px rgba(160,93,153,.16)}.muu-mini-disc img{width:100%;height:100%;object-fit:cover}.muu-dots{position:absolute;right:4.3vw;top:20%;display:grid;gap:19px}.muu-dots i{width:9px;height:9px;background:#e3e3ec;border-radius:50%}.muu-dots i:first-child{width:15px;height:15px;border:4px solid var(--violet);background:#fff}.muu-scroll{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--violet);display:grid;place-items:center;font-size:20px}.muu-showcase{padding:125px max(3.2vw,30px) 110px;background:#fcfcfe}.muu-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:39px}.muu-section-heading p{font:700 10px "DM Sans";letter-spacing:.13em;color:var(--muted);margin:0 0 8px}.muu-section-heading h2{font:700 clamp(32px,4vw,67px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.08em;margin:0}.muu-text-link{font:800 11px "DM Sans";letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:7px}.muu-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.muu-product-image{display:block;aspect-ratio:1;background:#f2f2f6;overflow:hidden;position:relative}.muu-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.muu-product:hover .muu-product-image img{transform:scale(1.055)}.muu-tag{position:absolute;top:13px;left:13px;background:#fff;border-radius:100px;padding:7px 9px;font:800 9px "DM Sans";letter-spacing:.08em}.muu-product-info{padding:15px 1px 7px;display:grid;grid-template-columns:1fr auto;gap:8px}.muu-product-title{font:700 13px/1.4 "DM Sans","Noto Sans KR",sans-serif}.muu-product-artist{display:block;color:var(--muted);font:500 11px "DM Sans";margin-bottom:3px}.muu-product-price{font:800 12px "DM Sans";white-space:nowrap}.muu-add{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;padding:12px;font:800 10px "DM Sans";letter-spacing:.11em;text-align:center;transition:.2s}.muu-add:hover{background:var(--violet);color:#fff;border-color:var(--violet)}.muu-footer{padding:36px 3.2vw;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center}.muu-footer p{font:500 11px "DM Sans";color:#a6a6ad;margin:0}.muu-footer .muu-brand{font-size:20px}.muu-page{padding:80px 5vw}.woocommerce .button{background:var(--violet)!important;border-radius:100px!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em}@media(max-width:900px){.muu-header{height:72px;padding:0 18px}.muu-brand{font-size:24px}.muu-menu,.muu-language{display:none}.muu-hero{min-height:auto;grid-template-columns:1fr}.muu-hero-copy{padding:64px 24px 28px;border-right:0;order:2}.muu-hero-art{height:62vw;min-height:400px;order:1}.muu-hero-preview{display:none}.muu-disc{width:min(75vw,520px);height:min(75vw,520px)}.muu-arrow.prev{left:5%}.muu-arrow.next{right:5%}.muu-showcase{padding:75px 20px}.muu-product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.muu-section-heading h2{font-size:39px}.muu-footer{padding:26px 20px}.muu-footer p{max-width:180px;text-align:right}.muu-scroll{display:none}}
