/* Ndovu Offer Studio: bnov recipe, Black November in Xiaomi orange and black (2.21). Same rules at the end of poster-recipes.css. */
.nos-r-bnov{--bn-o:var(--r-accent);--bn-k:var(--r-bg);--bn-w:var(--r-ink)}
.nos-r-bnov .r-bg{background:var(--bn-k)}
.nos-r-bnov .r-store{left:4.5%;right:auto;top:4.5%;width:25%;height:calc(7.6*var(--u));padding:calc(1.1*var(--u)) calc(1.8*var(--u));background:#fff;border-radius:calc(1.4*var(--u));justify-content:center;box-shadow:0 calc(.5*var(--u)) calc(1.6*var(--u)) rgba(0,0,0,.28)}
.nos-r-bnov .r-store img{object-position:center}
.nos-r-bnov .r-store-name{color:#111;font-size:calc(2*var(--u))}
.nos-r-bnov .bn-head{left:5%;top:15.5%;z-index:6;display:flex;flex-direction:column;align-items:flex-start;max-width:44%;font:700 calc(10.2*var(--u))/.88 var(--r-cond);text-transform:uppercase;letter-spacing:.005em;color:var(--bn-w)}
.nos-r-bnov .bn-head b{display:block;font-weight:700}
.nos-r-bnov .bn-head b+b{color:var(--bn-o)}
.nos-r-bnov .bn-kick{display:inline-block;margin-top:calc(1.4*var(--u));background:var(--bn-o);color:#000;font:800 calc(3*var(--u))/1 var(--r-sans);letter-spacing:.32em;padding:calc(.9*var(--u)) calc(1.6*var(--u)) calc(.9*var(--u)) calc(2*var(--u))}
.nos-r-bnov .r-shot{left:45%;right:3%;top:14%;bottom:14%;z-index:3}
.nos-r-bnov .r-shot img{width:100%;height:100%;object-position:center;filter:drop-shadow(0 calc(1.8*var(--u)) calc(2.2*var(--u)) rgba(0,0,0,.5))}
/* A photo the cut-out engine declined (white box on white) sits on a white card instead of showing a broken cut-out. */
.nos-r-bnov .r-shot img:not([data-nos-transparent]),.nos-r-bnov .r-shot.bn-card img{background:#fff;border-radius:calc(2.4*var(--u));padding:calc(1.6*var(--u));box-sizing:border-box;filter:none;box-shadow:0 calc(1.2*var(--u)) calc(3*var(--u)) rgba(0,0,0,.45)}
.nos-r-bnov:is(.nos-r-l-slash,.nos-r-l-burst,.nos-r-l-split):not(.nos-r-ratio-wide) .r-shot:is(:has(img:not([data-nos-transparent])),.bn-card){left:55%}
.nos-r-bnov .r-shot.bn-card img{padding:calc(3*var(--u))}
.nos-r-bnov .bn-name{left:5%;top:51%;width:38%;z-index:6;font:600 calc(3.5*var(--u))/1.14 var(--r-sans);color:var(--bn-w);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nos-r-bnov .bn-name.bn-long{font-size:calc(3*var(--u))}
.nos-r-bnov .bn-price{left:5%;bottom:15.5%;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:calc(.6*var(--u))}
.nos-r-bnov .bn-var{font:600 calc(2*var(--u))/1 var(--r-sans);opacity:.85}
.nos-r-bnov .bn-was{font:500 calc(3.2*var(--u))/1 var(--r-sans);color:#a7a7a7;text-decoration-color:var(--bn-o)}
.nos-r-bnov .bn-now{font:800 calc(8*var(--u))/.95 var(--r-sans);color:var(--bn-o);letter-spacing:-.01em}
.nos-r-bnov .bn-now .nos-v2-cur{font-size:.42em;margin-right:.08em}
.nos-r-bnov .bn-now .nos-v2-tail{font-size:.45em}
.nos-r-bnov .bn-save{right:5%;top:15%;z-index:7;width:calc(17*var(--u));height:calc(17*var(--u));border-radius:50%;background:var(--bn-o);color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-10deg);box-shadow:0 0 0 calc(.7*var(--u)) var(--bn-k),0 0 0 calc(1.1*var(--u)) var(--bn-o)}
.nos-r-bnov .bn-save small{font:800 calc(2.6*var(--u))/1 var(--r-sans);letter-spacing:.18em;margin-bottom:calc(.5*var(--u))}
.nos-r-bnov .bn-amt{font:800 calc(3.4*var(--u))/1 var(--r-sans)}
.nos-r-bnov .bn-amt .nos-v2-cur{font-size:.6em}
.nos-r-bnov .bn-amt .nos-v2-tail{display:none}
.nos-r-bnov .bn-contact{left:0;right:0;bottom:0;height:11%;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:calc(2*var(--u));padding:0 4.5%;background:var(--bn-o);color:#000}
.nos-r-bnov .bn-loc,.nos-r-bnov .bn-tel{position:relative;display:flex;align-items:center;gap:calc(1.1*var(--u));min-width:0}
.nos-r-bnov .bn-loc svg,.nos-r-bnov .bn-tel svg{flex:none;width:calc(3.6*var(--u));height:calc(3.6*var(--u))}
.nos-r-bnov .bn-loc b{font:600 calc(2.3*var(--u))/1.15 var(--r-sans);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nos-r-bnov .bn-loc svg circle{fill:var(--bn-o)}
.nos-r-bnov .bn-tel{flex:none;display:grid;grid-template-columns:auto auto;column-gap:calc(1.1*var(--u));align-items:center}
.nos-r-bnov .bn-tel svg{grid-row:1/3}
.nos-r-bnov .bn-tel small{font:600 calc(1.7*var(--u))/1 var(--r-sans);text-transform:uppercase;letter-spacing:.06em;opacity:.85}
.nos-r-bnov .bn-tel b{font:800 calc(3.1*var(--u))/1.05 var(--r-sans);white-space:nowrap}
/* slash: orange band slanting behind the product */
.nos-r-bnov.nos-r-l-slash .bn-slash{left:56%;top:-12%;width:30%;height:124%;z-index:-3;background:linear-gradient(180deg,var(--bn-o),#ff8a3d);transform:skewX(-14deg)}
.nos-r-bnov.nos-r-l-slash .bn-rule{left:86%;top:-12%;width:3%;height:124%;z-index:-3;background:var(--bn-o);opacity:.55;transform:skewX(-14deg)}
/* burst: black starburst on an orange poster */
.nos-r-bnov.nos-r-l-burst .r-bg{background:radial-gradient(circle at 70% 48%,#ff8a3d 0%,var(--bn-o) 55%,#e65c00 100%)}
.nos-r-bnov.nos-r-l-burst .bn-burst{left:42%;top:8%;width:64%;height:70%;z-index:-3;color:var(--bn-k);animation:none}
.nos-r-bnov.nos-r-l-burst .bn-burst svg{width:100%;height:100%;display:block}
.nos-r-bnov.nos-r-l-burst .bn-head{color:#000}
.nos-r-bnov.nos-r-l-burst .bn-head b+b{color:#fff;text-shadow:0 calc(.35*var(--u)) 0 rgba(0,0,0,.35)}
.nos-r-bnov.nos-r-l-burst .bn-kick{background:#000;color:var(--bn-o)}
.nos-r-bnov.nos-r-l-burst .r-shot{left:45%;right:5%;top:14%;bottom:22%}
.nos-r-bnov.nos-r-l-burst .bn-name{color:#000;top:52%;width:36%}
.nos-r-bnov.nos-r-l-burst .bn-price{background:#000;padding:calc(1.4*var(--u)) calc(2.4*var(--u));border-radius:calc(1.2*var(--u));transform:rotate(-3deg);bottom:16%}
.nos-r-bnov.nos-r-l-burst .bn-was{color:#c9c9c9}
.nos-r-bnov.nos-r-l-burst .bn-save{top:auto;bottom:17%;right:6%;background:#fff;color:#000;box-shadow:0 0 0 calc(.7*var(--u)) #000}
.nos-r-bnov.nos-r-l-burst .bn-contact{background:#000;color:#fff}
.nos-r-bnov.nos-r-l-burst .bn-loc svg,.nos-r-bnov.nos-r-l-burst .bn-tel svg{color:var(--bn-o)}
.nos-r-bnov.nos-r-l-burst .bn-loc svg circle{fill:#000}
/* split: black copy panel, orange product panel with a slanted seam */
.nos-r-bnov.nos-r-l-split .bn-panel{left:50%;right:0;top:0;bottom:11%;z-index:-3;background:linear-gradient(160deg,#ff8a3d,var(--bn-o) 60%,#e65c00);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.nos-r-bnov.nos-r-l-split .r-shot{left:45%;right:3%;top:17%;bottom:14%}
.nos-r-bnov.nos-r-l-split .bn-save{top:5%;right:5%;background:#000;color:var(--bn-o);box-shadow:none;transform:rotate(8deg)}
.nos-r-bnov.nos-r-l-split .bn-contact{background:#000;color:#fff;border-top:calc(.6*var(--u)) solid var(--bn-o)}
.nos-r-bnov.nos-r-l-split .bn-loc svg,.nos-r-bnov.nos-r-l-split .bn-tel svg{color:var(--bn-o)}
.nos-r-bnov.nos-r-l-split .bn-loc svg circle{fill:#000}
/* stage: centred, the product on a lit podium ring */
.nos-r-bnov.nos-r-l-stage .r-bg{background:radial-gradient(ellipse at 50% 58%,#2a1708 0%,var(--bn-k) 62%)}
.nos-r-bnov.nos-r-l-stage .bn-glow{left:18%;right:18%;top:24%;bottom:22%;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(255,105,0,.42) 0%,rgba(255,105,0,0) 68%)}
.nos-r-bnov.nos-r-l-stage .bn-ring{left:22%;right:22%;bottom:25.5%;height:8%;z-index:1;border-radius:50%;border:calc(.7*var(--u)) solid var(--bn-o);background:radial-gradient(ellipse,rgba(255,105,0,.35),rgba(255,105,0,0) 70%);box-shadow:0 0 calc(3*var(--u)) rgba(255,105,0,.6)}
.nos-r-bnov.nos-r-l-stage .bn-head{left:4%;right:4%;top:14.5%;max-width:none;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:calc(2*var(--u));font-size:calc(7.4*var(--u))}
.nos-r-bnov.nos-r-l-stage .bn-kick{margin-top:0;align-self:center;font-size:calc(2.4*var(--u))}
.nos-r-bnov.nos-r-l-stage .r-shot{left:24%;right:24%;top:24%;bottom:28%}
.nos-r-bnov.nos-r-l-stage .bn-name{left:6%;right:6%;width:auto;top:auto;bottom:21.5%;text-align:center;-webkit-line-clamp:1;font-size:calc(3.1*var(--u))}
.nos-r-bnov.nos-r-l-stage .bn-price{left:0;right:0;bottom:12.5%;flex-direction:row;justify-content:center;align-items:baseline;column-gap:calc(2.4*var(--u))}
.nos-r-bnov.nos-r-l-stage .bn-now{font-size:calc(7*var(--u))}
.nos-r-bnov.nos-r-l-stage .bn-save{top:27%;right:5%;width:calc(15*var(--u));height:calc(15*var(--u))}
.nos-r-bnov.nos-r-l-stage .bn-contact{background:#161616;color:#fff;border-top:calc(.6*var(--u)) solid var(--bn-o)}
.nos-r-bnov.nos-r-l-stage .bn-loc svg,.nos-r-bnov.nos-r-l-stage .bn-tel svg{color:var(--bn-o)}
.nos-r-bnov.nos-r-l-stage .bn-loc svg circle{fill:#161616}
/* tag: a big orange hanging price tag holds the name, price and saving */
.nos-r-bnov.nos-r-l-tag .bn-string{left:76.2%;top:0;width:calc(.5*var(--u));height:31%;z-index:-1;background:linear-gradient(#777,#ccc);transform:rotate(-4deg);transform-origin:top}
.nos-r-bnov.nos-r-l-tag .bn-tag{left:56%;right:3.5%;top:27%;bottom:15%;z-index:4;background:linear-gradient(170deg,#ff8a3d,var(--bn-o) 50%,#e65c00);clip-path:polygon(50% 0,100% 13%,100% 100%,0 100%,0 13%);transform:rotate(-4deg);transform-origin:50% 0}
.nos-r-bnov.nos-r-l-tag .bn-tag i{position:absolute;left:50%;top:6.5%;width:calc(3.4*var(--u));height:calc(3.4*var(--u));margin-left:calc(-1.7*var(--u));border-radius:50%;background:var(--bn-k)}
.nos-r-bnov.nos-r-l-tag .bn-head{max-width:52%;font-size:calc(8.6*var(--u));top:15%}
.nos-r-bnov.nos-r-l-tag .bn-kick{flex-basis:auto;margin-top:calc(1*var(--u))}
.nos-r-bnov.nos-r-l-tag .r-shot{left:3%;right:45%;top:40%;bottom:13%}
.nos-r-bnov.nos-r-l-tag .bn-name{left:59%;right:6.5%;width:auto;top:40%;z-index:6;color:#000;text-align:center;font-size:calc(3*var(--u));transform:rotate(-4deg)}
.nos-r-bnov.nos-r-l-tag .bn-price{left:58%;right:5.5%;bottom:auto;top:57%;z-index:6;align-items:center;transform:rotate(-4deg)}
.nos-r-bnov.nos-r-l-tag .bn-was{color:#3b1a00;text-decoration-color:#000}
.nos-r-bnov.nos-r-l-tag .bn-now{color:#000;font-size:calc(6.4*var(--u))}
.nos-r-bnov.nos-r-l-tag .bn-save{left:62%;right:auto;top:auto;bottom:18.5%;width:auto;height:auto;border-radius:calc(.8*var(--u));padding:calc(1*var(--u)) calc(2*var(--u));flex-direction:row;gap:calc(1.2*var(--u));background:#000;color:var(--bn-o);box-shadow:none;transform:rotate(-4deg)}
.nos-r-bnov.nos-r-l-tag .bn-save small{margin:0}
.nos-r-bnov.nos-r-l-tag .bn-contact{background:#000;color:#fff;border-top:calc(.6*var(--u)) solid var(--bn-o)}
.nos-r-bnov.nos-r-l-tag .bn-loc svg,.nos-r-bnov.nos-r-l-tag .bn-tel svg{color:var(--bn-o)}
.nos-r-bnov.nos-r-l-tag .bn-loc svg circle{fill:#000}
/* portrait: more room above and below the product */
.nos-r-bnov.nos-r-ratio-portrait .r-shot{top:14%;bottom:20%}
.nos-r-bnov.nos-r-ratio-portrait .bn-contact{height:9%}
/* banner (wide): copy left, product centre, price and contact right */
.nos-r-bnov.nos-r-ratio-wide .r-store{width:12%;height:calc(9*var(--u))}
.nos-r-bnov.nos-r-ratio-wide .bn-head{top:24%;font-size:calc(13*var(--u));max-width:34%}
.nos-r-bnov.nos-r-ratio-wide .r-shot,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-tag .r-shot,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-stage .r-shot{left:36%;right:32%;top:6%;bottom:16%}
.nos-r-bnov.nos-r-ratio-wide .bn-name,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-tag .bn-name,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-stage .bn-name{left:70%;right:4%;width:auto;top:16%;bottom:auto;text-align:left;color:var(--bn-w);transform:none;font-size:calc(5*var(--u))}
.nos-r-bnov.nos-r-ratio-wide .bn-price,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-tag .bn-price,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-stage .bn-price{left:70%;right:4%;top:46%;bottom:auto;flex-direction:column;align-items:flex-start;transform:none}
.nos-r-bnov.nos-r-ratio-wide .bn-now{font-size:calc(12*var(--u))}
.nos-r-bnov.nos-r-ratio-wide .bn-save{width:calc(22*var(--u));height:calc(22*var(--u));left:auto;right:33%;top:8%;bottom:auto}
.nos-r-bnov.nos-r-ratio-wide .bn-contact{height:14%}
.nos-r-bnov.nos-r-ratio-wide.nos-r-l-slash .bn-slash{left:40%;width:18%}
.nos-r-bnov.nos-r-ratio-wide.nos-r-l-slash .bn-rule{left:61%}
.nos-r-bnov.nos-r-ratio-wide.nos-r-l-split .bn-panel{left:34%;right:30%}
.nos-r-bnov.nos-r-ratio-wide.nos-r-l-tag .bn-tag,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-tag .bn-string{display:none}
.nos-r-bnov.nos-r-ratio-wide.nos-r-l-tag .bn-now,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-tag .bn-was{color:var(--bn-o)}
.nos-r-bnov.nos-r-ratio-wide.nos-r-l-burst .bn-name,.nos-r-bnov.nos-r-ratio-wide.nos-r-l-burst .bn-head{color:#000}