/* Max Cat Dog unified public UI — homepage-aligned futuristic light theme */
:root{--mcd-bg:#fffbf7;--mcd-surface:#fff;--mcd-panel:#fff4f7;--mcd-plum:#5c1530;--mcd-plum-deep:#2d0718;--mcd-pink:#ff5c8a;--mcd-pink-soft:#ffd9e5;--mcd-gold:#f2a93b;--mcd-cyan:#42e6ff;--mcd-text:#3e0e20;--mcd-muted:#7a5b66;--mcd-line:rgba(92,21,48,.14);--mcd-shadow:0 18px 52px rgba(92,21,48,.11);--mcd-radius:24px}

/* CATALOG */
body.mcd-catalog{--g:var(--mcd-pink);--gd:var(--mcd-plum);--gl:#b52d61;--y:var(--mcd-gold);--bg:var(--mcd-bg);--border:rgba(92,21,48,.14);--text:var(--mcd-text);--soft:var(--mcd-muted);margin:0!important;background:radial-gradient(circle at 86% 5%,rgba(255,92,138,.12),transparent 25rem),linear-gradient(180deg,#fffbf7,#fff4f7 48%,#fffbf7)!important;color:var(--mcd-text)!important;font-family:Manrope,system-ui,sans-serif!important;font-size:14px}
.mcd-catalog .hdr{position:sticky;top:0;z-index:100;padding:10px 18px;background:rgba(255,251,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--mcd-line);box-shadow:0 8px 26px rgba(92,21,48,.07)}
.mcd-catalog .hdr-logos{margin:0;min-height:50px}.mcd-catalog .hdr-logos img{height:38px;max-width:150px;object-fit:contain}.mcd-catalog .hdr-logos .sep{color:var(--mcd-pink);font-weight:900}.mcd-catalog .hdr-sub{color:var(--mcd-plum);letter-spacing:.15em;font-size:10px}
.mcd-catalog .hero{position:relative;isolation:isolate;overflow:hidden;padding:42px 18px 36px;background:linear-gradient(130deg,var(--mcd-plum-deep),var(--mcd-plum) 55%,#8c214c);text-align:center}
.mcd-catalog .hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}
.mcd-catalog .hero:after{content:"";position:absolute;width:240px;height:240px;right:-70px;top:-110px;border:1px solid rgba(66,230,255,.45);border-radius:50%;box-shadow:0 0 65px rgba(255,92,138,.35);z-index:-1}
.mcd-catalog .hero h1{font-size:clamp(28px,5vw,48px);line-height:1.04;color:#fff;letter-spacing:-.04em}.mcd-catalog .hero p{max-width:660px;margin:10px auto 0;color:rgba(255,255,255,.76);font-size:13px;letter-spacing:.02em}
.mcd-catalog .stats{max-width:930px;margin:-17px auto 0;position:relative;z-index:2;padding:0 12px;background:transparent;gap:8px}.mcd-catalog .stat{padding:13px 8px;border:1px solid rgba(92,21,48,.12)!important;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 10px 26px rgba(92,21,48,.1)}.mcd-catalog .stat b{font-size:16px;color:var(--mcd-plum)}.mcd-catalog .stat span{font-size:9px;color:var(--mcd-muted)}
.mcd-catalog .order-bar{max-width:930px;margin:12px auto;padding:0 12px;background:transparent;gap:10px}.mcd-catalog .ob{padding:11px;border:1px solid var(--mcd-line);border-radius:15px;background:linear-gradient(135deg,#fff,#fff1f6);box-shadow:0 8px 22px rgba(92,21,48,.06)}.mcd-catalog .ob .lbl{color:var(--mcd-muted)}.mcd-catalog .ob .val{color:var(--mcd-plum);font-size:14px}
.mcd-catalog .quick-links{max-width:1180px;margin:10px auto 2px;padding:10px 12px;background:transparent;gap:8px}.mcd-catalog .quick-links a{border:1px solid var(--mcd-line);background:rgba(255,255,255,.8);color:var(--mcd-plum)!important;padding:8px 13px;box-shadow:0 5px 14px rgba(92,21,48,.05)}
.mcd-catalog .tabs{top:70px;justify-content:center;padding:8px 12px;border:0;background:rgba(255,251,247,.92);backdrop-filter:blur(16px);gap:7px}.mcd-catalog .tab{border:1px solid var(--mcd-line);border-radius:999px;padding:9px 14px;margin:0;background:#fff;color:var(--mcd-muted);font-family:Manrope,sans-serif}.mcd-catalog .tab.active{background:linear-gradient(135deg,var(--mcd-plum),#8f214d);border-color:transparent;color:#fff;box-shadow:0 7px 20px rgba(92,21,48,.22)}
.mcd-catalog .search-wrap{top:124px;max-width:760px;margin:auto;padding:10px 12px;background:rgba(255,251,247,.93);backdrop-filter:blur(16px)}.mcd-catalog .search{padding:12px 17px;border:1px solid var(--mcd-line);background:#fff;font-family:Manrope,sans-serif;color:var(--mcd-text);box-shadow:0 8px 24px rgba(92,21,48,.06)}.mcd-catalog .search:focus{border-color:var(--mcd-pink);box-shadow:0 0 0 4px rgba(255,92,138,.12)}
.mcd-catalog .sec{max-width:1180px;margin:auto;padding:22px 14px 110px}.mcd-catalog .sec.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mcd-catalog .sec-title,.mcd-catalog .nomnom-hdr,.mcd-catalog #konten-katalog{grid-column:1/-1}.mcd-catalog .sec-title{margin:6px 0 3px;padding-bottom:10px;border-bottom:1px solid var(--mcd-line);color:var(--mcd-plum);font-family:'Space Mono',monospace;font-size:11px}
.mcd-catalog .p-row{height:100%;margin:0;padding:14px;border:1px solid var(--mcd-line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(92,21,48,.07);transition:.22s ease}.mcd-catalog .p-row:hover{transform:translateY(-3px);border-color:rgba(255,92,138,.38);box-shadow:0 18px 38px rgba(92,21,48,.12)}.mcd-catalog .p-img-wrap{width:94px;height:106px;border-radius:16px;background:linear-gradient(145deg,#fff4f7,#fff);border:1px solid rgba(255,92,138,.12)}.mcd-catalog .p-img{width:92px;height:104px}.mcd-catalog .p-name{font-size:14px;color:var(--mcd-plum);letter-spacing:-.01em}.mcd-catalog .p-desc{font-size:11px;color:var(--mcd-muted)}.mcd-catalog .bs-badge{background:linear-gradient(135deg,#ffe6a8,var(--mcd-gold));color:var(--mcd-plum-deep)}.mcd-catalog .price-item{padding:6px 8px;border:1px solid var(--mcd-line);border-radius:9px;background:#fffbfd}.mcd-catalog .pl{color:var(--mcd-muted);font-size:7.5px}.mcd-catalog .pv{color:var(--mcd-plum);font-size:11px}.mcd-catalog .price-tanya{background:#fff0f5;color:var(--mcd-plum)}
.mcd-catalog .cart-add{border-radius:10px;background:linear-gradient(135deg,var(--mcd-plum),#9e2859);font-family:Manrope,sans-serif;box-shadow:0 6px 16px rgba(92,21,48,.2)}.mcd-catalog .cart-fab{background:linear-gradient(135deg,var(--mcd-pink),#d93470);color:#fff;font-family:Manrope,sans-serif;box-shadow:0 10px 28px rgba(255,92,138,.3)}.mcd-catalog .cart-count{background:var(--mcd-plum)}.mcd-catalog .cart-panel{border-color:var(--mcd-line);border-radius:24px}.mcd-catalog .cart-head h2{color:var(--mcd-plum)}
.mcd-catalog .seo-panel{max-width:1152px;margin:18px auto 30px;padding:26px;border:1px solid var(--mcd-line);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:var(--mcd-shadow)}.mcd-catalog .seo-panel h2,.mcd-catalog .seo-panel h3{color:var(--mcd-plum)}.mcd-catalog .seo-panel p,.mcd-catalog .seo-panel li{color:var(--mcd-muted)}
.mcd-catalog .wa-btn{background:var(--mcd-plum);font-family:Manrope,sans-serif;box-shadow:0 10px 28px rgba(92,21,48,.28)}

/* ARTICLE HUB */
body.mcd-article-hub{--green:var(--mcd-plum);--green2:#a52b5d;--pink:var(--mcd-pink);--bg:var(--mcd-bg);--card:#fff;--line:var(--mcd-line);--ink:var(--mcd-text);--muted:var(--mcd-muted);font-family:Manrope,system-ui,sans-serif!important;background:radial-gradient(circle at 88% 7%,rgba(255,92,138,.14),transparent 28rem),linear-gradient(180deg,#fffbf7,#fff5f8)!important;color:var(--mcd-text)!important}
.mcd-article-hub .wrap{max-width:1180px;padding:22px}
.mcd-article-hub header{position:relative;isolation:isolate;overflow:hidden;padding:46px;background:linear-gradient(130deg,var(--mcd-plum-deep),var(--mcd-plum) 58%,#93234f);border:1px solid rgba(255,255,255,.12);border-radius:30px;box-shadow:0 24px 60px rgba(92,21,48,.22)}.mcd-article-hub header:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 80%)}.mcd-article-hub header:after{content:"✦";position:absolute;right:6%;top:8%;font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(66,230,255,.35);filter:drop-shadow(0 0 24px rgba(255,92,138,.3));z-index:-1}.mcd-article-hub .kicker{color:#ffc6d8}.mcd-article-hub h1{max-width:780px;color:#fff;letter-spacing:-.045em}.mcd-article-hub header>p{max-width:790px;color:rgba(255,255,255,.78);line-height:1.65}.mcd-article-hub .topic-nav{margin-top:22px}.mcd-article-hub .topic-nav a{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff}.mcd-article-hub .cta{border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--mcd-plum);box-shadow:0 8px 20px rgba(0,0,0,.12)}.mcd-article-hub .cta.wa{background:linear-gradient(135deg,var(--mcd-pink),#d73370);border-color:transparent;color:#fff}
.mcd-article-hub .trust{gap:14px;margin:20px 0}.mcd-article-hub .trust div{position:relative;overflow:hidden;padding:19px;border-color:var(--mcd-line);border-radius:20px;box-shadow:0 9px 26px rgba(92,21,48,.06)}.mcd-article-hub .trust div:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--mcd-pink),var(--mcd-gold))}.mcd-article-hub .trust b{color:var(--mcd-plum)}
.mcd-article-hub .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mcd-article-hub .card{position:relative;padding:22px;border-color:var(--mcd-line);border-radius:20px;box-shadow:0 9px 28px rgba(92,21,48,.06)}.mcd-article-hub .card:before{content:"READ / PET CARE";display:block;margin-bottom:13px;color:var(--mcd-pink);font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em}.mcd-article-hub .card h2,.mcd-article-hub .card h2 a{color:var(--mcd-plum)}.mcd-article-hub .card p{font-size:.94rem;line-height:1.58}.mcd-article-hub .read{display:inline-flex;align-items:center;gap:7px;color:var(--mcd-plum)}.mcd-article-hub .read:after{content:"→";color:var(--mcd-pink)}.mcd-article-hub section.panel{border-color:var(--mcd-line);border-radius:24px;box-shadow:0 10px 30px rgba(92,21,48,.05)}.mcd-article-hub h2.section-title{color:var(--mcd-plum)}.mcd-article-hub .chip{background:#fff0f5;border-color:#ffd3e1;color:var(--mcd-plum)}.mcd-article-hub summary{color:var(--mcd-plum)}.mcd-article-hub .note{background:#fff0f5;border-left-color:var(--mcd-pink)}.mcd-article-hub .floating-wa{display:none}

/* ARTICLE DETAIL — covers both modern and legacy templates */
body.mcd-article-detail{max-width:none!important;margin:0!important;padding:0!important;background:radial-gradient(circle at 90% 3%,rgba(255,92,138,.12),transparent 25rem),linear-gradient(180deg,#fffbf7,#fff6f9 55%,#fffbf7)!important;color:var(--mcd-text)!important;font-family:Manrope,system-ui,sans-serif!important;line-height:1.78!important}
.mcd-article-detail>.wrap{max-width:980px;margin:auto;padding:22px}.mcd-article-detail>header,.mcd-article-detail>main,.mcd-article-detail>footer{max-width:920px;margin-left:auto!important;margin-right:auto!important}.mcd-article-detail>header{margin-top:22px!important}.mcd-article-detail>main{padding:0 24px 28px}.mcd-article-detail>footer{margin-top:24px!important;margin-bottom:24px!important}
.mcd-article-detail header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,var(--mcd-plum-deep),var(--mcd-plum) 62%,#93234f)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;padding:38px 32px!important;color:#fff!important;box-shadow:0 22px 58px rgba(92,21,48,.2)!important}.mcd-article-detail header:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 85%)}.mcd-article-detail header p,.mcd-article-detail header .lead,.mcd-article-detail header .meta{color:rgba(255,255,255,.82)!important}.mcd-article-detail header h1{color:#fff!important;font-size:clamp(30px,5vw,50px)!important;line-height:1.08!important;letter-spacing:-.04em;margin:10px 0 15px!important}.mcd-article-detail header strong,.mcd-article-detail .kicker{color:#ffc6d8!important}.mcd-article-detail header nav a{display:inline-flex;margin:6px 6px 0 0;padding:9px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);color:#fff!important;text-decoration:none}.mcd-article-detail .btn,.mcd-article-detail .cta{display:inline-flex!important;margin:6px 6px 0 0!important;padding:10px 15px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:#fff!important;color:var(--mcd-plum)!important;font-weight:800!important;text-decoration:none!important}.mcd-article-detail .btn.wa,.mcd-article-detail .cta.secondary{background:linear-gradient(135deg,var(--mcd-pink),#d73370)!important;border-color:transparent!important;color:#fff!important}
.mcd-article-detail main{background:#fff!important;border:1px solid var(--mcd-line)!important;border-radius:24px!important;box-shadow:0 16px 46px rgba(92,21,48,.08)!important}.mcd-article-detail>.wrap main{padding:30px!important}.mcd-article-detail article{max-width:780px;margin:auto}.mcd-article-detail main h1{color:var(--mcd-plum)!important;font-size:clamp(30px,5vw,48px)!important;line-height:1.12!important;letter-spacing:-.035em}.mcd-article-detail h2{color:var(--mcd-plum)!important;font-size:clamp(22px,3vw,31px)!important;line-height:1.2!important;margin-top:38px!important;letter-spacing:-.025em}.mcd-article-detail h3{color:#812044!important}.mcd-article-detail p,.mcd-article-detail li{color:#654c57}.mcd-article-detail a{color:#9c2855}.mcd-article-detail .toc,.mcd-article-detail .box{border-color:var(--mcd-line)!important;background:#fff1f6!important}.mcd-article-detail .note{border-left-color:var(--mcd-pink)!important;background:#fff0f5!important}.mcd-article-detail .faq,.mcd-article-detail details{border-color:var(--mcd-line)!important;background:#fff!important}.mcd-article-detail summary{color:var(--mcd-plum)!important}.mcd-article-detail .disclaimer{background:#fff8e8!important}.mcd-article-detail footer{background:transparent!important;border:0!important;color:var(--mcd-muted)!important;text-align:center}.mcd-article-detail .breadcrumbs{color:var(--mcd-muted)}

@media(max-width:760px){
 body.mcd-catalog{padding-bottom:18px!important}.mcd-catalog .hdr{padding:7px 12px}.mcd-catalog .hdr-logos{min-height:44px}.mcd-catalog .hdr-logos img{height:31px;max-width:120px}.mcd-catalog .hero{padding:30px 18px 34px}.mcd-catalog .hero h1{font-size:29px}.mcd-catalog .hero p{font-size:11.5px}.mcd-catalog .stats{margin-top:-14px;padding:0 10px;gap:5px}.mcd-catalog .stat{padding:10px 4px;border-radius:12px}.mcd-catalog .stat b{font-size:14px}.mcd-catalog .stat span{font-size:7.5px}.mcd-catalog .order-bar{padding:0 10px}.mcd-catalog .tabs{top:58px;justify-content:flex-start}.mcd-catalog .search-wrap{top:111px}.mcd-catalog .sec{padding:14px 10px 20px}.mcd-catalog .sec.active{grid-template-columns:1fr;gap:9px}.mcd-catalog .p-row{padding:11px;border-radius:17px}.mcd-catalog .p-img-wrap{width:82px;height:96px}.mcd-catalog .p-img{width:80px;height:94px}.mcd-catalog .price-grid{gap:4px}.mcd-catalog .cart-fab{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 24px);margin:18px 12px 10px;z-index:40}.mcd-catalog .float-wa{display:none!important}.mcd-catalog .cart-panel{left:10px;right:10px;bottom:16px;width:auto;max-height:86vh}.mcd-catalog .seo-panel{margin:18px 10px;padding:20px}
 .mcd-article-hub .wrap{padding:12px}.mcd-article-hub header{margin-top:6px;padding:27px 20px;border-radius:22px}.mcd-article-hub header:after{font-size:70px;right:-4%;top:4%}.mcd-article-hub h1{font-size:34px;line-height:1.08}.mcd-article-hub header>p{font-size:.96rem;line-height:1.55}.mcd-article-hub .topic-nav{margin-top:15px}.mcd-article-hub .topic-nav a{font-size:.78rem;padding:7px 10px}.mcd-article-hub header>p:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0}.mcd-article-hub .cta{display:flex;align-items:center;justify-content:center;margin:0;padding:10px 8px;text-align:center}.mcd-article-hub .cta.wa{grid-column:1/-1}.mcd-article-hub .trust{grid-template-columns:1fr}.mcd-article-hub .grid{grid-template-columns:1fr;gap:10px}.mcd-article-hub .card{padding:19px}.mcd-article-hub .floating-wa{display:none}.mcd-article-hub body{padding-bottom:0}
 .mcd-article-detail>.wrap{padding:12px}.mcd-article-detail>header,.mcd-article-detail>main,.mcd-article-detail>footer{margin-left:12px!important;margin-right:12px!important}.mcd-article-detail header{padding:26px 20px!important;border-radius:22px!important}.mcd-article-detail header h1{font-size:32px!important}.mcd-article-detail header nav a{display:flex;justify-content:center;margin:7px 0}.mcd-article-detail .cta-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.mcd-article-detail .cta-row .btn{justify-content:center;margin:0!important;text-align:center}.mcd-article-detail .cta-row .btn.wa{grid-column:1/-1}.mcd-article-detail>main{padding:0 18px 24px}.mcd-article-detail>.wrap main{padding:22px 19px!important}.mcd-article-detail main h1{font-size:31px!important}.mcd-article-detail h2{font-size:24px!important;margin-top:32px!important}.mcd-article-detail footer{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}