/* BestBooks.com.ng Visual System v2.0
   Purpose: remove inherited Pay4Books look and establish a bright, premium,
   Nigerian-first bookstore identity while retaining the proven backend. */
:root{
  --bb-navy:#061c35;--bb-navy-2:#031426;--bb-navy-3:#0a2a4c;
  --bb-gold:#f5b72e;--bb-gold-deep:#d69a16;--bb-cream:#fbf8f1;
  --bb-white:#fff;--bb-ink:#122033;--bb-muted:#6b7685;--bb-line:#e6e8eb;
  --bb-soft:#f7f8f8;--bb-success:#0b7b67;--bb-danger:#b42318;
  --bb-shadow-sm:0 5px 18px rgba(6,28,53,.06);
  --bb-shadow:0 16px 42px rgba(6,28,53,.10);
  --bb-radius:12px;--bb-radius-lg:20px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body.bb-body,body{margin:0;background:#fff!important;color:var(--bb-ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{display:none!important}img{max-width:100%}a{color:inherit}.bb-site-main{background:#fff;min-height:50vh}.bb-shell,.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bb-skip{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;color:#061c35;padding:10px 14px;border-radius:8px}.bb-skip:focus{top:10px}

/* Header */
.bb-topbar{background:#04172c;color:#dce6ef;font-size:12px;line-height:1}.bb-topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bb-topbar-offer{color:#f6c751;font-weight:700}.bb-topbar-icon{margin-right:7px}.bb-topbar-links{display:flex;align-items:center;gap:10px}.bb-topbar-links i{height:12px;border-left:1px solid rgba(255,255,255,.28)}.bb-topbar a:hover{color:#fff}
.bb-header{position:sticky;top:0;z-index:100;background:var(--bb-navy);color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.13)}.bb-header-main{min-height:78px;display:grid;grid-template-columns:205px minmax(360px,1fr) 290px;gap:28px;align-items:center}.bb-logo{display:flex;align-items:center;width:190px}.bb-logo img{display:block;width:190px;height:auto;max-height:55px;object-fit:contain;object-position:left center}.bb-search{height:46px;display:grid;grid-template-columns:145px 1fr 54px;background:#fff;border-radius:7px;overflow:visible;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.12)}.bb-search select,.bb-search input{min-width:0;border:0;outline:0;background:#fff;color:#344054;font:500 13px 'DM Sans',sans-serif}.bb-search select{border-radius:7px 0 0 7px;padding:0 13px;border-right:1px solid #e3e7eb}.bb-search input{padding:0 15px}.bb-search button{border:0;border-radius:0 7px 7px 0;background:var(--bb-gold);color:#08182b;cursor:pointer;display:grid;place-items:center}.bb-search button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.bb-search-suggest{display:none;position:absolute;left:0;right:0;top:52px;background:#fff;color:#142033;border:1px solid #e4e7ec;border-radius:10px;box-shadow:var(--bb-shadow);max-height:420px;overflow:auto;z-index:120}.bb-search-suggest.is-open{display:block}.bb-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.bb-header-action{position:relative;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.bb-header-action svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.6}.bb-header-action:hover{color:var(--bb-gold)}.bb-header-action:hover svg{stroke:var(--bb-gold)}.bb-cart-action b{position:absolute;top:-10px;left:11px;min-width:17px;height:17px;border-radius:50%;background:var(--bb-gold);color:#071b30;display:grid;place-items:center;font-size:9px}.bb-menu-toggle{display:none;background:none;border:0;padding:8px}.bb-menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:#fff}.bb-nav{border-top:1px solid rgba(255,255,255,.08);background:var(--bb-navy)}.bb-nav-inner{min-height:42px;display:flex;align-items:center;gap:31px}.bb-nav-item{position:relative;font-size:12.5px;font-weight:700}.bb-nav-item>a{display:flex;align-items:center;min-height:42px;color:#fff}.bb-nav-item>a:hover{color:var(--bb-gold)}.bb-dropdown{display:none;position:absolute;top:40px;left:-12px;min-width:235px;padding:10px;background:#fff;color:var(--bb-ink);border:1px solid var(--bb-line);border-radius:12px;box-shadow:var(--bb-shadow)}.bb-nav-item:hover>.bb-dropdown{display:grid}.bb-dropdown a{padding:10px 12px;border-radius:8px}.bb-dropdown a:hover{background:var(--bb-cream);color:#061c35}

/* Homepage hero - deliberately close to approved mockup */
.bb-home-hero{background:radial-gradient(circle at 63% 28%,rgba(174,104,32,.20),transparent 23%),linear-gradient(90deg,#020e1c 0%,#071c31 48%,#291a10 100%);color:#fff;overflow:hidden}.bb-home-hero-grid{min-height:430px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.73fr) 245px;gap:24px;align-items:center;position:relative}.bb-home-hero-copy{padding:44px 0}.bb-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--bb-gold);font-size:11px;font-weight:800}.bb-home-hero h1{max-width:650px;margin:9px 0 14px;color:#fff;font:700 clamp(44px,4.5vw,65px)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.035em}.bb-home-hero-copy p{max-width:590px;margin:0 0 23px;color:#e3e9ee;font-size:15px;line-height:1.65}.bb-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.bb-button{min-height:42px;padding:0 18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.bb-button-gold{background:var(--bb-gold);color:#142033}.bb-button-gold:hover{background:#ffc94f}.bb-button-outline{border:1px solid rgba(255,255,255,.65);color:#fff;background:rgba(6,28,53,.18)}.bb-home-hero-visual{height:100%;min-height:390px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.bb-home-hero-visual:before{content:"";position:absolute;width:430px;height:270px;background:radial-gradient(ellipse,rgba(212,129,48,.25),transparent 66%);filter:blur(18px)}.bb-home-hero-visual img{position:relative;z-index:1;width:100%;height:390px;object-fit:cover;object-position:center 47%;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%)}.bb-sale-card{background:#071d36;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:26px 22px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.bb-sale-card>span{color:var(--bb-gold);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.bb-sale-card h2{margin:11px 0 4px;color:#fff;font:700 41px/1 'Playfair Display',serif}.bb-sale-card p{color:#dfe7ed;font-size:13px;margin:8px 0 20px}.bb-sale-card a{display:inline-flex;background:var(--bb-gold);color:#132034;border-radius:6px;padding:11px 15px;font-size:11px;font-weight:800}

/* Trust */
.bb-trust-strip{position:relative;z-index:5;margin-top:-1px;background:#fff;padding:12px 0 0}.bb-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bb-trust-item{min-height:84px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px 16px;background:#fbf8f1;border:1px solid #eee7dc;border-radius:9px}.bb-trust-icon{width:40px;height:40px;display:grid;place-items:center;color:#18314c}.bb-trust-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.bb-trust-item strong{font-size:12px;color:#172033}.bb-trust-item p{margin:3px 0 0;color:#697586;font-size:10.5px;line-height:1.4}

/* Home general */
.bb-home-section{padding:31px 0;background:#fff}.bb-white-section{background:#fff}.bb-staff-section,.bb-review-section{background:#fcfbf8}.bb-home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.bb-home-heading h2{margin:0 0 3px;color:#182235;font:700 26px/1.1 'Playfair Display',serif}.bb-home-heading p{margin:0;color:#75808e;font-size:11.5px}.bb-home-heading>a{font-size:11px;font-weight:700;color:#23364b}.bb-home-heading>a span{color:var(--bb-gold-deep);margin-left:5px}
.bb-home-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.bb-home-category{min-height:115px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fbf8f3;border:1px solid #f0eae0;border-radius:8px;padding:11px;transition:.18s ease}.bb-home-category:hover{transform:translateY(-3px);box-shadow:var(--bb-shadow-sm);border-color:#e7d7b7}.bb-category-icon{height:36px;display:grid;place-items:center;color:#c88e1a;font-size:27px}.bb-home-category strong{font-size:11.5px;margin-top:5px}.bb-home-category small{color:#7c8591;font-size:9.5px;margin-top:4px}

/* Product cards */
.bb-products-section{padding-top:27px}.bb-home-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.bb-product-card{position:relative;background:#fff;border:1px solid #e7e9ec;border-radius:9px;overflow:hidden;box-shadow:0 4px 13px rgba(7,27,48,.06);transition:.2s ease;min-width:0}.bb-product-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(7,27,48,.12)}.bb-product-cover{position:relative;display:block;background:#f5f2eb;padding:9px 14px 0}.bb-product-cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 5px 12px rgba(0,0,0,.12);border-radius:2px}.bb-discount{position:absolute;z-index:2;left:7px;top:7px;background:var(--bb-gold);color:#172033;padding:5px 7px;border-radius:5px;font-size:9px;font-weight:800}.bb-product-body{padding:9px 10px 10px}.bb-format{display:block;color:#a06d0a;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.bb-product-card h3{height:34px;overflow:hidden;margin:0;font:700 12px/1.35 'DM Sans',sans-serif;color:#172033}.bb-product-author{height:16px;overflow:hidden;margin:2px 0 5px;color:#737e8b;font-size:9px}.bb-product-rating{display:flex;align-items:center;gap:3px;white-space:nowrap}.bb-product-rating span,.bb-stars{color:#f4a000;letter-spacing:.03em;font-size:10px}.bb-product-rating small{color:#9aa2ad;font-size:8.5px}.bb-product-price{height:25px;display:flex;align-items:center;gap:6px}.bb-product-price strong{font-size:12.5px}.bb-product-price del{color:#98a1ab;font-size:9px}.bb-add-cart{width:100%;min-height:34px;border:0;border-radius:5px;background:var(--bb-navy);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:9.5px;font-weight:800}.bb-add-cart:hover{background:#0c3159}.bb-add-cart svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}

/* Authors */
.bb-home-author-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.bb-home-author{min-height:155px;background:#fbf8f3;border:1px solid #f0eae0;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center;transition:.18s}.bb-home-author:hover{transform:translateY(-3px);box-shadow:var(--bb-shadow-sm)}.bb-home-author img{width:74px;height:74px;object-fit:cover;border-radius:50%;margin-bottom:9px;border:4px solid #fff;box-shadow:0 4px 13px rgba(6,28,53,.08)}.bb-home-author strong{font-size:11.5px}.bb-home-author small{font-size:9px;color:#7b8490;margin-top:3px}

/* Staff */
.bb-staff-banner{min-height:245px;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,#061b35 0%,#082b4d 55%,#16190e 100%);display:grid;grid-template-columns:.9fr 1.1fr;color:#fff;position:relative}.bb-staff-copy{padding:35px 38px;z-index:2}.bb-staff-copy>span{color:var(--bb-gold);font-size:10px;font-weight:800}.bb-staff-copy h2{max-width:430px;margin:6px 0 9px;font:700 34px/1.06 'Playfair Display',serif;color:#fff}.bb-staff-copy p{margin:0 0 20px;color:#dae3eb;font-size:11px}.bb-staff-copy a{display:inline-flex;padding:11px 15px;background:var(--bb-gold);color:#142033;border-radius:6px;font-size:10px;font-weight:800}.bb-staff-banner>img{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent,#000 23%);mask-image:linear-gradient(to right,transparent,#000 23%)}

/* Ways */
.bb-way-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bb-way-card{position:relative;min-height:145px;overflow:hidden;border:1px solid #ede8df;border-radius:9px;padding:23px 21px;display:flex;background:#f5efe2}.bb-way-card:nth-child(2){background:#e8f0f3}.bb-way-card:nth-child(3){background:#eef1df}.bb-way-card>div{position:relative;z-index:2;width:58%}.bb-way-card h3{margin:0 0 6px;font:700 22px 'Playfair Display',serif}.bb-way-card p{font-size:10px;line-height:1.5;color:#475467;margin:0 0 13px}.bb-way-card span{font-size:9px;text-transform:uppercase;font-weight:800}.bb-way-card img{position:absolute;right:0;top:0;width:46%;height:100%;object-fit:cover;mix-blend-mode:multiply}

/* Reviews + Blog */
.bb-reader-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.bb-reader-review{background:#fff;border:1px solid #e8e5df;border-radius:9px;padding:20px}.bb-reader-review p{min-height:48px;color:#495464;font-size:10.5px;line-height:1.55}.bb-reader-review strong{font-size:9.5px}.bb-home-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bb-home-post{min-height:155px;display:grid;grid-template-columns:43% 1fr;overflow:hidden;border:1px solid #e5e8eb;border-radius:9px;background:#fff}.bb-home-post>a{min-height:100%}.bb-home-post img{width:100%;height:100%;object-fit:cover}.bb-home-post>div{padding:13px}.bb-home-post span{font-size:8px;color:#9c6c0c;font-weight:800}.bb-home-post h3{margin:4px 0;font:700 13px/1.3 'DM Sans',sans-serif}.bb-home-post p{margin:4px 0;color:#697586;font-size:9px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb-home-post small{font-size:8px;color:#98a1aa}

/* Newsletter & footer */
.bb-newsletter{background:#071f3a!important;color:#fff;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.10)}.bb-newsletter-grid{display:grid;grid-template-columns:68px 1fr minmax(380px,510px);gap:20px;align-items:center}.bb-newsletter-icon{width:58px;height:58px;border:2px solid var(--bb-gold);border-radius:50%;display:grid;place-items:center;color:var(--bb-gold)}.bb-newsletter-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2}.bb-newsletter-copy h2{margin:0 0 4px;color:#fff;font:700 26px 'Playfair Display',serif}.bb-newsletter-copy p{margin:0;color:#cad5df;font-size:10px}.bb-newsletter-form{display:flex!important;width:100%!important}.bb-newsletter-form input{height:42px;flex:1;border:1px solid #36536f;border-radius:6px 0 0 6px;background:#0b2b4d;color:#fff;padding:0 14px;outline:0}.bb-newsletter-form button{height:42px;border:0;border-radius:0 6px 6px 0;background:var(--bb-gold);color:#102136;padding:0 19px;font-size:10px;font-weight:800;text-transform:uppercase}.bb-footer{background:#031426!important;color:#cbd5df;padding-top:38px}.bb-footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr) 1.1fr;gap:32px}.bb-footer-logo img{width:170px;max-height:55px;object-fit:contain;object-position:left}.bb-footer-brand>p{max-width:290px;font-size:10px;line-height:1.7;color:#aebdcb}.bb-socials{display:flex;gap:8px}.bb-socials a{width:28px;height:28px;border:1px solid #496078;border-radius:50%;display:grid;place-items:center;color:#dbe4ec;font-size:11px}.bb-footer h3{margin:0 0 11px;color:#fff;font:800 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.04em}.bb-footer-column a{display:block;padding:3px 0;color:#aebdcb;font-size:9.5px}.bb-footer-column a:hover{color:#fff}.bb-footer-contact p{display:grid;grid-template-columns:18px 1fr;gap:5px;margin:0 0 8px;color:#aebdcb;font-size:9.5px;line-height:1.5}.bb-footer-contact span{color:var(--bb-gold)}.bb-payment-row{margin-top:22px;padding:16px 0;border-top:1px solid #15304b;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:9px;color:#9fafbe}.bb-payment-row img{width:300px;height:34px;object-fit:contain}.bb-footer-bottom{border-top:1px solid #15304b;padding:13px 0;margin-top:0;font-size:8.5px;color:#91a3b5}.bb-footer-bottom>.bb-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.bb-secure-paystack{display:flex;align-items:center;gap:7px}.bb-secure-paystack img{height:23px;width:auto;border-radius:5px}

/* Core interior page system: brilliant white as requested */
.bb-page,.section,.premium-auth-shell,.p4b-modern-auth,.p4b-cart-body,.p4b-library-page,.p4b-modern-product-page,.p4b-authors-page,.p4b-publishers-page{background:#fff!important}.bb-page{padding:48px 0 65px}.bb-page> .bb-shell>h1,.bb-page h1{color:#142033}.bb-card,.panel{background:#fff;border:1px solid var(--bb-line);border-radius:12px;box-shadow:var(--bb-shadow-sm)}.bb-form input,.bb-form select,.bb-form textarea,input,select,textarea{accent-color:var(--bb-navy)}.btn-primary,.p4b-auth-submit,.premium-auth-submit,.p4b-library-read-btn,.p4b-modern-btn.primary{background:var(--bb-navy)!important;border-color:var(--bb-navy)!important;color:#fff!important}.btn-primary:hover,.p4b-auth-submit:hover,.premium-auth-submit:hover{background:#0c3159!important}.btn.gold,.bb-btn-gold{background:var(--bb-gold)!important;color:#122033!important}.muted,.p4b-muted-text{color:var(--bb-muted)!important}

/* Remove the inherited green Pay4Books personality from auth/cart/library/product. */
.p4b-modern-auth{background:radial-gradient(circle at 92% 8%,rgba(245,183,46,.11),transparent 30%),#fff!important}.p4b-modern-auth::before{background:transparent!important}.p4b-modern-auth::after{background:radial-gradient(circle,rgba(245,183,46,.12),transparent 64%)!important}.p4b-auth-story-card{background:radial-gradient(circle at 75% 10%,rgba(245,183,46,.18),transparent 36%),linear-gradient(145deg,#061c35,#031426 78%,#281b08)!important;border-radius:30px!important}.p4b-auth-kicker{color:#fff!important}.p4b-auth-card-badge{background:#fff8e5!important;color:#9b6a06!important;border-color:#f2d68c!important}.p4b-google-button{border-color:#d8dee6!important;background:#fff!important}.p4b-google-button span{background:linear-gradient(135deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%)!important;color:#fff!important}.p4b-auth-meta a,.p4b-auth-switch a{color:#0b4b78!important}.p4b-auth-story-card .p4b-mini-book.two{background:#0b416b!important}.p4b-auth-story-card .p4b-mini-book.three{background:var(--bb-gold)!important;color:#142033!important}.p4b-auth-story-card .p4b-mini-line i{background:var(--bb-gold)!important}.p4b-auth-proof-grid>div{background:rgba(255,255,255,.09)!important}.p4b-auth-card{border-radius:22px!important;box-shadow:0 16px 50px rgba(6,28,53,.10)!important}.p4b-auth-card h2{color:#061c35!important}.p4b-auth-trust-strip span{background:#fff!important;border:1px solid #e5e9ef!important;color:#607083!important}

.p4b-cart-hero{background:linear-gradient(135deg,#061c35,#0a2a4c)!important;padding:38px 0!important}.p4b-cart-hero h1{font-family:'Playfair Display',serif!important;letter-spacing:-.04em!important}.p4b-cart-kicker,.p4b-cart-kicker.green{color:var(--bb-gold)!important}.p4b-cart-body{background:#fff!important}.p4b-cart-item{border-radius:14px!important;box-shadow:var(--bb-shadow-sm)!important}.p4b-cart-cover{background:#f7f3eb!important;border-radius:9px!important}.p4b-cart-labels span{background:#fff7df!important;color:#976600!important}.p4b-cart-summary .panel{border-radius:14px!important}.p4b-summary-total strong,.p4b-applied-coupon strong{color:#061c35!important}.p4b-coupon-form button,.p4b-applied-coupon button{background:#061c35!important}.p4b-cart-empty{border-radius:14px!important}

.p4b-library-vault-hero,.p4b-modern-hero,.p4b-authors-hero,.p4b-publishers-hero{background:linear-gradient(135deg,#061c35,#0a2a4c)!important;color:#fff!important}.p4b-library-overview-strip,.p4b-library-catalog-section,.p4b-modern-section,.p4b-authors-directory,.p4b-publishers-directory{background:#fff!important}.p4b-library-kicker,.mini-kicker,.p4b-modern-eyebrow{color:#aa760e!important}.p4b-library-progress i,.p4b-vault-meter i{background:var(--bb-gold)!important}.p4b-author-badges em,.p4b-modern-badge,.p4b-type-pill{background:#fff7df!important;color:#8d6109!important;border-color:#edd99a!important}.p4b-author-card,.p4b-publisher-card,.p4b-modern-card,.p4b-related-card,.p4b-library-filter-card{border-radius:14px!important;box-shadow:var(--bb-shadow-sm)!important;border-color:#e5e9ed!important}.p4b-author-avatar{background:#f6f1e7!important}.p4b-author-card a,.p4b-publisher-card a{color:#061c35}.p4b-library-page a{--p4b-green:#061c35}

/* Checkout */
.bb-checkout-page{padding:48px 0 70px;background:#fff}.bb-checkout-header{max-width:760px;margin-bottom:25px}.bb-checkout-header .bb-eyebrow{color:#a97000}.bb-checkout-header h1{margin:7px 0;font:700 38px 'Playfair Display',serif}.bb-checkout-header p{margin:0;color:#697586}.bb-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:30px;align-items:start}.bb-checkout-panel{border:1px solid #e5e9ed;border-radius:14px;padding:26px;background:#fff;box-shadow:var(--bb-shadow-sm)}.bb-checkout-panel h2{font:700 24px 'Playfair Display',serif}.bb-checkout-form label{display:block;margin:14px 0 6px;font-size:12px;font-weight:700}.bb-checkout-form input,.bb-checkout-form select,.bb-checkout-form textarea{width:100%;border:1px solid #d4dae1;border-radius:8px;padding:12px 13px;background:#fff;font:500 13px 'DM Sans'}.bb-checkout-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bb-paystack-button{width:100%;min-height:48px;margin-top:18px;border:0;border-radius:7px;background:var(--bb-gold);color:#102136;font-weight:800;cursor:pointer}.bb-paystack-lock{display:flex;align-items:center;gap:10px;margin-top:12px;color:#667085;font-size:11px}.bb-paystack-lock img{height:30px;width:auto}.bb-order-lines{display:grid;gap:12px;margin:16px 0}.bb-order-line{display:grid;grid-template-columns:1fr auto;gap:15px;padding-bottom:11px;border-bottom:1px solid #edf0f2}.bb-order-line small{display:block;color:#7a8491;margin-top:3px}.bb-order-total{display:flex;justify-content:space-between;font-size:22px;font-weight:800;margin-top:18px}.bb-secure-box{margin-top:16px;padding:13px;border-radius:9px;background:#f8fafc;color:#526174;font-size:11px;line-height:1.55}

/* Wishlist */
.bb-wishlist-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}

/* Responsive */
@media(max-width:1120px){.bb-header-main{grid-template-columns:180px 1fr 235px;gap:18px}.bb-header-actions{gap:11px}.bb-header-action span{display:none}.bb-home-hero-grid{grid-template-columns:1.1fr .8fr 220px}.bb-home-products{grid-template-columns:repeat(4,1fr)}.bb-home-category-grid{grid-template-columns:repeat(4,1fr)}.bb-home-author-grid{grid-template-columns:repeat(3,1fr)}.bb-footer-grid{grid-template-columns:1.5fr repeat(2,1fr);row-gap:30px}.bb-footer-contact{grid-column:3}.bb-wishlist-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.bb-topbar-links span:first-child{display:none}.bb-header-main{grid-template-columns:170px 1fr auto;min-height:70px}.bb-search{grid-template-columns:1fr 48px}.bb-search select{display:none}.bb-menu-toggle{display:block}.bb-nav{display:none}.bb-nav.is-open{display:block;position:absolute;left:0;right:0}.bb-nav-inner{display:grid;height:auto;padding:12px 20px;gap:0}.bb-nav-item>a{min-height:38px}.bb-dropdown{position:static;display:grid!important;box-shadow:none;border:0;background:#0b2948;color:#fff;margin-bottom:8px}.bb-home-hero-grid{grid-template-columns:1fr 1fr}.bb-sale-card{grid-column:2;grid-row:1;align-self:end;margin-bottom:26px}.bb-home-hero-copy{grid-row:1}.bb-home-hero-visual{grid-column:1/-1;grid-row:1;opacity:.35}.bb-home-hero-copy,.bb-sale-card{position:relative;z-index:2}.bb-trust-grid{grid-template-columns:repeat(2,1fr)}.bb-home-products{grid-template-columns:repeat(3,1fr)}.bb-home-blog-grid{grid-template-columns:1fr}.bb-newsletter-grid{grid-template-columns:58px 1fr}.bb-newsletter-form{grid-column:1/-1}.bb-footer-grid{grid-template-columns:repeat(2,1fr)}.bb-footer-brand{grid-column:1/-1}.bb-footer-contact{grid-column:auto}.bb-checkout-grid{grid-template-columns:1fr}.bb-wishlist-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.bb-shell,.wrap{width:min(100% - 24px,1240px)}.bb-topbar-inner{justify-content:center}.bb-topbar-links{display:none}.bb-header-main{grid-template-columns:150px 1fr auto;gap:10px}.bb-logo,.bb-logo img{width:145px}.bb-search{grid-column:1/-1;grid-row:2;margin-bottom:10px}.bb-header-actions{grid-column:3;grid-row:1}.bb-header-action:not(.bb-cart-action){display:none}.bb-home-hero-grid{min-height:500px;grid-template-columns:1fr}.bb-home-hero-copy{padding:38px 0 160px}.bb-home-hero h1{font-size:43px}.bb-home-hero-visual{grid-column:1;opacity:.32}.bb-sale-card{position:absolute;right:0;bottom:22px;width:190px;padding:17px}.bb-sale-card h2{font-size:31px}.bb-trust-grid{grid-template-columns:1fr 1fr}.bb-trust-item{grid-template-columns:34px 1fr;padding:11px}.bb-trust-icon{width:30px}.bb-home-category-grid{grid-template-columns:repeat(2,1fr)}.bb-home-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.bb-product-card{min-width:164px;scroll-snap-align:start}.bb-home-author-grid{grid-template-columns:repeat(2,1fr)}.bb-staff-banner{grid-template-columns:1fr;min-height:300px}.bb-staff-copy{padding:27px 24px}.bb-staff-banner>img{width:100%;opacity:.35;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%);mask-image:linear-gradient(to bottom,transparent,#000 35%)}.bb-way-grid,.bb-reader-reviews{grid-template-columns:1fr}.bb-home-post{grid-template-columns:40% 1fr}.bb-newsletter-grid{grid-template-columns:1fr}.bb-newsletter-icon{display:none}.bb-newsletter-form{grid-column:auto}.bb-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.bb-footer-brand,.bb-footer-contact{grid-column:1/-1}.bb-payment-row{display:block;text-align:center}.bb-payment-row img{width:100%;margin-top:8px}.bb-footer-bottom>.bb-shell{display:grid;text-align:center}.bb-checkout-two{grid-template-columns:1fr}.bb-wishlist-grid{grid-template-columns:repeat(2,1fr)}}
.bb-suggest-row{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:9px 11px;border-bottom:1px solid #eef1f4}.bb-suggest-row:last-child{border-bottom:0}.bb-suggest-row:hover{background:#fbf8f1}.bb-suggest-row img{width:42px;height:58px;object-fit:cover;border-radius:4px}.bb-suggest-row span{min-width:0}.bb-suggest-row strong,.bb-suggest-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-suggest-row strong{font-size:12px}.bb-suggest-row small{font-size:10px;color:#77818d;margin-top:3px}
.bb-wishlist-btn{position:absolute;right:9px;top:9px;z-index:5;width:31px;height:31px;border-radius:50%;border:1px solid #e4e8ed;background:rgba(255,255,255,.94);color:#061c35;display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(6,28,53,.08)}.bb-wishlist-btn:hover,.bb-wishlist-btn.is-saved{background:#fff7df;color:#ba7200;border-color:#efd590}
/* ============================================================
   BestBooks v2.0.4 — Logged-in identity, account dropdown,
   administrator/author/publisher recognition and footer member bar
   ============================================================ */

.bb-topbar-welcome strong{color:#fff;font-weight:800}
.bb-topbar-admin{color:var(--bb-gold)!important;font-weight:800}

.bb-account-menu{position:relative;z-index:160}
.bb-account-trigger{
    appearance:none;
    border:0;
    background:transparent;
    color:#fff;
    display:flex;
    align-items:center;
    gap:9px;
    padding:5px 7px 5px 4px;
    border-radius:10px;
    cursor:pointer;
    font-family:'DM Sans',sans-serif;
    transition:background .18s ease,color .18s ease
}
.bb-account-trigger:hover,
.bb-account-menu.is-open .bb-account-trigger{
    background:rgba(255,255,255,.09)
}
.bb-account-avatar{
    width:34px;
    height:34px;
    border-radius:50%;
    overflow:hidden;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border:2px solid rgba(245,183,46,.76);
    background:linear-gradient(145deg,#f8c750,#cb8b14);
    color:#061c35;
    box-shadow:0 0 0 2px rgba(255,255,255,.06);
    font-size:10px;
    font-weight:900;
    letter-spacing:.02em
}
.bb-account-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center
}
.bb-account-trigger-copy{
    min-width:0;
    display:grid;
    text-align:left;
    line-height:1.05
}
.bb-account-trigger-copy strong{
    max-width:92px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    font-size:11px;
    font-weight:800
}
.bb-account-trigger-copy small{
    margin-top:4px;
    max-width:98px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#aebfd0;
    font-size:8.5px;
    font-weight:600
}
.bb-account-chevron{
    width:15px;
    height:15px;
    fill:none;
    stroke:#c7d3df;
    stroke-width:2;
    transition:transform .18s ease
}
.bb-account-menu.is-open .bb-account-chevron{transform:rotate(180deg)}

.bb-account-dropdown{
    position:absolute;
    top:calc(100% + 14px);
    right:0;
    width:330px;
    padding:12px;
    border:1px solid #dfe5eb;
    border-radius:16px;
    background:#fff;
    color:#13273b;
    box-shadow:0 26px 70px rgba(3,20,38,.24);
    opacity:0;
    visibility:hidden;
    transform:translateY(-7px) scale(.985);
    transform-origin:top right;
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease
}
.bb-account-dropdown:before{
    content:"";
    position:absolute;
    right:23px;
    top:-7px;
    width:13px;
    height:13px;
    transform:rotate(45deg);
    background:#fff;
    border-left:1px solid #dfe5eb;
    border-top:1px solid #dfe5eb
}
.bb-account-menu.is-open .bb-account-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto
}
.bb-account-card-head{
    position:relative;
    display:grid;
    grid-template-columns:52px 1fr;
    gap:11px;
    align-items:center;
    padding:7px 7px 13px;
    border-bottom:1px solid #edf0f3
}
.bb-account-avatar-lg{
    width:50px;
    height:50px;
    font-size:14px
}
.bb-account-card-identity{
    min-width:0;
    display:grid
}
.bb-account-card-identity>strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#071d35;
    font-size:13px
}
.bb-account-card-identity>span{
    margin-top:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#687686;
    font-size:9.5px
}
.bb-account-badges{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
    margin-top:7px
}
.bb-account-badges b,
.bb-account-badges em{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:0 7px;
    border-radius:999px;
    font-size:7.8px;
    font-style:normal;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase
}
.bb-account-badges b{background:#f7ecd1;color:#74500b}
.bb-account-badges em{background:#e9f8ef;color:#167143}

.bb-account-profile-line{
    margin:10px 4px 0;
    padding:9px 10px;
    border:1px solid #edf0f2;
    border-radius:9px;
    background:#fbfcfd;
    display:grid;
    gap:2px
}
.bb-account-profile-line span{
    color:#8994a0;
    font-size:8px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em
}
.bb-account-profile-line a,
.bb-account-profile-line strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0a426c;
    font-size:10px;
    font-weight:800
}

.bb-account-workspace{
    margin-top:10px;
    padding:11px 12px;
    border-radius:11px;
    background:linear-gradient(135deg,#061c35,#0c375d);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
.bb-account-workspace span{display:grid;gap:2px}
.bb-account-workspace small{
    color:#aebed0;
    font-size:7.5px;
    text-transform:uppercase;
    letter-spacing:.07em
}
.bb-account-workspace strong{font-size:10.5px}
.bb-account-workspace svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:var(--bb-gold);
    stroke-width:1.8;
    transition:transform .18s ease
}
.bb-account-workspace:hover{color:#fff}
.bb-account-workspace:hover svg{transform:translateX(3px)}

.bb-account-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
    padding:10px 2px 6px
}
.bb-account-links a{
    min-height:38px;
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 8px;
    color:#26394b;
    font-size:9px;
    font-weight:700
}
.bb-account-links a:hover{
    background:#f7f9fb;
    color:#061c35
}
.bb-account-links svg{
    width:16px;
    height:16px;
    flex:0 0 auto;
    fill:none;
    stroke:#557187;
    stroke-width:1.7
}
.bb-account-links a:hover svg{stroke:#c58a14}

.bb-account-dropdown-foot{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:5px;
    padding:10px 7px 3px;
    border-top:1px solid #edf0f3;
    font-size:8.5px;
    font-weight:700
}
.bb-account-dropdown-foot a{color:#597083}
.bb-account-dropdown-foot a:hover{color:#061c35}
.bb-account-dropdown-foot .bb-account-logout{color:#9b2c23}
.bb-account-dropdown-foot .bb-account-logout:hover{color:#721c16}

/* Footer signed-in account strip */
.bb-footer-member{
    background:#fff;
    border-top:1px solid #e6ebef;
    border-bottom:1px solid #e2e8ee;
    padding:14px 0
}
.bb-footer-member-inner{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px
}
.bb-footer-member-identity{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px
}
.bb-account-avatar-footer{
    width:46px;
    height:46px;
    border-color:#e6a724;
    box-shadow:0 4px 14px rgba(6,28,53,.10);
    font-size:12px
}
.bb-footer-member-identity>div{
    min-width:0;
    display:grid;
    gap:1px
}
.bb-footer-member-identity small{
    color:#8a96a3;
    font-size:8px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em
}
.bb-footer-member-identity strong{
    max-width:360px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#071d35;
    font-size:12px
}
.bb-footer-member-identity div>span{
    display:flex;
    align-items:center;
    gap:7px;
    max-width:440px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#687686;
    font-size:8.5px
}
.bb-footer-member-identity div>span i{
    width:3px;
    height:3px;
    flex:0 0 auto;
    border-radius:50%;
    background:#d4a031
}
.bb-footer-member-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px
}
.bb-footer-member-actions a{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    padding:0 11px;
    font-size:8.5px;
    font-weight:800;
    white-space:nowrap
}
.bb-footer-member-link{
    border:1px solid #dfe5ea;
    color:#324b61;
    background:#fff
}
.bb-footer-member-link:hover{
    border-color:#bfcbd5;
    color:#061c35
}
.bb-footer-member-primary{
    gap:7px;
    background:#061c35;
    color:#fff!important;
    border:1px solid #061c35
}
.bb-footer-member-primary svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:var(--bb-gold);
    stroke-width:1.8
}
.bb-footer-member-primary:hover{background:#0b3155}
.bb-footer-member-logout{
    color:#8c3129;
    background:#fff8f7;
    border:1px solid #f0d4d0
}
.bb-footer-signedin-note{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:12px;
    color:#91a4b6;
    font-size:8.5px
}
.bb-footer-signedin-note span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#27b36a;
    box-shadow:0 0 0 3px rgba(39,179,106,.12)
}

@media(max-width:1120px){
    .bb-user-authenticated .bb-header-main{
        grid-template-columns:180px 1fr 300px
    }
    .bb-account-trigger-copy{display:none}
    .bb-account-trigger{padding-right:3px}
}
@media(max-width:860px){
    .bb-user-authenticated .bb-header-main{
        grid-template-columns:165px 1fr auto
    }
    .bb-account-dropdown{
        position:fixed;
        top:83px;
        right:18px;
        width:min(340px,calc(100vw - 36px))
    }
    .bb-account-dropdown:before{display:none}
    .bb-footer-member-inner{
        align-items:flex-start;
        flex-direction:column
    }
    .bb-footer-member-actions{
        width:100%;
        justify-content:flex-start;
        flex-wrap:wrap
    }
}
@media(max-width:620px){
    .bb-account-menu{display:block}
    .bb-account-avatar{width:32px;height:32px}
    .bb-account-trigger .bb-account-chevron{display:none}
    .bb-account-dropdown{
        top:72px;
        right:12px;
        width:calc(100vw - 24px);
        max-height:calc(100vh - 92px);
        overflow:auto
    }
    .bb-account-links{grid-template-columns:1fr 1fr}
    .bb-footer-member{padding:15px 0}
    .bb-footer-member-actions{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .bb-footer-member-actions a{width:100%}
    .bb-footer-member-primary{grid-column:1/-1;order:-1}
    .bb-footer-member-identity strong{max-width:230px}
}