/* ===== QT Core 2.4.0: product page blocks (approved mockup v3) =====
   One template for books and free resources. Container queries,
   so every block reflows to the column it sits in. */

:root{--qt-photo:#eceff2}
.qt-pdpc{container-type:inline-size}
.qt-pdp{--gut:40px;--sec:128px;max-width:1240px;margin:0 auto;padding:0 var(--gut) 24px}
.qt-pdp a:not(.qt-btn){color:inherit}
.qt-sec{padding-top:var(--sec)}
.qt-sec__hd{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:36px}
.qt-sec__hd h2{margin:10px 0 0}
.qt-sec__hd p{margin:12px 0 0;max-width:36em;color:var(--qt-text)}
.qt-pdp .qt-h2{font:800 36px/1.12 var(--qt-head);color:var(--qt-navy);margin:0;letter-spacing:-.015em;text-wrap:balance}
.qt-pdp .qt-h4{font:700 20px/1.25 var(--qt-head);color:var(--qt-navy);margin:0}

/* breadcrumb */

/* ---------- HERO: gallery + buy box ---------- */
.qt-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:80px;align-items:start}
.qt-gal{position:sticky;top:calc(var(--qt-sticky-top,0px) + 24px)}
.qt-gal__stage{position:relative;aspect-ratio:1;border-radius:28px;background:var(--qt-photo);overflow:hidden;touch-action:pan-y;outline:0}
.qt-gal__stage:focus-visible{box-shadow:0 0 0 3px var(--qtc-accent-100,#d3eeec)}
.qt-gal__track{display:flex;height:100%;transition:transform .55s var(--qt-ease-out)}
.qt-gal__slide{flex:0 0 100%;height:100%;display:grid;place-items:center;cursor:zoom-in;position:relative}
.qt-gal__slide>img{width:100%;height:100%;object-fit:cover;display:block}
.qt-gal__slide .qt-shelf{width:100%;height:100%;aspect-ratio:auto;padding-bottom:13%}
.qt-gal__slide .qt-shelf::after{bottom:11%}
.qt-gal__slide .qt-book,.qt-gal__slide .qt-art{width:min(calc(60% * var(--ar)),60%)}
/* two editions standing together, before a madhab is chosen */
.qt-duo{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;padding-bottom:13%;position:relative}
.qt-duo::after{content:"";position:absolute;left:14%;right:14%;bottom:11%;height:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(15,30,45,.2),rgba(15,30,45,0))}
.qt-duo .qt-book,.qt-duo .qt-art{width:38%;margin:0 -3%}
.qt-duo .qt-book:first-child,.qt-duo .qt-art:first-child{z-index:2;transform:rotate(-4deg) translateY(-1%)}
.qt-duo .qt-book:last-child,.qt-duo .qt-art:last-child{transform:rotate(4deg) translateY(1%)}
.qt-gal__stage>.qt-badge{position:absolute;left:22px;top:22px;z-index:2}
.qt-gal__cap{position:absolute;left:22px;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);font:400 13.5px/1 var(--qt-body);color:var(--qt-navy);pointer-events:none;transition:opacity .3s}
.qt-gal__cap:empty{opacity:0}
.qt-gal__nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:var(--qt-navy);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:0 4px 14px rgba(15,30,45,.12)}
.qt-gal__nav svg{width:18px;height:18px}
.qt-gal__nav--p{left:16px}.qt-gal__nav--n{right:16px}
.qt-gal__stage:hover .qt-gal__nav,.qt-gal__nav:focus-visible{opacity:1}
.qt-gal__thumbs{display:flex;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.qt-gal__thumbs button{display:block;width:64px;aspect-ratio:1;padding:0;border:0;border-radius:14px;background:var(--qt-photo);overflow:hidden;cursor:pointer;opacity:.62;transition:opacity .2s,box-shadow .2s}
.qt-gal__thumbs button:hover{opacity:1}
.qt-gal__thumbs button img{width:100%;height:100%;object-fit:contain;display:block}
.qt-gal__thumbs button[aria-current=true]{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--qtc-accent,#048a7c)}
.qt-gal__thumbs .is-flat{display:grid;place-items:center}.qt-gal__thumbs .is-flat img{width:52%;height:auto;object-fit:contain;box-shadow:0 1px 2px rgba(15,30,45,.2),2px 4px 6px -3px rgba(15,30,45,.3)}
.qt-gal__dots{display:none;justify-content:center;gap:6px;margin-top:14px}
.qt-gal__dots i{width:6px;height:6px;border-radius:9px;background:var(--qt-line-strong);transition:width .3s var(--qt-ease-out),background .3s}
.qt-gal__dots i.on{width:20px;background:var(--qtc-accent,#048a7c)}

.qt-buy{padding-top:8px;max-width:520px}
.qt-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font:400 14px/1.3 var(--qt-body);color:var(--qt-muted)}
.qt-eyebrow i{width:9px;height:9px;border-radius:9px;background:var(--c)}
.qt-eyebrow a{text-decoration:none;color:var(--qt-navy)}.qt-eyebrow a:hover{color:var(--qtc-accent,#048a7c)}
.qt-eyebrow span[aria-hidden]{color:var(--qt-line-strong)}
.qt-buy h1{font:800 44px/1.06 var(--qt-head);color:var(--qt-navy);margin:16px 0 14px;letter-spacing:-.02em;text-wrap:balance}
.qt-rate{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--qt-muted);text-decoration:none}
.qt-rate:hover span:last-child{color:var(--qtc-accent,#048a7c);text-decoration:underline}
.qt-stars{display:inline-flex;gap:2px;color:#f7ad00}.qt-stars svg{width:16px;height:16px}
.qt-rate b{font:600 15px/1 var(--qt-head);color:var(--qt-navy)}
/* 2.6.13: stars, score and count share one centre line (QT faces, line-height 1, no baseline nudges). */
:root .qt-rate{display:inline-flex;align-items:center;gap:8px;line-height:1}
:root .qt-rate .qt-stars{display:flex;align-items:center}:root .qt-rate .qt-stars svg{display:block}
:root .qt-rate b,:root .qt-rate span{display:block;margin:0;padding:0}
:root .qt-rate>span:last-child{font:400 14px/1 var(--qt-body);color:var(--qt-muted)}
:root .qt-rate:hover>span:last-child{color:var(--qtc-accent,#048a7c);text-decoration:underline;text-underline-offset:3px}
.qt-buy__lead{font-size:17px;line-height:1.6;margin:20px 0 0;color:var(--qt-text)}
.qt-buy__price{display:flex;align-items:baseline;gap:10px;margin:28px 0 0}
.qt-buy__price .qt-price{font-size:30px;line-height:1}
.qt-buy__price s{font:400 17px/1 var(--qt-body);color:var(--qt-muted)}
.qt-buy__price .qt-price.is-free{color:var(--qtc-accent-700,#03776a)}
.qt-buy__price small{font:400 15px/1 var(--qt-body);color:var(--qt-muted)}

/* madhab chips (radio group) */
.qt-madhab{margin:32px 0 0;padding:0;border:0;min-width:0}
.qt-madhab legend{display:flex;align-items:baseline;gap:10px;padding:0;margin:0 0 14px;width:100%}
.qt-madhab legend .qt-label{color:var(--qt-navy)}
.qt-madhab__sel{font:400 14px/1 var(--qt-body);color:var(--qt-muted)}
.qt-madhab__chips{display:flex;flex-wrap:wrap;gap:10px}
.qt-mchip{position:relative;display:inline-flex}
.qt-mchip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.qt-mchip span{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line-strong);font:400 15.5px/1 var(--qt-body);color:var(--qt-ink);white-space:nowrap;transition:box-shadow .15s,background-color .2s,color .2s,scale var(--qt-spring-dur) var(--qt-spring),padding var(--qt-spring-dur) var(--qt-spring)}
.qt-mchip span::before{content:"";width:0;height:14px;margin-right:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") left center/14px no-repeat;transition:width var(--qt-spring-dur) var(--qt-spring),margin var(--qt-spring-dur) var(--qt-spring)}
.qt-mchip:hover input:not(:disabled)+span{box-shadow:inset 0 0 0 1.5px var(--qt-navy)}
.qt-mchip input:active+span{scale:var(--qt-ctl-press)}
.qt-mchip input:checked+span{background:var(--qt-navy);color:#fff;box-shadow:none}
.qt-mchip input:checked+span::before{width:14px;margin-right:0}
.qt-mchip input:focus-visible+span{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:3px}
.qt-mchip input:disabled{cursor:default}
.qt-mchip input:disabled+span{color:#8a96a1;background:transparent;box-shadow:inset 0 0 0 1px var(--qt-line)}
.qt-mchip small{font:400 12.5px/1 var(--qt-body);color:#a3adb6}
.qt-madhab__note{margin:14px 0 0;font-size:14.5px;line-height:1.55;color:var(--qt-muted);min-height:3.1em}
.qt-madhab.is-nudge .qt-madhab__chips{animation:qt-nudge .5s var(--qt-ease-out)}
.qt-madhab.is-nudge legend .qt-label{color:var(--qtc-accent-700,#03776a)}
@keyframes qt-nudge{20%{transform:translateX(-6px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}}
.qt-allmad{display:inline-flex;align-items:center;gap:10px;margin:32px 0 0;padding:12px 16px;border-radius:14px;background:var(--qtc-accent-50,#e6f5f4);box-shadow:inset 0 0 0 1px rgba(4,138,124,.18);font-size:15px;color:var(--qtc-accent-700,#03776a)}
.qt-allmad svg{width:18px;height:18px;flex:none}

/* buy row */
.qt-act{margin-top:24px}
.qt-buyrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}
/* 2.6.0: on narrow phones "Add to cart · £4.00" wraps instead of pushing past the screen edge */
.qt-buyrow .qt-btn{min-width:0;white-space:normal;text-align:center;line-height:1.15}
@media (max-width:400px){.qt-buyrow{gap:8px}.qt-buyrow .qt-btn{--px:14px}}
.qt-qty{display:inline-grid;grid-template-columns:44px 40px 44px;align-items:center;height:56px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--qt-line-strong);background:#fff}
.qt-qty button{height:56px;border:0;background:none;color:var(--qt-navy);cursor:pointer;display:grid;place-items:center;border-radius:999px}
.qt-qty button:hover{color:var(--qtc-accent,#048a7c)}.qt-qty button:disabled{color:var(--qt-line-strong);cursor:default}
.qt-qty svg{width:16px;height:16px}
.qt-qty input{width:100%;border:0;background:none;text-align:center;font:600 17px/1 var(--qt-head);color:var(--qt-navy);-moz-appearance:textfield;padding:0}
.qt-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.qt-qty.is-off{opacity:.45;pointer-events:none}
.qt-act .qt-btn{--h:56px;--fs:15px}
.qt-btn--wait{background:#eef2f4;color:var(--qt-navy);box-shadow:none}
.qt-btn--wait:hover{background:#e4e9ed}
.qt-act__sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:16px 4px 0;font-size:14.5px;color:var(--qt-text)}
.qt-stock{display:inline-flex;align-items:center;gap:9px;margin:0}
.qt-stock i{display:none}/* 2.6.13: no dots before labels */
.qt-stock.is-quiet{color:var(--qt-muted)}
/* format tiles (printed / PDF): the choice switches the button */
.qt-formats{display:grid;gap:10px;margin:28px 0 0;padding:0;border:0;min-width:0}
.qt-formats legend{padding:0;margin:0 0 14px}
.qt-formats legend .qt-label{color:var(--qt-navy)}
.qt-fmt{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line-strong);cursor:pointer;transition:box-shadow .2s,background-color .2s}
.qt-fmt:hover{box-shadow:inset 0 0 0 1px var(--qt-navy)}
.qt-fmt:has(input:checked){box-shadow:inset 0 0 0 2px var(--qtc-accent,#048a7c);background:var(--qtc-accent-50,#e6f5f4)}
.qt-fmt:has(input:focus-visible){outline:3px solid rgba(4,138,124,.35);outline-offset:2px}
.qt-fmt.is-off{cursor:not-allowed;opacity:.55}
.qt-fmt input{position:absolute;opacity:0;pointer-events:none}
.qt-fmt__dot{width:22px;height:22px;border-radius:99px;box-shadow:inset 0 0 0 2px var(--qt-line-strong);display:grid;place-items:center;transition:box-shadow var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-fmt__dot::after{content:"";width:8px;height:8px;border-radius:9px;background:#fff;scale:0;transition:scale var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-fmt:has(input:checked) .qt-fmt__dot{box-shadow:inset 0 0 0 11px var(--qtc-accent,#048a7c)}
.qt-fmt:has(input:checked) .qt-fmt__dot::after{scale:1}
.qt-fmt__name{font:600 16px/1.25 var(--qt-head);color:var(--qt-navy);display:block}
.qt-fmt__sub{font-size:13.5px;color:var(--qt-muted);line-height:1.4;display:block;margin-top:3px}
.qt-fmt__price{font:600 16px/1 var(--qt-head);color:var(--qt-navy);white-space:nowrap}
.qt-fmt__price.is-free{color:var(--qtc-accent,#048a7c)}
.qt-act>.qt-stock{display:flex;margin:16px 4px 0;font-size:14.5px;color:var(--qt-text)}
.qt-act>.qt-stock.is-quiet{color:var(--qt-muted)}
/* free delivery meter */
.qt-ship{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--qt-surface);font-size:14px;color:var(--qt-text)}
.qt-ship b{font-family:var(--qt-head);font-weight:600;color:var(--qt-navy)}
.qt-ship__bar{height:6px;border-radius:6px;background:#e3e8ec;margin-top:10px;overflow:hidden}
.qt-ship__bar i{display:block;height:100%;width:var(--p);background:var(--qtc-accent,#048a7c);border-radius:6px;transition:width .6s var(--qt-ease-out)}
/* product tags */
.qt-topics{margin-top:32px}
.qt-topics ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.qt-topics a{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line);font-size:13.5px;color:var(--qt-text)!important;text-decoration:none;transition:box-shadow .15s,color .15s,background-color .15s}
.qt-topics a:hover{box-shadow:inset 0 0 0 1px var(--qtc-accent,#048a7c);color:var(--qtc-accent-700,#03776a)!important;background:var(--qtc-accent-50,#e6f5f4)}
.qt-topics:not(.is-open) li:nth-child(n+13){display:none}
.qt-topics__more{margin-top:12px;border:0;background:none;padding:0;font:400 14.5px/1 var(--qt-body);color:var(--qtc-accent,#048a7c);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qt-give{display:flex;gap:10px;align-items:flex-start;margin:36px 0 0;padding-top:24px;border-top:1px solid var(--qt-line);font-size:14px;line-height:1.55;color:var(--qt-muted)}
.qt-give svg{width:18px;height:18px;flex:none;color:#d08a00;margin-top:1px}
.qt-give a{color:var(--qt-navy);text-underline-offset:3px}
/* "from the book" link (resources) */
.qt-from{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;margin:36px 0 0;padding:14px 18px 14px 14px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--qt-line);text-decoration:none;transition:box-shadow .2s,background-color .2s}
.qt-from:hover{box-shadow:inset 0 0 0 1px var(--qtc-accent,#048a7c);background:var(--qtc-accent-50,#e6f5f4)}
.qt-from img{width:52px;display:block;box-shadow:0 1px 2px rgba(15,30,45,.2),2px 4px 6px -3px rgba(15,30,45,.3)}
.qt-from small{display:block;font-size:13px;color:var(--qt-muted)}
.qt-from b{display:block;margin-top:3px;font:600 15.5px/1.3 var(--qt-head);color:var(--qt-navy)}
.qt-from svg{width:18px;height:18px;color:var(--qtc-accent,#048a7c);transition:transform .2s var(--qt-ease-out)}
.qt-from:hover svg{transform:translateX(3px)}

/* ---------- INSIDE (replaces the counter row) ---------- */
.qt-inside{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:center}
.qt-glance{list-style:none;margin:36px 0 0;padding:0}
.qt-glance li{display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:baseline;padding:20px 0;border-top:1px solid var(--qt-line)}
.qt-glance li:last-child{border-bottom:1px solid var(--qt-line)}
.qt-glance b{font:700 22px/1.2 var(--qt-head);color:var(--qtc-accent-700,#03776a);letter-spacing:-.01em}
.qt-glance span{font-size:16px;line-height:1.5;color:var(--qt-text)}
.qt-shot{margin:0}
.qt-shot__img{position:relative;aspect-ratio:1;border-radius:28px;background:var(--qt-photo);overflow:hidden;cursor:zoom-in}
.qt-shot__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .6s var(--qt-ease-out)}
.qt-shot__img:hover img{transform:scale(1.025)}
.qt-shot__img img.is-out{opacity:0}
.qt-shot figcaption{display:flex;justify-content:space-between;gap:12px;margin:14px 4px 0;font-size:14px;color:var(--qt-muted)}
.qt-shot figcaption b{font-weight:400;color:var(--qt-navy)}

/* ---------- ABOUT + DETAILS ---------- */
.qt-about{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:80px}
/* one-line summary (2.5.0): what it is and who it is for, in one plain sentence */
.qt-summary{margin:18px 0 0;padding:16px 18px;border-radius:14px;background:var(--qtc-accent-50,#e6f5f4);font:400 17px/1.6 var(--qt-body);color:var(--qt-ink);text-wrap:pretty}
@media (max-width:640px){.qt-summary{font-size:16px;padding:14px 16px}}
.qt-ticks{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:18px}
.qt-ticks li{display:grid;grid-template-columns:24px 1fr;gap:14px;font-size:17px;line-height:1.55}
.qt-ticks li::before{content:"";width:24px;height:24px;margin-top:1px;border-radius:99px;background:var(--qtc-accent-50,#e6f5f4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23048a7c' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.qt-specs{margin:32px 0 0}
.qt-specs div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--qt-line);font-size:15px}
.qt-specs div:first-child{border-top:1px solid var(--qt-line)}
.qt-specs dt{color:var(--qt-muted)}.qt-specs dd{margin:0;color:var(--qt-navy);text-align:right}
.qt-specs dd a{color:var(--qtc-accent,#048a7c)!important;text-decoration:none}.qt-specs dd a:hover{text-decoration:underline}
.qt-for{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.qt-for span{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:var(--qt-surface);font-size:14px;color:var(--qt-text)}

/* ---------- BUNDLE (madhab aware) ---------- */
.qt-bundle{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center;padding:56px;border-radius:32px;background:#fdf8ec}
.qt-fan{position:relative;aspect-ratio:5/4;display:flex;justify-content:center;align-items:flex-end;padding-bottom:12%}
.qt-fan::after{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(15,30,45,.2),transparent)}
.qt-fan img{position:relative;z-index:1;width:30%;margin:0 -5%;box-shadow:0 1px 2px rgba(15,30,45,.12),4px 8px 14px -6px rgba(15,30,45,.3);transform-origin:50% 100%;transition:transform .45s var(--qt-ease-out),filter .3s,opacity .3s}
.qt-fan img:nth-child(1){transform:rotate(-9deg) translateY(4%)}
.qt-fan img:nth-child(2){z-index:2;transform:translateY(-2%)}
.qt-fan img:nth-child(3){transform:rotate(9deg) translateY(4%)}
.qt-bundle:hover .qt-fan:not(.qt-fan--5) img:nth-child(1){transform:rotate(-13deg) translate(-6%,2%)}
.qt-bundle:hover .qt-fan:not(.qt-fan--5) img:nth-child(3){transform:rotate(13deg) translate(6%,2%)}
.qt-fan img.is-off{filter:grayscale(1);opacity:.35}
.qt-bundle__list{list-style:none;margin:28px 0 0;padding:0;display:grid}
.qt-bundle .qt-bline{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 0;font-size:15.5px;cursor:pointer;border-top:1px solid #f1e6c8}
.qt-bundle .qt-bundle__list li:first-child .qt-bline{border-top:0}
.qt-bundle .qt-bline.is-off{cursor:default;color:var(--qt-muted)}
.qt-bundle .qt-bline s{color:var(--qt-muted);font-size:13px;margin-right:6px}
.qt-bundle .qt-bline .p{font:600 15px/1 var(--qt-head);color:var(--qt-navy);white-space:nowrap}
.qt-bundle .qt-bline em{font-style:normal;font-size:13px;color:var(--qt-muted);display:block;margin-top:2px}
.qt-bundle .qt-bline em.is-warn{color:#8a5300}
.qt-bundle .qt-bmad{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.qt-bundle .qt-bmad button{height:30px;padding:0 12px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line-strong);font:400 13.5px/1 var(--qt-body);color:var(--qt-ink);cursor:pointer;transition:background .2s,color .2s,box-shadow .15s,scale var(--qt-spring-dur) var(--qt-spring)}
.qt-bundle .qt-bmad button:hover{box-shadow:inset 0 0 0 1.5px var(--qt-navy)}
.qt-bundle .qt-bmad button:active{scale:var(--qt-ctl-press)}
.qt-bundle .qt-bmad button[aria-pressed=true]{background:var(--qt-navy);color:#fff;box-shadow:none}
.qt-bundle .qt-bmad button:disabled{opacity:.5;cursor:default;box-shadow:inset 0 0 0 1px var(--qt-line)}
.qt-bundle__tot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid #ecdcb1}
.qt-bundle__tot .qt-price{font-size:28px}
.qt-bundle__tot s{color:var(--qt-muted);margin-left:8px;font:400 15px var(--qt-body)}
.qt-save{display:block;margin-top:6px;font-size:14px;color:#1a7f56}

/* ---------- SERIES (by madhab) ---------- */
.qt-series{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.qt-lvl{display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}
.qt-lvl .qt-shelf{border-radius:20px;transition:background-color .25s}
.qt-lvl[aria-current] .qt-shelf{background:var(--qtc-accent-50,#e6f5f4)}
.qt-lvl .qt-book,.qt-lvl .qt-art{width:min(calc(66% * var(--ar)),66%)}
.qt-lvl__l{margin-top:12px;font:600 15px/1.2 var(--qt-head);color:var(--qt-navy)}
.qt-lvl__s{margin-top:4px;font-size:13.5px;line-height:1.35;color:var(--qt-muted)}
.qt-lvl__s.is-in{color:#1a7f56}
.qt-lvl.is-soon .qt-book,.qt-lvl.is-soon .qt-art{filter:saturate(.25);opacity:.55}
.qt-lvl[aria-current] .qt-lvl__l::after{content:" · this book";font:400 13.5px var(--qt-body);color:var(--qtc-accent-700,#03776a)}

/* ---------- LESSON SET (resources, madhab aware) ---------- */
.qt-set .qt-grid{--cols:4}
/* 2.6.10: all-landscape rows get a shorter cover box (set by PHP), so no empty band above the slides */
.qt-set .qt-grid[style*="--qt-shelf-ar"] .qt-shelf{aspect-ratio:var(--qt-shelf-ar)}
.qt-rtile{position:relative;aspect-ratio:1;border-radius:20px;background:var(--qt-photo);overflow:hidden}
.qt-rtile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--qt-ease-out)}
.qt-card:hover .qt-rtile img{transform:scale(1.04)}
.qt-mtag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:400 12.5px/1 var(--qt-body);background:var(--qt-surface);color:var(--qt-text);box-shadow:inset 0 0 0 1px var(--qt-line)}
.qt-mtag.is-all{background:var(--qtc-accent-50,#e6f5f4);color:var(--qtc-accent-700,#03776a);box-shadow:none}
.qt-set__tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}

/* ---------- REVIEWS ---------- */
.qt-revs{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:80px;align-items:start}
.qt-score{position:sticky;top:calc(var(--qt-sticky-top,0px) + 24px)}
.qt-score__n{font:800 72px/1 var(--qt-head);color:var(--qt-navy);letter-spacing:-.03em;margin-top:14px}
.qt-score .qt-stars{margin-top:10px}.qt-score .qt-stars svg{width:20px;height:20px}
.qt-score p{margin:12px 0 28px;font-size:14.5px;color:var(--qt-muted)}
.qt-rev{padding:32px 0;border-bottom:1px solid var(--qt-line)}
.qt-rev:first-child{padding-top:0}
.qt-rev__q{font:400 19px/1.6 var(--qt-body);color:var(--qt-ink);margin:0 0 16px;text-wrap:pretty}
.qt-rev__q.is-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.qt-rev__more{border:0;background:none;padding:0;margin:-6px 0 16px;font:400 15px/1 var(--qt-body);color:var(--qtc-accent,#048a7c);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qt-rev__by{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--qt-muted)}
.qt-rev__by b{font:600 15px/1 var(--qt-head);color:var(--qt-navy)}
.qt-verified{display:inline-flex;align-items:center;gap:4px;color:#1a7f56;font-size:13.5px}
.qt-verified svg{width:14px;height:14px}
.qt-silent{padding:28px 0 0;font-size:14.5px;color:var(--qt-muted)}
.qt-noreview{padding:48px 32px;border-radius:24px;background:var(--qt-surface);text-align:center}
.qt-noreview p{margin:8px auto 22px;max-width:30em;color:var(--qt-text)}

/* ---------- FAQ ---------- */
.qt-faqwrap{max-width:820px;margin:0 auto}
.qt-faqwrap>div:first-child{text-align:center;margin-bottom:40px}

/* ---------- sticky bar ---------- */
.qt-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:14px;padding:10px max(20px,calc((100vw - 1240px)/2)) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--qt-line),0 -8px 24px rgba(15,30,45,.06);transform:translateY(110%);visibility:hidden;transition:transform .4s var(--qt-ease-out),visibility 0s linear .4s}
.qt-bar.is-on{transform:none;visibility:visible;transition-delay:0s}
.qt-bar__cv{position:relative;display:block;flex:none;height:46px;aspect-ratio:var(--ar,.707);box-shadow:0 1px 2px rgba(15,30,45,.2)}
.qt-bar__cv img{display:block;width:100%;height:100%;object-fit:cover}
.qt-bar__cv.is-book::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(6% - 1px),rgba(255,255,255,.18) calc(6% - 1px),rgba(255,255,255,.18) 6%,rgba(0,0,0,.08) 8%,transparent 12%)}
html.qt-bar-on body{padding-bottom:var(--qt-bar-h,72px)}
.qt-bar__t{flex:1;min-width:0}
.qt-bar__t b{display:block;font:600 14px/1.25 var(--qt-head);color:var(--qt-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qt-bar__t span{font-size:13.5px;color:var(--qt-muted)}
.qt-bar .qt-btn{--h:44px;--px:20px}

/* ---------- lightbox ---------- */
.qt-lb{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(10,24,38,.92);color:#fff}
.qt-lb[open]{display:grid;grid-template-rows:auto 1fr auto}
.qt-lb::backdrop{background:transparent}
.qt-lb__top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font:400 14px/1 var(--qt-body)}
.qt-lb__img{display:grid;place-items:center;min-height:0;padding:0 72px}
.qt-lb__img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}
.qt-lb button{width:48px;height:48px;border-radius:99px;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}
.qt-lb button:hover{background:rgba(255,255,255,.22)}
.qt-lb svg{width:20px;height:20px}
.qt-lb__nav{display:flex;justify-content:center;gap:12px;padding:16px}

/* ---------- narrow containers ---------- */
@container (max-width:1000px){
  .qt-hero{gap:48px}
  .qt-inside,.qt-about,.qt-revs{gap:48px}
  .qt-series{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
}
@container (max-width:860px){
  .qt-pdp{--sec:96px}
  .qt-hero{grid-template-columns:minmax(0,1fr);gap:32px}
  .qt-gal{position:static}
  .qt-buy{max-width:none}
  .qt-inside,.qt-about,.qt-revs{grid-template-columns:minmax(0,1fr);gap:36px}
  .qt-faqwrap>div:first-child{text-align:left;margin-bottom:24px}
  .qt-score{position:static}
  .qt-bundle{grid-template-columns:minmax(0,1fr);gap:16px}
  .qt-fan{max-width:420px;width:100%;justify-self:center}
  .qt-fan.qt-fan--5{max-width:560px}
  .qt-set .qt-grid{--cols:2}
}
@container (max-width:640px){
  .qt-pdp{--gut:16px;--sec:80px}
  .qt-crumbs{padding:12px 0 14px;font-size:13px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
  .qt-crumbs li:not(:nth-last-child(2)){display:none}
  .qt-crumbs li:nth-last-child(2)::before{content:"‹";margin-right:6px;color:var(--qt-muted)}
  .qt-crumbs li+li::before{content:none}
  .qt-gal{margin:0 calc(var(--gut)*-1)}
  .qt-gal__stage{border-radius:0}
  .qt-gal__thumbs,.qt-gal__nav{display:none}
  .qt-gal__dots{display:flex}
  .qt-gal__cap{left:16px;bottom:14px}
  .qt-gal__stage>.qt-badge{left:16px;top:16px}
  .qt-buy h1{font-size:32px;margin-top:12px}
  .qt-buy__lead{font-size:16px}
  .qt-buy__price{margin-top:22px}
  .qt-buy__price .qt-price{font-size:26px}
  .qt-madhab{margin-top:26px}
  .qt-madhab__chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .qt-mchip span{width:100%;justify-content:center;height:46px;padding:0 12px;font-size:15px}
  .qt-shot figcaption{flex-direction:column;gap:2px}
  .qt-pdp .qt-h2{font-size:28px}
  .qt-sec__hd{margin-bottom:24px}
  .qt-glance{margin-top:24px}
  .qt-glance li{grid-template-columns:104px 1fr;gap:14px;padding:16px 0}
  .qt-glance b{font-size:19px}
  .qt-glance span{font-size:15px}
  .qt-shot__img{border-radius:22px}
  .qt-ticks li{font-size:16px}
  .qt-bundle{padding:28px 20px;border-radius:24px}
  .qt-bundle__tot .qt-btn{width:100%}
  .qt-series{grid-template-columns:repeat(6,132px);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut);gap:14px}
  .qt-score__n{font-size:56px}
  .qt-rev{padding:26px 0}
  .qt-rev__q{font-size:17px}
  .qt-faq summary{font-size:16.5px;padding:20px 0}
  .qt-faq__a{padding-right:0}
  .qt-set .qt-grid{gap:24px 14px}
  .qt-lb__img{padding:0 12px}
  .qt-bar__t span{display:none}
}
@media (max-width:640px){:root .qt-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:12px}:root .qt-bar .qt-bar__cv,:root .qt-bar img,:root .qt-bar__t span{display:none}:root .qt-bar__t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (prefers-reduced-motion:reduce){.qt-pdp *,.qt-bar{transition:none!important;animation:none!important}}

/* ---------- 2.4.0 additions for the live blocks ---------- */
.qt-pdpb{margin-block:0}
.qt-pdp .qt-sec:first-child{padding-top:var(--qt-pdp-first,var(--sec))}
.qt-pdpb--hero .qt-sec:first-child{padding-top:0}
.qt-buy .qt-buy__price{min-height:30px}
.qt-buy form{margin:0}
.qt-madhab__chips .qt-mchip input:disabled+span{cursor:default}
.qt-fmt__price.is-free,.qt-buy__price .qt-price.is-free{color:var(--qtc-accent-700,#03776a)}
.qt-lvl__s.is-in{color:#1a7f56}
.qt-rev.is-more{display:none}
.qt-revs.is-all .qt-rev.is-more{display:block}
.qt-revs__all{border:0;background:none;padding:0;font:inherit;color:var(--qtc-accent,#048a7c);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qt-revform{margin-top:20px;padding:24px;border-radius:20px;background:var(--qt-surface);display:grid;gap:14px;text-align:left}
.qt-revform[hidden]{display:none}
.qt-revform .qt-stars-in{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;border:0;padding:0;margin:0}
.qt-revform .qt-stars-in legend{float:left;width:100%;margin-bottom:6px;font:600 14px/1.2 var(--qt-head);color:var(--qt-navy)}
.qt-revform .qt-stars-in input{position:absolute;opacity:0;width:1px;height:1px}
.qt-revform .qt-stars-in label{cursor:pointer;color:#d3dbe2;transition:color .15s}
.qt-revform .qt-stars-in label svg{width:28px;height:28px}
.qt-revform .qt-stars-in input:checked~label,.qt-revform .qt-stars-in label:hover,.qt-revform .qt-stars-in label:hover~label{color:#f7ad00}
.qt-revform .qt-stars-in input:focus-visible+label{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:2px;border-radius:4px}
.qt-revform .qt-field__input{background:#fff}
.qt-revform .qt-small{margin:0;color:var(--qt-muted)}
.qt-gal__slide>img{background:var(--qt-photo)}
.qt-gal__thumbs li[hidden]{display:none}
.qt-shot__img img{display:block}
.qt-noshot .qt-inside{grid-template-columns:minmax(0,1fr)}
@container (max-width:860px){.qt-bar{display:flex}}
.qt-pdpb .screen-reader-text,.qt-sheet .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.qt-pdp a.qt-lvl,.qt-pdp a.qt-from,.qt-pdp .qt-eyebrow a,.qt-pdp .qt-rate{text-decoration:none}
.qt-pdp .qt-crumbs a{text-decoration:none}

/* 2.6.4 product page v4 */
.qt-duo .qt-book{width:38%;margin:0 -3%}
.qt-duo .qt-book:first-child{z-index:2;transform:rotate(-4deg) translateY(-1%)}
.qt-duo .qt-book:last-child{transform:rotate(4deg) translateY(1%)}
.qt-buyrow{display:grid;grid-template-columns:auto 1fr;gap:12px}
.qt-bline{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 0;font-size:15.5px;cursor:pointer;border-top:1px solid #f1e6c8}
.qt-bundle__list li:first-child .qt-bline{border-top:0}
.qt-bline s{color:var(--qt-muted);font-size:13px;margin-right:6px}
.qt-bline .p{font:600 15px/1 var(--qt-head);color:var(--qt-navy);white-space:nowrap}
.qt-bline em{font-style:normal;font-size:13px;color:var(--qt-muted);display:block;margin-top:2px}
.qt-bmad{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.qt-bmad button{height:30px;padding:0 12px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line-strong);font:400 13.5px/1 var(--qt-body);color:var(--qt-ink);cursor:pointer;transition:background .2s,color .2s,box-shadow .15s,scale var(--qt-spring-dur) var(--qt-spring)}
.qt-bmad button:disabled{opacity:.5;cursor:default;box-shadow:inset 0 0 0 1px var(--qt-line)}
.qt-cb{position:relative;width:22px;height:22px}
.qt-cb span{position:absolute;inset:0;border-radius:7px;box-shadow:inset 0 0 0 2px var(--qt-line-strong);background:#fff;transition:box-shadow var(--qt-spring-dur,.5s) var(--qt-spring,ease),scale .2s}
.qt-cb span::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.4px 2.4px 0;rotate:45deg;scale:0;transition:scale var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-buy h1{font:700 34px/1.14 var(--qt-head);letter-spacing:-.015em;margin:14px 0 12px}
@container (max-width:640px){.qt-buy h1{font-size:28px;margin-top:12px}}
.qt-eyebrow{gap:8px 10px}
.qt-etag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px 0 11px;border-radius:999px;background:var(--t,#e2f3fa);font:400 14px/1 var(--qt-body);color:var(--qt-navy)}
.qt-ai{width:14px;height:14px;flex:none;display:block}
.qt-eyebrow a,.qt-eyebrow span{font:400 14px/1 var(--qt-body)}
.qt-qty{display:inline-flex;align-items:center;gap:0;height:56px;padding:4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--qt-line-strong)}
.qt-qty button{flex:none;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:none;color:var(--qt-navy);display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,scale var(--qt-spring-dur) var(--qt-spring)}
.qt-qty button:hover:not(:disabled){background:var(--qtc-accent-50,#e6f5f4);color:var(--qtc-accent-700,#03776a)}
.qt-qty button:active:not(:disabled){scale:var(--qt-ctl-press)}
.qt-qty button:disabled{color:var(--qt-line-strong);background:none}
.qt-qty input{flex:none;width:44px;height:48px;margin:0;padding:0;border:0;background:none;text-align:center;font:400 17px/48px var(--qt-body);font-variant-numeric:normal;color:var(--qt-ink);appearance:textfield;-moz-appearance:textfield}
.qt-qty input:focus-visible{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:2px;border-radius:8px}
.qt-stock{align-items:flex-start;line-height:1.5}
.qt-mchip span,.qt-for span,.qt-mtag,.qt-etag,.qt-fmt__price,.qt-bmad button{padding-top:0;padding-bottom:0}
.qt-buy .qt-btn,.qt-act .qt-btn{line-height:1}
.qt-madefor{margin-top:32px}
.qt-madefor .qt-for{margin-top:14px}
.qt-topics a::before{content:none;margin:0}
.qt-topics a{padding:0 14px}

/* 2.6.5 */
.qt-notify{margin-top:12px}
.qt-rated{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--qt-line)}
.qt-rated[hidden]{display:none}
.qt-rated li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--qt-line);font-size:14px;color:var(--qt-muted)}
.qt-rated li .qt-stars svg{width:15px;height:15px}
.qt-rated li b{font:600 14.5px/1 var(--qt-head);color:var(--qt-navy)}
.qt-rated li>span:last-child::before{content:"· "}
:root .qt-pdp .qt-rev__q{font-family:var(--qt-body);font-weight:400;font-size:22px;line-height:1.5;letter-spacing:.01em;color:var(--qt-ink)}
:root .qt-pdp .qt-rev__by b{font-weight:600;color:var(--qt-navy)}
:root .qt-pdp .qt-score__n{font-size:72px}
:root .qt-pdp .qt-rev__more:focus,:root .qt-pdp .qt-revs__all:focus,:root .qt-pdp .qt-rev__more:focus:not(:focus-visible),:root .qt-pdp .qt-revs__all:focus:not(:focus-visible){outline:0;box-shadow:none;background:none}
:root .qt-pdp .qt-rev__more:focus-visible,:root .qt-pdp .qt-revs__all:focus-visible{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:3px;border-radius:4px}
:root .qt-buy h1{font-family:var(--qt-head);font-weight:700;font-size:32px;line-height:1.15;letter-spacing:0}
@media (max-width:640px){
  :root .qt-buy h1{font-size:clamp(26px,7vw,30px);line-height:1.15;margin-top:12px}
  :root .qt-pdp .qt-rev__q{font-size:19px}
  :root .qt-pdp .qt-score__n{font-size:56px}
  :root .qt-pdp .qt-h2{font-size:26px;line-height:1.15;letter-spacing:0}
}

/* ---------- 2.6.6 ---------- */
/* Item 1: long download labels wrap to two lines instead of being cut. */
:root a.qt-btn[data-qt-mode="pdf"]{white-space:normal;text-align:center;line-height:1.25;padding-top:10px;padding-bottom:10px}
:root .qt-bar .qt-btn--dl{white-space:normal;text-align:center;line-height:1.2;max-width:min(52vw,300px);padding-top:8px;padding-bottom:8px}
/* Item 2: Complete Level fan with all five area covers. */
.qt-fan--5 .qt-fan__c{box-sizing:border-box;position:relative;z-index:1;flex:0 0 auto;width:23%;aspect-ratio:.707;margin:0 -4.5%;object-fit:cover;box-shadow:0 1px 2px rgba(15,30,45,.12),4px 8px 14px -6px rgba(15,30,45,.3);transform-origin:50% 100%;transition:transform .45s var(--qt-ease-out),filter .3s,opacity .3s}
.qt-fan--5 .qt-fan__c:nth-child(1){transform:rotate(-14deg) translateY(9%)}
.qt-fan--5 .qt-fan__c:nth-child(2){z-index:2;transform:rotate(-7deg) translateY(2%)}
.qt-fan--5 .qt-fan__c:nth-child(3){z-index:3;transform:translateY(-2%)}
.qt-fan--5 .qt-fan__c:nth-child(4){z-index:2;transform:rotate(7deg) translateY(2%)}
.qt-fan--5 .qt-fan__c:nth-child(5){transform:rotate(14deg) translateY(9%)}
.qt-bundle:hover .qt-fan--5 .qt-fan__c:nth-child(1){transform:rotate(-17deg) translate(-8%,7%)}
.qt-bundle:hover .qt-fan--5 .qt-fan__c:nth-child(2){transform:rotate(-8deg) translate(-4%,1%)}
.qt-bundle:hover .qt-fan--5 .qt-fan__c:nth-child(4){transform:rotate(8deg) translate(4%,1%)}
.qt-bundle:hover .qt-fan--5 .qt-fan__c:nth-child(5){transform:rotate(17deg) translate(8%,7%)}
.qt-fan--5 .qt-fan__c.is-off{filter:grayscale(1);opacity:.35}
.qt-fan--5 .qt-fan__ph.is-off{filter:none;opacity:.7}
.qt-fan__ph{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:10% 8%;background:var(--t,#f1f4f7);border-top:6px solid var(--c,#048a7c);border-radius:2px;color:#0f3d63;text-align:left;overflow:hidden}
.qt-fan__ph b{font:700 clamp(8px,.85vw,11px)/1.15 var(--qt-head);color:#0f3d63;overflow-wrap:anywhere}
.qt-fan__ph small{font:400 clamp(7px,.75vw,10px)/1.2 var(--qt-body);color:#5d6a76}
/* 2.6.9: five-cover fan fills its column, sharper covers, straight centre lift */
.qt-fan.qt-fan--5{aspect-ratio:16/10;align-items:center;padding-bottom:0}
.qt-fan.qt-fan--5::after{bottom:7%}
.qt-fan--5 .qt-fan__c{width:28%;margin:0 -5%;object-fit:contain}
/* each cover sits on the one to its left, so every title (top left of a cover) stays readable */
.qt-fan--5 .qt-fan__c:nth-child(1){z-index:1}.qt-fan--5 .qt-fan__c:nth-child(2){z-index:2}.qt-fan--5 .qt-fan__c:nth-child(3){z-index:3}.qt-fan--5 .qt-fan__c:nth-child(4){z-index:4}.qt-fan--5 .qt-fan__c:nth-child(5){z-index:5}
.qt-bundle:hover .qt-fan--5 .qt-fan__c:nth-child(3),.qt-bundle:focus-within .qt-fan--5 .qt-fan__c:nth-child(3){transform:translateY(-5%)}
.qt-bundle:focus-within .qt-fan--5 .qt-fan__c:nth-child(1){transform:rotate(-17deg) translate(-8%,7%)}
.qt-bundle:focus-within .qt-fan--5 .qt-fan__c:nth-child(2){transform:rotate(-8deg) translate(-4%,1%)}
.qt-bundle:focus-within .qt-fan--5 .qt-fan__c:nth-child(4){transform:rotate(8deg) translate(4%,1%)}
.qt-bundle:focus-within .qt-fan--5 .qt-fan__c:nth-child(5){transform:rotate(17deg) translate(8%,7%)}
@container (max-width:640px){.qt-fan.qt-fan--5{max-width:none}.qt-fan--5 .qt-fan__c{width:26%;margin:0 -4.5%}}
@media (max-width:640px){.qt-fan.qt-fan--5{max-width:none}.qt-fan--5 .qt-fan__c{width:26%;margin:0 -4.5%}}
@media (prefers-reduced-motion:reduce){.qt-fan--5 .qt-fan__c{transition:none}.qt-bundle:hover .qt-fan--5 .qt-fan__c:nth-child(n),.qt-bundle:focus-within .qt-fan--5 .qt-fan__c:nth-child(n){transform:none}.qt-fan--5 .qt-fan__c:nth-child(1){transform:rotate(-14deg) translateY(9%)}.qt-fan--5 .qt-fan__c:nth-child(2){transform:rotate(-7deg) translateY(2%)}.qt-fan--5 .qt-fan__c:nth-child(3){transform:translateY(-2%)}.qt-fan--5 .qt-fan__c:nth-child(4){transform:rotate(7deg) translateY(2%)}.qt-fan--5 .qt-fan__c:nth-child(5){transform:rotate(14deg) translateY(9%)}}

/* 2.6.8: WP Armour honeypot fields inside the review form stay off screen */
.qt-revform .altEmail_container,.qt-revform .wpa_hidden_field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}