/* Website amend 13 Nov 2026 (loaded only while body has .nb-v13: preview, then everyone after go-live). */

/* 1. Hero: two floating book illustrations instead of the square covers. */
.nb-v13 .nb-hero__covers--art{aspect-ratio:1/1.05}
.nb-hero__art{position:absolute;width:58%;aspect-ratio:720/1018;border-radius:16px;overflow:hidden;
  box-shadow:0 40px 80px -30px #000,0 0 0 1px #F5F2EA26;transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:nb-float 7s ease-in-out infinite}
.nb-hero__art img{width:100%;height:100%;object-fit:cover;display:block}
.nb-hero__art--1{left:0;top:0;z-index:2;rotate:-5deg}
.nb-hero__art--2{right:0;top:18%;z-index:1;rotate:6deg;animation-delay:-3.5s;filter:brightness(.9)}
.nb-hero__art:hover{transform:translateY(-12px) scale(1.03);filter:none;z-index:3}
@media (prefers-reduced-motion:reduce){.nb-hero__art{animation:none}}
@media (max-width:900px){.nb-v13 .nb-hero__covers--art{width:min(80vw,360px)}}

/* 2b, 3, 5. Full book covers: portrait, nothing cut off (product image blocks get aspect 5/7 + contain from functions.php). */
.nb-v13 .wc-block-components-product-image img,
.nb-v13 .wp-block-woocommerce-product-image img{background:transparent;border-radius:6px}

/* Selling fast / Back in stock rails. */
.nb-v13 .nb-shelf-card .im{aspect-ratio:5/7;background:transparent}
.nb-v13 .nb-shelf-card img{object-fit:contain;object-position:50% 100%;transform:none}
.nb-v13 .nb-shelf-card:hover img{transform:translateY(-4px)}

/* Shelf tiles (Fiction, Poetry…) and "How do you want to feel tonight?" cards: portrait mini covers. */
.nb-v13 .nb-shelf__fan{height:136px}
.nb-v13 .nb-shelf__fan img{width:86px;height:120px;object-fit:cover;object-position:50% 50%;transform:none}
.nb-v13 .nb-mood__covers{height:106px}
.nb-v13 .nb-mood__covers img{width:76px;height:106px;object-fit:cover;object-position:50% 50%}

/* 6. PEMIMPI page perks list. */
.nb-perks-page{padding-left:1.1rem}
.nb-perks-page li{margin:.45rem 0}

/* The old square look zoomed covers 1.32x to hide padding; whole covers need no zoom. */
.nb-v13 .wc-block-product .wc-block-components-product-image img{transform:none}
.nb-v13 .wc-block-product:hover .wc-block-components-product-image img{transform:translateY(-4px)}
.nb-v13 .wc-block-product .wc-block-components-product-image{box-shadow:none!important;border-radius:0;overflow:visible}