.article-page{background:#fff;padding-bottom:70px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:28px 0;color:var(--text-muted);font-size:.88rem}.breadcrumb span{margin:0}.breadcrumb a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article-header{padding:28px 0 46px;text-align:left}.article-header h1{max-width:22ch;margin:10px 0 20px;font-size:clamp(2.5rem,5.3vw,4.8rem)}.section-tag{color:var(--primary);font-weight:700;font-size:.92rem}.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--text-muted);font-size:.9rem}.article-body{width:min(100% - 48px,780px);margin-inline:auto;font-size:1.08rem;line-height:1.7}.article-body>:first-child{margin-top:0}.article-body p,.article-body li{color:var(--text-secondary)}.article-body p{margin-bottom:20px}.article-body h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin:42px 0 18px}.article-body h3{font-size:1.35rem;margin:30px 0 12px}.article-body ul,.article-body ol{padding-left:24px;margin:12px 0 24px}.article-body li{margin-bottom:9px}.article-body a:not(.btn){color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article-body a:not(.btn):hover{color:var(--primary-dark)}.article-body strong{color:var(--text-primary)}.article-body blockquote{border-left:4px solid var(--primary);margin:28px 0;padding:8px 24px;background:var(--bg-secondary)}.article-body img{border-radius:6px}.article-body table{width:100%;border-collapse:collapse;font-size:.94rem}.article-body th,.article-body td{border-bottom:1px solid var(--border);padding:11px 13px;text-align:left}.article-body th{background:var(--bg-secondary)}.article-cta{background:var(--bg-secondary);border-left:5px solid var(--primary);padding:30px;margin:48px 0}.article-cta h2,.article-cta h3{font-size:1.55rem;margin:0 0 13px}.article-cta p{margin:0 0 22px}.article-cta .btn{background:var(--primary);color:#fff;text-decoration:none}.article-cta .btn:hover{background:var(--primary-dark)}.related-articles{border-top:1px solid var(--border);padding-top:40px;margin-top:55px}.related-articles h2{font-size:1.7rem;margin:0 0 25px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.related-card{display:block;border-top:2px solid var(--primary);padding:19px 0}.related-card h2,.related-card h3{font-size:1.17rem;line-height:1.35;margin:0 0 10px}.related-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:12px}.related-card .read-more{color:var(--primary);font-weight:700}.article-body .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artikel-terbaru .section-header{margin:0 0 40px}.artikel-terbaru .section-header h1{max-width:20ch;margin:12px 0 15px}.artikel-terbaru .section-header p{color:var(--text-secondary);max-width:58ch}.artikel-terbaru .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artikel-terbaru .related-card{border-top:1px solid var(--border)}.artikel-terbaru .related-card h2{font-size:1.35rem}.article-page .artikel-terbaru{padding:0;background:#fff}.product-page{padding-top:24px}.product-page .breadcrumb{padding-bottom:28px}.product-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,6vw,88px);padding:14px 0 80px;align-items:start}.product-layout.no-photo{grid-template-columns:1fr;max-width:780px}.about-logo{width:180px;height:auto;margin:0 0 32px}.article-date{display:block;color:var(--text-muted);margin-top:12px}.product-photo{margin:0}.product-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.product-photo figcaption{color:var(--text-muted);font-size:.85rem;padding-top:8px}.product-photo-empty{aspect-ratio:1;display:grid;place-items:center;background:var(--bg-secondary);border-radius:6px}.product-photo-empty span{font:700 2.5rem var(--font-heading);color:var(--primary)}.product-summary h1{font-size:clamp(2.6rem,5vw,4.8rem);max-width:13ch;margin:12px 0 24px}.product-lead{color:var(--text-secondary);font-size:1.18rem;max-width:48ch}.product-price{color:var(--primary);font:700 clamp(1.7rem,3vw,2.45rem) var(--font-heading);margin:28px 0 6px}.product-summary .small-note{color:var(--text-muted);font-size:.91rem}.product-summary .btn{margin:16px 0 26px}.product-facts{border-top:1px solid var(--border);padding:0;margin:0;list-style:none}.product-facts li{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--border)}.product-facts li span:last-child{text-align:right}.product-info{border-top:1px solid var(--border);padding-top:28px}.product-info .article-body{margin:0;width:100%;max-width:780px}.product-info .article-body h2:first-child{margin-top:0}.product-others{margin-top:60px}.product-others h2{font-size:1.9rem}.product-others ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}.product-others li{border-top:1px solid var(--border);padding-top:11px}.product-others a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.article-header{padding-bottom:30px}.article-body{width:min(100% - 36px,780px)}.product-layout{grid-template-columns:1fr;gap:24px}.product-photo img,.product-photo-empty{max-height:430px}.product-others ul{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid,.artikel-terbaru .related-grid{grid-template-columns:1fr}}@media(max-width:520px){.article-body .related-grid,.product-others ul{grid-template-columns:1fr}.article-cta{padding:24px 20px}.product-summary .btn{width:100%}}.article-featured{width:min(100% - 48px,780px);margin:0 auto 36px}.article-featured figcaption{color:var(--text-muted);font-size:.85rem;line-height:1.5}.article-featured figcaption a{color:var(--primary);text-decoration:underline}@media(max-width:760px){.article-featured{width:min(100% - 36px,780px)}}