/* Baramedia Literasi Digital Storefront — isolated catalog styles */
.shop-hero{padding:56px 0 34px;background:linear-gradient(135deg,#f5fbf9 0%,#fff 62%,#fff9ef 100%);border-bottom:1px solid #e6ebef}
.shop-hero>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:36px;align-items:end}
.shop-hero .kicker{color:#6d1f2b;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.shop-hero h1{font-family:Georgia,"Times New Roman",serif;color:#12304a;font-size:clamp(42px,5.4vw,66px);line-height:1.03;letter-spacing:-.035em;max-width:820px;margin:12px 0 14px}
.shop-hero p{max-width:790px;color:#69747f;font-size:16px;margin:0}
.shop-hero-stat{background:#fff;border:1px solid #e3e9ed;border-radius:22px;padding:20px;text-align:center;box-shadow:0 16px 42px rgba(26,43,59,.08)}
.shop-hero-stat b{display:block;color:#12304a;font-family:Georgia,serif;font-size:38px;line-height:1}
.shop-hero-stat span{display:block;margin-top:5px;color:#77818c;font-size:11px}

.shop-section{padding:36px 0 82px;background:#f8fafb}
.shop-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 190px 190px;gap:12px;align-items:center;background:#fff;border:1px solid #e3e9ed;border-radius:20px;padding:13px;box-shadow:0 10px 28px rgba(26,43,59,.06);margin-bottom:16px}
.shop-search{display:flex;align-items:center;gap:8px;height:46px;border:1px solid #dbe3e8;border-radius:13px;background:#fff;padding:0 13px}
.shop-search span{font-size:19px;color:#83909b;line-height:1}
.shop-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;padding:0!important;color:#18202b}
.shop-toolbar select{height:46px;width:100%;border:1px solid #dbe3e8!important;border-radius:13px!important;background:#fff!important;padding:0 12px!important;color:#28343f;outline:0}
.shop-toolbar select:focus,.shop-search:focus-within{border-color:#6d1f2b;box-shadow:0 0 0 3px rgba(109,31,43,.08)}
.shop-result-line{margin:0 2px 20px;color:#74808b;font-size:12px}.shop-result-line span{font-weight:900;color:#12304a}

.product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.product-card{min-width:0;background:#fff;border:1px solid #e2e8ec;border-radius:20px;overflow:hidden;display:flex!important;flex-direction:column;box-shadow:0 7px 22px rgba(22,41,57,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(22,41,57,.10);border-color:#ccd9dc}
.product-card[hidden]{display:none!important}
.product-cover{display:block;position:relative;aspect-ratio:3/4;background:#edf2f4;overflow:hidden}
.product-cover img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease}
.product-card:hover .product-cover img{transform:scale(1.025)}
.product-badge{position:absolute;z-index:3;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,0,0,.08);color:#12304a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.product-cover-fallback{height:100%;padding:24px;background:linear-gradient(145deg,#12304a 0%,#6d1f2b 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.product-cover-fallback small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.78}.product-cover-fallback strong{font-family:Georgia,serif;font-size:25px;line-height:1.08}.product-cover-fallback span{font-size:10px;letter-spacing:.13em}
.product-body{padding:17px 17px 18px;display:flex;flex-direction:column;flex:1;min-width:0}
.product-type{color:#6d1f2b;font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-body h2{font-family:Georgia,"Times New Roman",serif!important;color:#12304a!important;font-size:21px!important;line-height:1.16!important;margin:8px 0 7px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-body h2 a{color:inherit!important;text-decoration:none!important}
.product-author{font-size:12px!important;color:#5d6974!important;margin:0 0 11px!important;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-isbn{border-top:1px solid #edf1f3;padding-top:9px;color:#8a949d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.product-price b{display:block;color:#12304a;font-size:18px;line-height:1.15}.product-price small{display:block;margin-top:2px;color:#7e8993;font-size:9px}
.product-detail-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #dbe3e7;border-radius:10px;color:#12304a;font-size:10px;font-weight:900;background:#fff}.product-detail-btn:hover{border-color:#6d1f2b;color:#6d1f2b}
.product-main-cta{margin-top:12px!important;border-radius:11px!important;min-height:40px!important;padding:9px 12px!important;font-size:11px!important}

.product-detail-shell{padding:34px 0 80px;background:#f8fafb}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#7b8690;font-size:12px;margin-bottom:22px}.breadcrumb a:hover{color:#6d1f2b}
.product-detail-layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:50px;align-items:start}
.product-detail-media{position:sticky;top:105px}.product-main-cover{background:#fff;border:1px solid #e2e8ec;border-radius:22px;padding:15px;box-shadow:0 18px 48px rgba(24,42,58,.08)}.product-main-cover img{width:100%;max-height:650px;object-fit:contain;border-radius:13px}.product-cover-fallback.large{min-height:540px;border-radius:13px}
.product-permalink{margin-top:11px;padding:11px 12px;background:#fff;border:1px solid #e2e8ec;border-radius:12px}.product-permalink small{display:block;color:#83909b;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.product-permalink code{display:block;margin-top:4px;color:#12304a;font-size:10px;word-break:break-all}
.product-detail-badges{display:flex;gap:7px;flex-wrap:wrap}.product-detail-badges span{padding:6px 10px;border-radius:999px;background:#eef3f5;color:#53616e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.product-detail-badges .accent{background:#f4e8db;color:#6d1f2b}
.product-detail-info h1{font-family:Georgia,"Times New Roman",serif;color:#12304a;font-size:clamp(40px,5vw,60px);line-height:1.04;letter-spacing:-.03em;margin:14px 0 9px}.product-detail-subtitle{font-size:17px;color:#707b86;margin:0 0 10px}.product-detail-author{font-size:14px;color:#5b6671;margin:0 0 24px}
.product-buy-box{margin:20px 0;padding:22px;border:1px solid #e5d6c4;border-radius:20px;background:linear-gradient(145deg,#fff,#fff8ef)}.product-buy-box>small{display:block;color:#75818c;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.detail-price{color:#12304a;font-size:32px;font-weight:900;line-height:1.2;margin:3px 0 7px}.product-buy-box p{margin:0 0 15px;color:#5f6a75;font-size:13px}.detail-buy-btn{border-radius:12px!important}
.product-specs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e2e8ec;border-radius:17px;overflow:hidden}.product-specs>div{padding:13px 15px;border-bottom:1px solid #edf1f3}.product-specs>div:nth-child(odd){border-right:1px solid #edf1f3}.product-specs small{display:block;color:#83909b;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.product-specs b{display:block;margin-top:3px;color:#12304a;font-size:13px}
.product-description-card{margin-top:32px;padding:28px;background:#fff;border:1px solid #e2e8ec;border-radius:22px}.product-description-card h2{font-family:Georgia,serif;color:#12304a;font-size:28px;margin:0 0 10px}.product-description-card p{margin:0;color:#58646f}

@media(max-width:1080px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.shop-hero>.wrap{grid-template-columns:1fr}.shop-hero-stat{max-width:170px}.shop-toolbar{grid-template-columns:1fr 1fr}.shop-search{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-layout{grid-template-columns:1fr}.product-detail-media{position:static}.product-main-cover{max-width:440px}}
@media(max-width:620px){.shop-hero{padding-top:38px}.shop-hero h1{font-size:39px}.shop-toolbar{grid-template-columns:1fr}.shop-search{grid-column:auto}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-body{padding:12px}.product-body h2{font-size:16px!important}.product-author{font-size:11px!important}.product-bottom{display:block}.product-detail-btn{margin-top:8px}.product-price b{font-size:15px}.product-specs{grid-template-columns:1fr}.product-specs>div:nth-child(odd){border-right:0}.product-detail-info h1{font-size:38px}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.product-cover{aspect-ratio:4/5}}