/* v1.4.3 — compact product grids, legible specifications and unified actions */

/* Browsing surfaces must never look like editable text. */
body,body *:not(input):not(textarea):not([contenteditable="true"]){caret-color:transparent}
body,p,span,small,strong,b,dt,dd,h1,h2,h3,h4{cursor:default}
a,button,[role="button"],[data-product-card]{cursor:pointer!important}
input,textarea,[contenteditable="true"]{caret-color:auto;cursor:text!important}

/* The announcement is intentionally a single, centered message. */
.announcement-v2 .container{display:flex!important;justify-content:center!important;text-align:center!important}

/* Semantic category pictograms keep the chosen rounded-line language. */
.living-categories>a>span{border:1px solid rgba(18,87,69,.12);box-shadow:inset 0 0 0 4px rgba(255,255,255,.28)}
.living-categories .ui-icon{stroke-width:1.85}

/* A compact 4 × 2 desktop grid for the eight newest books. */
.fresh-section .cards-compact{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
.fresh-section .card-compact{min-width:0!important;min-height:440px!important;width:auto!important}
.fresh-section .card-compact .card-cover{min-height:220px!important;padding:13px!important}
.fresh-section .card-compact .book-visual{width:min(100%,142px)!important}
.fresh-section .card-compact .card-content{padding:10px 14px!important}

/* Specifications use the full card, wrap naturally and contain no dead space. */
.book-card>.book-hover-panel{inset:12px 12px 70px!important;padding:17px 18px!important;justify-content:flex-start!important;overflow:auto!important;cursor:pointer}
.book-card>.book-hover-panel>b{font-size:17px!important;line-height:1.65!important;min-height:0!important;-webkit-line-clamp:2}
.book-card>.book-hover-panel>i{margin:11px 0!important}
.book-card>.book-hover-panel dl{display:flex!important;flex-direction:column!important;gap:0!important;width:100%}
.book-card>.book-hover-panel dl div{display:grid!important;grid-template-columns:minmax(82px,.7fr) minmax(0,1.3fr)!important;gap:12px!important;align-items:start!important;padding:7px 0!important;font-size:13.5px!important;line-height:1.55!important;border-bottom:1px dashed rgba(25,82,68,.12)}
.book-card>.book-hover-panel dl div:last-child{border-bottom:0}
.book-card>.book-hover-panel dt{white-space:normal!important;font-weight:800!important}
.book-card>.book-hover-panel dd{display:block!important;margin:0!important;text-align:left!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;-webkit-line-clamp:unset!important}
.book-card:focus-visible{outline:3px solid rgba(12,126,96,.25);outline-offset:3px}

/* One purchase rail everywhere: one-line price on the right, icon-only cart on the left. */
.card-purchase-bar{direction:rtl!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:62px!important;padding:9px 13px!important}
.card-purchase-bar strong{order:0!important;display:block!important;white-space:nowrap!important;line-height:1!important;font-size:15px!important;font-weight:900!important}
.card-purchase-bar .round-add{order:1!important;position:static!important;width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.card-purchase-bar .round-add .ui-icon{width:22px;height:22px;margin:0!important}

/* Newsletter follows the header-search geometry and focus behavior. */
.newsletter form{height:58px!important;display:flex!important;align-items:center!important;direction:rtl!important;gap:0!important;padding:5px!important;overflow:hidden!important;background:#fff6f2!important;border:1.5px solid #efaaa1!important;border-radius:999px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)!important}
.newsletter form:focus-within{border-color:#eb6d68!important;box-shadow:0 0 0 4px rgba(235,109,104,.14),inset 0 0 0 1px #fff!important}
.newsletter input{order:0;flex:1!important;min-width:0!important;height:46px!important;padding:0 20px!important;text-align:right!important;direction:rtl!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#24463d!important}
.newsletter input::placeholder{color:#8b9692;opacity:1}
.newsletter button{order:1;flex:0 0 auto!important;height:46px!important;padding-inline:22px!important;border:0!important;border-radius:999px!important;box-shadow:none!important}

@media(max-width:1050px) and (min-width:701px){.fresh-section .cards-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
  .fresh-section .cards-compact{display:flex!important;overflow-x:auto!important;gap:14px!important;padding:4px 3px 18px!important;scroll-snap-type:x mandatory}
  .fresh-section .card-compact{min-width:82%!important;min-height:490px!important;scroll-snap-align:center}
  .fresh-section .card-compact .card-cover{min-height:286px!important;padding:20px 18px!important}
  .fresh-section .card-compact .book-visual{width:min(78%,190px)!important}
  .book-card .card-cover{padding-inline:22px!important}
  .book-card .book-visual{max-width:calc(100% - 18px)!important}
  .book-card>.book-hover-panel{inset:12px 12px 72px!important;padding:15px!important}
  .book-card>.book-hover-panel dl div{grid-template-columns:minmax(76px,.72fr) minmax(0,1.28fr)!important;font-size:13px!important;padding:6px 0!important}
  .newsletter form{width:100%!important;height:56px!important}
  .newsletter input{padding-inline:15px!important}
  .newsletter button{height:44px!important;padding-inline:16px!important}
}