:root{--purple:#7d3fe0;--purple2:#9a5ce8;--ink:#101529;--muted:#6c6875;--line:#e7e4ec;--soft:#f8f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}
.topbar{height:36px;background:linear-gradient(90deg,#7c3ed9,#8d4ee6,#7133ce);color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;font-weight:600;letter-spacing:.1px}.topbar-right{margin-left:auto;margin-right:4%;display:flex;gap:14px}
.header{height:78px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:50}.brand{width:245px;height:68px;display:flex;align-items:center}.brand img{width:185px;height:65px;object-fit:contain}.nav{display:flex;align-items:center;gap:36px;margin-left:auto}.nav a{font-size:13px;font-weight:700}.nav a.active{color:var(--purple)}.nav small{font-size:9px}.header-actions{display:flex;align-items:center;gap:17px;margin-left:40px}.icon-btn{border:0;background:none;font-size:23px;cursor:pointer;position:relative;color:#101529}.cart-btn b{position:absolute;right:-9px;top:-8px;width:17px;height:17px;border-radius:50%;background:var(--purple);color:#fff;font-size:9px;display:grid;place-items:center}.mobile-menu{display:none;border:0;background:none;font-size:23px}
.hero{height:290px;margin:14px 2%;border-radius:15px;overflow:hidden;position:relative;background:linear-gradient(100deg,#fff0ef 0%,#f5e7f4 47%,#f9d8d0 100%);display:flex;align-items:center}.hero-copy{position:relative;z-index:3;padding-left:8%;width:59%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;color:#5f5871;margin:0 0 10px}.hero h1{font-size:42px;line-height:1.05;margin:0;font-weight:800;letter-spacing:-1.5px}.hero h1 span{color:#6735c7}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.45;color:#353043;margin:12px 0 18px}.primary-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#7b35e2,#9a4ee7);color:#fff;padding:12px 25px;border-radius:25px;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(125,63,224,.18)}
.hero-art{position:absolute;right:0;top:0;width:57%;height:100%;overflow:hidden}.sun{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#fff8df,#ffd5a0 58%,transparent 70%);right:16%;top:8px}.mountain{position:absolute;bottom:45px;width:100%;height:150px;background:#a58aa7;clip-path:polygon(0 100%,14% 60%,24% 80%,38% 36%,50% 72%,63% 25%,78% 68%,90% 48%,100% 70%,100% 100%)}.m2{bottom:25px;height:120px;background:#7c617e;opacity:.55;clip-path:polygon(0 100%,17% 55%,29% 82%,44% 42%,57% 80%,72% 35%,86% 72%,100% 48%,100% 100%)}.cross{position:absolute;right:21%;top:22px;width:80px;height:145px}.cross:before,.cross:after{content:"";position:absolute;background:#d88b55;box-shadow:0 0 20px rgba(255,208,133,.35)}.cross:before{width:26px;height:145px;left:27px}.cross:after{height:26px;width:90px;left:-5px;top:34px}.crowd{position:absolute;bottom:0;left:0;width:100%;height:70px;display:flex;align-items:flex-end;justify-content:space-around}.crowd span{width:30px;height:46px;background:#2b2631;border-radius:50% 50% 15% 15%;position:relative}.crowd span:before,.crowd span:after{content:"";position:absolute;width:6px;height:50px;background:#2b2631;top:-20px;border-radius:6px}.crowd span:before{left:-12px;transform:rotate(-28deg)}.crowd span:after{right:-12px;transform:rotate(28deg)}.crowd span:nth-child(2),.crowd span:nth-child(5),.crowd span:nth-child(7){height:58px}.crowd span:nth-child(2):before,.crowd span:nth-child(5):before{transform:rotate(-48deg)}.crowd span:nth-child(2):after,.crowd span:nth-child(5):after{transform:rotate(48deg)}

.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 2%;margin:14px 0}.cat{height:108px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.cat strong{font-size:31px;line-height:1}.cat b{font-size:12px}.cat small{font-size:9px}.cat-all{background:#fff0bd}.cat-en{background:#d2f5e1}.cat-ta{background:#ffd6e5}.cat-worship{background:#d2effc}.cat-gospel{background:#ffded8}
.products-section{padding:0 2%;margin-top:18px}.section-head{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:14px}.section-head h2{font-size:27px;margin:0;font-weight:800}.tabs{display:flex;gap:23px;align-items:center}.tab{border:0;background:none;font-size:11px;cursor:pointer;color:#24202d}.tab.active{background:var(--purple);color:#fff;border-radius:18px;padding:8px 17px;font-weight:700}
.product-strip-wrap{position:relative}.product-grid{display:grid;grid-template-columns:repeat(10,minmax(125px,1fr));gap:9px;overflow:hidden}.product-card{border:1px solid var(--line);border-radius:9px;background:#fff;min-width:0;box-shadow:0 2px 8px rgba(20,10,40,.03);overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,10,50,.08)}.cover{position:relative;aspect-ratio:.82;background:#f3f1f7;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;right:6px;top:6px;background:var(--purple);color:#fff;border-radius:50%;min-width:36px;height:36px;display:grid;place-items:center;font-size:8px;font-weight:800;padding:3px}.badge.new{background:#8b42e5}.card-body{padding:8px 8px 9px}.card-title{font-size:10px;line-height:1.3;font-weight:800;min-height:28px;margin:0}.category-label{font-size:8px;color:#777;margin:4px 0}.price-row{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.price{font-size:11px;color:var(--purple);font-weight:800}.old-price{font-size:7px;color:#aaa;text-decoration:line-through}.stars{color:#f5b000;font-size:9px;letter-spacing:-1px;margin:3px 0 7px}.buy-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.buy-btn,.lazada-btn{height:27px;border-radius:5px;font-size:7px;font-weight:800;cursor:pointer}.buy-btn{border:1px solid var(--purple);background:var(--purple);color:#fff}.lazada-btn{border:1px solid #ddd;background:#fff;color:#333}.buy-btn.disabled,.lazada-btn.disabled{background:#aaa8b6;border-color:#aaa8b6;color:#fff;cursor:not-allowed}.lazada-btn.disabled{background:#f0eef3;color:#777;border-color:#ddd}.slider-arrow{position:absolute;top:45%;width:35px;height:35px;border-radius:50%;border:1px solid #ddd;background:#fff;box-shadow:0 3px 12px #0001;z-index:5;cursor:pointer;font-size:25px}.slider-arrow.left{left:-17px}.slider-arrow.right{right:-17px}.product-grid::-webkit-scrollbar{display:none}
.benefits{margin:22px 2% 0;background:#f7f7f9;border-radius:12px;padding:14px 3%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefits>div{display:flex;align-items:center;gap:12px}.benefits span{width:43px;height:43px;border-radius:50%;background:#eee4ff;color:#7c3fe0;display:grid;place-items:center;font-size:22px;font-weight:700}.benefits>div:nth-child(2) span{background:#dff9e9;color:#19a94a}.benefits>div:nth-child(3) span{background:#ffe1ea;color:#e54872}.benefits>div:nth-child(4) span{background:#fff0cf;color:#d59600}.benefits b,.benefits small{display:block}.benefits b{font-size:10px}.benefits small{font-size:8px;color:#777;margin-top:4px}
.promo{margin:16px 2%;height:205px;border-radius:12px;background:linear-gradient(100deg,#ffe2ed,#fff0f6);position:relative;overflow:hidden;display:flex;align-items:center;padding-left:6%}.promo>div:first-child{position:relative;z-index:2}.promo p:first-child{color:#c52d68;font-size:15px;font-weight:700;margin:0 0 5px}.promo h2{font-size:32px;line-height:1;margin:0}.promo h2 span{color:#d52d72}.promo-text{font-size:10px;color:#66545e;max-width:430px;margin:12px 0 15px}.promo-disc{position:absolute;right:8%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 48% 45%,#f8b5cf 0 12%,#17171a 13% 47%,#5d5365 48% 50%,#16161a 51% 72%,#d67da4 73%);opacity:.95}.promo-disc div{position:absolute;left:45%;top:42%;font-size:40px;color:#fff}
.mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:8px 5% 30px}.mini-features>div{display:grid;grid-template-columns:38px 1fr;column-gap:9px}.mini-features span{grid-row:span 3;width:38px;height:38px;border-radius:50%;background:#eee5ff;color:#7c3fe0;display:grid;place-items:center;font-weight:800}.mini-features b{font-size:9px}.mini-features small{font-size:8px;color:#777;margin-top:3px}.mini-features a{font-size:8px;color:var(--purple);font-weight:700;margin-top:5px}
footer{background:#15121b;color:#fff;padding:35px 5%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}footer img{width:170px;height:75px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}footer p{font-size:9px;color:#c9c5ce}footer b{font-size:10px}footer a{color:#d7b9ff}.copyright{background:#0e0c12;color:#aaa;text-align:center;padding:12px;font-size:8px}
.search-panel{display:none;position:fixed;inset:0;background:#fff;z-index:100;padding:80px 8%}.search-panel.open{display:block}.search-inner{max-width:850px;margin:auto}.search-inner>button{float:right;border:0;background:none;font-size:32px;cursor:pointer}.search-inner input{width:100%;border:0;border-bottom:2px solid var(--purple);font-size:28px;padding:15px 0;outline:0}.search-result{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #eee;cursor:pointer}.search-result img{width:55px;height:65px;object-fit:cover}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:#18131f;color:#fff;padding:13px 20px;border-radius:10px;font-size:12px;transition:.3s;z-index:120;box-shadow:0 8px 25px #0003}.toast.show{transform:translate(-50%,0)}

@media(max-width:1500px){.product-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}.product-card{min-width:150px}.slider-arrow{display:none}}
@media(max-width:900px){.topbar{font-size:8px;gap:7px}.topbar-right{display:none}.header{padding:0 4%;height:70px}.brand{width:170px}.brand img{width:150px}.nav{display:none}.mobile-menu{display:block}.header-actions{margin-left:auto;gap:12px}.hero{height:390px;margin:10px 3%;align-items:flex-start}.hero-copy{padding:35px 7%;width:100%}.hero h1{font-size:35px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-art{width:100%;top:150px;height:240px}.cross{right:23%;top:20px}.categories{grid-template-columns:repeat(2,1fr);padding:0 3%}.cat{height:90px}.cat:last-child{grid-column:span 2}.section-head{display:block;text-align:center}.section-head h2{font-size:23px;margin-bottom:10px}.tabs{justify-content:center}.product-grid{grid-template-columns:repeat(2,150px);gap:10px;justify-content:center;overflow:visible}.product-card{min-width:150px}.benefits{grid-template-columns:repeat(2,1fr);margin:20px 3%}.promo{margin:14px 3%;height:270px;padding:28px 7%;align-items:flex-start}.promo-disc{right:-40px;bottom:-70px}.mini-features{grid-template-columns:repeat(2,1fr);padding:10px 5% 25px}footer{grid-template-columns:1fr 1fr}.desktop{display:none}}
@media(max-width:520px){.topbar{height:30px}.header-actions .icon-btn:nth-child(2){display:none}.hero{height:410px}.hero h1{font-size:31px}.hero-art{top:170px}.categories{gap:8px}.products-section{padding:0 3%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:initial}.product-card{min-width:0}.benefits{grid-template-columns:1fr}.mini-features{grid-template-columns:1fr}footer{grid-template-columns:1fr}.promo h2{font-size:27px}}
/* Kingdom Soundworks logo - TEST */
.brand img {
    width: 210px;
    height: 64px;
    object-fit: contain;
    object-position: center;
    display: block;
}

@media(max-width:900px){
  .brand img{
    width:360px;
    height:116px;
  }
}

@media(max-width:520px){
  .brand img{
    width:300px;
    height:104px;
  }
}