/* BooksFirst v10.71 | Simple mobile menu, one primary logo, category-specific photography */

/* Brand: no competing second logo in the purchase navigation. Anniversary artwork
   continues in the opening ident, hero and company/CSR editorial. */
.bf6-header-main .bf70-brand img.bf70-anniversary-seal{display:none!important}
.bf6-header-main .bf70-brand{justify-content:flex-start!important}
.bf6-header-main .bf70-brand img.bf70-wordmark{width:clamp(145px,12vw,185px)!important;max-height:70px!important}
@media(min-width:901px){
  .bf6-header-main{grid-template-columns:minmax(185px,210px) minmax(240px,1fr) 192px auto!important}
}
@media(max-width:900px){
  .bf6-header-main .bf70-brand{justify-content:center!important}
  .bf6-header-main .bf70-brand img.bf70-wordmark{width:clamp(127px,35vw,156px)!important;max-height:52px!important}
}
@media(max-width:365px){.bf6-header-main .bf70-brand img.bf70-wordmark{width:122px!important}}

/* Drawer: progressive disclosure rather than a long link directory. */
@media(max-width:900px){
  body .mobile-drawer.bf71-mobile-drawer{
    display:flex!important;flex-direction:column!important;
    position:fixed!important;inset:0 auto 0 0!important;
    width:min(390px,88vw)!important;max-width:88vw!important;height:100dvh!important;
    padding:0!important;border:0!important;border-radius:0!important;
    background:#fff!important;color:#101a32!important;
    box-shadow:18px 0 65px #07142c36!important;
    z-index:520!important;overflow:hidden!important;
    overscroll-behavior:contain;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .23s ease,visibility .23s!important;
    visibility:hidden!important;pointer-events:none!important;
  }
  body .mobile-drawer.bf71-mobile-drawer.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;pointer-events:auto!important;
  }
  .mobile-drawer-backdrop.is-open{z-index:510!important;background:#07142c9a!important}
  body.menu-open{overflow:hidden!important}
  body .bf71-drawer-head{
    flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;
    gap:10px;padding:calc(23px + env(safe-area-inset-top,0px)) 20px 19px!important;
    background:#0c1e42!important;color:#fff!important;
  }
  .bf71-drawer-head>div{min-width:0;flex:1}
  .bf71-drawer-head small{font-size:10px!important;letter-spacing:.15em;font-weight:900;color:#ffb9c7!important}
  .bf71-drawer-head h2{font-size:clamp(19px,5vw,25px)!important;line-height:1.22!important;letter-spacing:-.04em;margin:10px 0 0!important;color:#fff!important;font-weight:900!important}
  body .bf71-drawer-close{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:12px!important;border:1px solid #ffffff50!important;background:#ffffff16!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important}
  .bf71-drawer-close svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round}
  body .bf71-drawer-scroll{flex:1 1 auto;overflow-y:auto!important;overscroll-behavior:contain;padding:19px 16px calc(33px + env(safe-area-inset-bottom,0px))!important;background:#fff!important}
  .bf71-menu-label{margin:0 0 12px!important;font-size:11px!important;color:#66748a!important;letter-spacing:.01em;font-weight:800!important}
  .bf71-quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .bf71-quick-grid>a.bf71-quick{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-height:116px!important;padding:13px 12px!important;border:1px solid #e3e7ed!important;border-radius:15px!important;background:#fff!important;text-decoration:none!important;color:#0c1e42!important;box-shadow:0 1px 3px #111d3808!important}
  .bf71-quick-grid>a.bf71-sale{border-color:#edc5cf!important;background:#fff4f6!important}
  .bf71-quick>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#f0f3f8;font-size:19px;line-height:1;color:#1f3761}
  .bf71-quick.bf71-sale>span{background:#ffe2e9;color:#d90035}
  .bf71-quick b{font-size:12px!important;line-height:1.23;font-weight:850!important;color:#0c1e42!important}
  .bf71-quick small{font-size:10px!important;color:#637188!important;line-height:1.25!important;font-weight:600!important}
  .bf71-menu-finder{margin-top:13px;display:flex!important;align-items:center!important;justify-content:space-between;gap:12px;padding:14px!important;border-radius:14px!important;background:#d80036!important;color:#fff!important;text-decoration:none!important;min-height:62px!important}
  .bf71-menu-finder>span:first-child{display:grid;gap:3px}
  .bf71-menu-finder b{color:#fff!important;font-size:13px!important;font-weight:900!important}
  .bf71-menu-finder small{color:#ffe7ec!important;font-size:10px!important;font-weight:650!important}
  .bf71-finder-arrow{font-size:23px;font-weight:600;color:#fff!important;flex:0 0 auto}
  .bf71-menu-accordions{margin-top:18px;border-top:1px solid #e8ebf0}
  .bf71-menu-section{border-bottom:1px solid #e8ebf0}
  .bf71-menu-section>summary,.bf71-subcategories>summary{list-style:none;cursor:pointer;min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;color:#1a2740;font-size:12px;font-weight:850}
  .bf71-menu-section>summary::-webkit-details-marker,.bf71-subcategories>summary::-webkit-details-marker{display:none}
  .bf71-menu-section>summary>span,.bf71-subcategories>summary>span{transition:transform .2s;font-size:19px;color:#728097}
  .bf71-menu-section[open]>summary>span,.bf71-subcategories[open]>summary>span{transform:rotate(180deg)}
  .bf71-menu-section>div,.bf71-subcategories>div{display:grid!important;gap:0!important;padding:0 0 8px 8px!important}
  .bf71-menu-section>div>a,.bf71-subcategories>div>a{display:flex!important;align-items:center!important;min-height:44px!important;padding:10px 12px!important;border:0!important;border-radius:8px!important;color:#44536d!important;font-weight:650!important;font-size:11px!important;text-decoration:none!important}
  .bf71-menu-section>div>a:active,.bf71-subcategories>div>a:active{background:#f6f7f9}
  .bf71-subcategories{border-top:1px dashed #e8ebf0;margin:3px 6px 0}
  .bf71-subcategories>summary{font-size:11px;font-weight:750;min-height:44px;color:#c6002c}
  .bf71-drawer-bottom{margin-top:17px;padding-top:12px;border-top:1px solid #e8ebf0;display:grid;gap:2px}
  .bf71-drawer-bottom>a{display:flex!important;align-items:center;justify-content:space-between;min-height:44px;padding:10px 6px;color:#1d2b46!important;font-weight:750;font-size:12px!important;border:0!important;text-decoration:none!important}
  .bf71-menu-currency{margin:9px 0 0!important}
  .bf71-menu-currency label{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#5a687c;font-size:11px;font-weight:750}
  .bf71-menu-currency select{width:120px;min-height:40px;background:#fff;border:1px solid #e3e7ed;border-radius:9px;padding:0 10px;color:#1c2b47}
  .bf71-mobile-drawer :focus-visible{outline:3px solid #ff819e!important;outline-offset:2px!important}
}
@media(max-width:340px){.bf71-quick-grid>a.bf71-quick{min-height:110px!important;padding:11px 10px!important}.bf71-quick b{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.mobile-drawer.bf71-mobile-drawer,.bf71-menu-section>summary>span{transition:none!important}}

/* 6 meaningfully different product category photos (rather than repeated lifestyle imagery). */
.bf71-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.bf71-category-grid>a.bf71-category-card{min-width:0!important;aspect-ratio:1.34!important;min-height:195px!important;overflow:hidden!important;border-radius:15px!important;background:#16243b!important}
.bf71-category-card img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center 42%!important;transition:transform .25s ease!important}
.bf71-category-card:after{background:linear-gradient(0deg,#07132be0,rgba(7,19,43,.15) 72%,transparent)!important}
.bf71-category-card span{display:grid!important;gap:3px!important;text-align:left!important;left:15px!important;bottom:14px!important;right:12px!important;font-size:unset!important}
.bf71-category-card span b{color:#fff!important;font-size:clamp(14px,1.6vw,20px)!important;line-height:1.15!important;font-weight:850!important}
.bf71-category-card span small{color:#ecedf5!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important}
.bf71-category-card:hover img{transform:scale(1.04)}
.bf71-shelf-banner-photo{overflow:hidden!important;position:relative!important}
.bf71-shelf-banner-photo img.bf71-shelf-photo{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 44%!important}
.bf71-shelf-banner-photo:after{z-index:1}
@media(max-width:800px){.bf71-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bf71-category-grid>a.bf71-category-card{min-height:160px!important}}
@media(max-width:390px){.bf71-category-grid{gap:9px!important}.bf71-category-grid>a.bf71-category-card{min-height:143px!important}.bf71-category-card span{left:11px!important;bottom:11px!important}.bf71-category-card span b{font-size:13px!important}.bf71-category-card span small{font-size:9px!important}}

/* Help control is a single generic symbol rather than another BooksFirst logo. */
.bf71-contact-toggle{display:grid!important;place-items:center!important;background:#fff!important;color:#0c1e42!important;border:1px solid #e7eaf0!important}
.bf71-contact-toggle svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.bf26-whatsapp-quick{display:none!important}.bf10-contact-hub{bottom:calc(81px + env(safe-area-inset-bottom,0px))!important}}

/* v10.73 age-specific photograph treatment. Make the age cards feel calmer and less cropped on phones. */
.bf67-campaign .bf72-age-grid{gap:14px!important}
.bf67-campaign .bf72-age-card{display:block}
.bf67-campaign .bf72-age-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center center;background:#f1f2f5;border-radius:18px}
.bf67-campaign .bf72-age-card span{margin-top:10px;font-size:14px;line-height:1.2}
.bf67-campaign .bf72-age-card:focus-visible{outline:3px solid #db0734;outline-offset:4px}
@media(max-width:760px){
  .bf67-campaign .bf72-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .bf67-campaign .bf72-age-card img{aspect-ratio:4/3;object-position:center center}
  .bf67-campaign .bf72-age-card span{font-size:15px;margin-top:9px}
}
@media(max-width:430px){
  .bf67-campaign .bf72-age-grid{gap:12px!important}
  .bf67-campaign .bf72-age-card img{aspect-ratio:1/1}
  .bf67-campaign .bf72-age-card span{font-size:14px}
}


/* v10.74: explicit square frames on every viewport, independent of image intrinsic dimensions. */
.bf72-age-grid > .bf72-age-card{min-width:0!important;height:auto!important;align-self:start}
.bf72-age-grid > .bf72-age-card .bf74-age-picture{display:block!important;position:relative!important;aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;overflow:hidden!important;border-radius:14px!important;background:#eef1f6!important}
.bf72-age-grid > .bf72-age-card .bf74-age-picture > img{display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:cover!important;object-position:center 40%!important;aspect-ratio:auto!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important}
.bf72-age-grid > .bf72-age-card > span{display:block;text-align:center;margin:9px 0 0!important;line-height:1.35!important}
@media(max-width:760px){.bf67-campaign .bf72-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}


/* v10.75 fix: restore proper square desktop age-card grid */
.bf67-campaign .bf72-age-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
.bf67-campaign .bf72-age-card{min-width:0!important;width:100%!important}
.bf67-campaign .bf72-age-card .bf74-age-picture{display:block!important;position:relative!important;width:100%!important;aspect-ratio:1 / 1!important;overflow:hidden!important;border-radius:18px!important;background:#eef1f6!important}
.bf67-campaign .bf72-age-card .bf74-age-picture img{display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:cover!important;object-position:center 40%!important;border:0!important;border-radius:0!important}
.bf67-campaign .bf72-age-card > span{display:block!important;text-align:center!important;margin-top:10px!important;font-size:14px!important;font-weight:900!important;line-height:1.2!important}
@media(max-width:1100px){.bf67-campaign .bf72-age-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.bf67-campaign .bf72-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}


/* v10.76: Black November navigation CTA — white lettering on a true dark button. */
.bf67-campaign .bf6-subnav .bf67-shop-sale-link,
.bf67-campaign .bf6-subnav .bf67-shop-sale-link:link,
.bf67-campaign .bf6-subnav .bf67-shop-sale-link:visited {
 color:#fff!important;background:#11151f!important;border:1px solid #11151f!important;
 font-weight:850!important;text-decoration:none!important;
}
.bf67-campaign .bf6-subnav .bf67-shop-sale-link:hover,
.bf67-campaign .bf6-subnav .bf67-shop-sale-link:focus-visible{
 color:#fff!important;background:#bf002c!important;border-color:#bf002c!important;
}
.bf67-campaign .bf6-subnav .bf67-shop-sale-link *{color:#fff!important}
/* Intent-focused editorial SEO content sits BELOW the real catalogue. */
.bf76-seo-guide{margin:32px auto 48px;padding:26px;border:1px solid #e3e7ee;border-radius:18px;background:#fff}
.bf76-seo-guide h2{color:#10192c;font-size:clamp(22px,2.5vw,32px);line-height:1.18;margin:0 0 10px}
.bf76-seo-guide p{max-width:850px;font-size:14px;line-height:1.7;color:#4c5667;margin:0 0 16px}
.bf76-seo-links{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 22px}
.bf76-seo-links a{display:inline-flex;align-items:center;min-height:42px;padding:10px 15px;background:#f5f7fb;border:1px solid #e0e5ee;border-radius:999px;color:#12223b;font-size:12px;font-weight:800;text-decoration:none}
.bf76-seo-links a:hover,.bf76-seo-links a:focus-visible{border-color:#ba0027;color:#a20027}
.bf76-seo-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bf76-seo-faq article{padding:16px;border:1px solid #e6eaf0;border-radius:13px;background:#fafbfd}
.bf76-seo-faq h3{margin:0 0 7px;color:#14213a;font-size:14px;line-height:1.35}
.bf76-seo-faq article p{margin:0;color:#4f5b6d;font-size:12px;line-height:1.6}
@media(max-width:720px){.bf76-seo-guide{padding:18px}.bf76-seo-faq{grid-template-columns:1fr}.bf76-seo-links a{font-size:11px}}