/* MB Laser · premium extra stranice (kviz, poklon vaučer, recenzija, privatnost). Sve je vezano za body.xp, ne utiče na ostale stranice. */
.xp{--x-ink:#26262c;--x-tx:#45454d;--x-mu:#5d5d66;--x-gd:#7f5f27;--x-line:rgba(184,145,79,.34);--x-paper:#fffefb;--x-pearl:linear-gradient(180deg,#fffefb 0%,#f8f2e6 100%)}
/* zlatni tekst u naslovu: tamniji metalik da kontrast bude dovoljan na slonovači */
.xp main .hand{background:linear-gradient(110deg,#9a7432 0%,#7c5c24 35%,#a5803f 60%,#7f5f27 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}
/* dugmad: tamniji zlatni gradijent, beli tekst >= 4.5:1 */
.xp main .btn:not(.ghost){background:linear-gradient(135deg,#8f6c2f 0%,#7f5f27 55%,#6f5220 100%);background-size:160% 100%}
.xp main .btn.ghost{background:#fff;color:var(--x-ink);border:1.5px solid rgba(143,108,47,.55)}.xp main .btn.ghost:hover{border-color:var(--x-gd);color:var(--x-gd)}
.xp main .btn:focus-visible,.xp main button:focus-visible,.xp main a:focus-visible{outline:2px solid var(--x-gd);outline-offset:3px}
.xp main .eyebrow{color:var(--x-gd)}
.xp main .lead{color:var(--x-tx)}
.xp main .inp{border-color:rgba(143,108,47,.38);min-height:50px}
.xp main label.f{color:var(--x-ink)}
.xp main figure{margin:0}
.xp main img{display:block;max-width:100%}

/* ---------- KVIZ ---------- */
.xq{background:var(--x-pearl);border-bottom:1px solid var(--x-line)}
.xq-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,104px);align-items:start;padding:clamp(48px,6vw,96px) 0 clamp(64px,7vw,112px)}
.xq-media{position:sticky;top:110px;aspect-ratio:4/5;overflow:hidden;border-radius:4px;box-shadow:0 40px 80px -50px rgba(110,82,32,.55)}
.xq-media:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.7);pointer-events:none}
.xq-media img{width:100%;height:100%;object-fit:cover}
.xq-head h1{font-size:clamp(36px,4.6vw,64px);margin:0 0 14px}
.xq-head .lead{margin:0 0 34px;max-width:46ch}
.xq-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--x-line)}
.xq-steps li{display:flex;align-items:center;gap:10px;padding:14px 0 0;font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--x-mu);position:relative}
.xq-steps li:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent;transition:background .4s}
.xq-steps li.on:before,.xq-steps li.done:before{background:var(--x-gd)}
.xq-steps i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--x-line);font-size:11px;letter-spacing:0;color:var(--x-mu);flex:none}
.xq-steps li.on{color:var(--x-ink)}.xq-steps li.on i{border-color:var(--x-gd);color:var(--x-gd)}
.xq-steps li.done i{background:var(--x-gd);border-color:var(--x-gd);color:#fff}
.xq-card{background:var(--x-paper);border:1px solid var(--x-line);padding:clamp(24px,3.4vw,48px);box-shadow:0 40px 80px -60px rgba(110,82,32,.5)}
.xq-card .progress{display:none}
.xq-num{font:600 11px/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--x-gd);margin:0 0 10px}
.xq-card h2{font-size:clamp(24px,2.6vw,34px);font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:0 0 26px;outline:0}
.xp .xq-card .quiz-opts{display:grid;gap:0;margin:0;border-top:1px solid var(--x-line)}
.xp .xq-card .quiz-opts button{display:flex;align-items:center;gap:18px;width:100%;min-height:64px;padding:16px 8px;border:0;border-bottom:1px solid var(--x-line);border-radius:0;background:transparent;text-align:left;font:500 16px/1.45 var(--sans);color:var(--x-ink);cursor:pointer;transform:none;transition:background .25s,padding .25s}
.xp .xq-card .quiz-opts button:hover{background:#fbf5e8;padding-left:14px;transform:none}
.xp .xq-card .quiz-opts button.on{background:#f8efdc}
.xq-k{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(143,108,47,.5);font:600 13px/1 var(--sans);color:var(--x-gd);transition:background .25s,color .25s}
.xq-card .quiz-opts button:hover .xq-k,.xq-card .quiz-opts button.on .xq-k{background:var(--x-gd);border-color:var(--x-gd);color:#fff}
.xq-back{margin-top:18px;min-height:44px;padding:0 4px;border:0;background:none;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--x-gd);cursor:pointer}
.xq-back:hover{color:var(--x-ink)}
.xq-res h2{font-size:clamp(28px,3.2vw,42px);font-weight:600;margin-bottom:14px}
.xq-why{font-size:17px;line-height:1.75;color:var(--x-tx);margin:0 0 26px;max-width:52ch}
.xq-price{margin:0 0 30px;padding:20px 0;border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line);display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}
.xq-price dt{font:600 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--x-mu)}
.xq-price dd{margin:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.xq-price dd b{font-size:clamp(26px,2.6vw,34px);font-weight:300;letter-spacing:-.02em;color:var(--x-ink)}
.xq-price dd span{font-size:15px;color:var(--x-gd);font-weight:600}
.xq-actions{display:flex;gap:12px;flex-wrap:wrap}
.xq-help{margin:22px 0 0;font-size:15px;color:var(--x-mu)}
@media (max-width:900px){
  .xq-grid{grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 64px}
  .xq-media{position:relative;top:0;aspect-ratio:16/10;margin:0 -16px 34px;border-radius:0;box-shadow:none}
  .xq-media:after{inset:10px}
  .xq-media img{object-position:center 52%}
}
@media (max-width:520px){
  .xq-steps li span{font-size:10px;letter-spacing:.14em}
  .xq-card{padding:22px 18px;margin:0 -4px}
  .xq-actions .btn{width:100%}
}

/* ---------- POKLON VAUČER ---------- */
.xv{background:var(--x-pearl);border-bottom:1px solid var(--x-line)}
.xv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);align-items:start;padding:clamp(48px,6vw,96px) 0 clamp(64px,7vw,112px)}
.xv-intro h1{font-size:clamp(38px,5vw,72px);margin:0 0 18px}
.xv-intro .lead{max-width:48ch;margin:0 0 40px}
.xv-how{font:600 11px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--x-gd);margin:0 0 6px}
.xv-steps{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid var(--x-line)}
.xv-steps li{display:flex;align-items:baseline;gap:22px;padding:18px 0;border-bottom:1px solid var(--x-line);font-size:17px;font-weight:500;color:var(--x-ink)}
.xv-steps i{font-style:normal;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--x-gd);flex:none;width:28px}
.xv-cash{font-size:14px;color:var(--x-mu);margin:0 0 40px}
.xv-photo{aspect-ratio:4/3;overflow:hidden;border-radius:4px;position:relative}
.xv-photo:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.7);pointer-events:none}
.xv-photo img{width:100%;height:100%;object-fit:cover}
.xv-side{position:sticky;top:104px}
/* kartica vaučera: biser + metalni zlatni okvir */
.xv-card{position:relative;aspect-ratio:1.62;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;justify-content:space-between;color:var(--x-ink);border-radius:14px;
  background:radial-gradient(80% 90% at 100% 0%,rgba(239,222,186,.85) 0%,rgba(239,222,186,0) 60%),radial-gradient(70% 80% at 0% 100%,rgba(226,203,158,.55) 0%,rgba(226,203,158,0) 60%),linear-gradient(160deg,#fffdf7 0%,#f7eedb 100%);
  box-shadow:0 50px 90px -50px rgba(110,82,32,.6),0 0 0 1px rgba(184,145,79,.35);overflow:hidden;isolation:isolate}
.xv-card:before{content:"";position:absolute;inset:10px;border-radius:8px;padding:1px;background:linear-gradient(120deg,#c9a361,#8f6c2f 35%,#e2c68c 60%,#9c7535);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}
.xv-card:after{content:"";position:absolute;right:-12%;bottom:-30%;width:62%;aspect-ratio:1;background:url(/assets/img/lotus-gold.webp) center/contain no-repeat;opacity:.09;z-index:-1}
.xv-top{display:flex;align-items:center;gap:12px}
.xv-top img{width:44px;height:auto}
.xv-brand{display:flex;flex-direction:column;line-height:1.15}.xv-brand b{font-size:14px;letter-spacing:.3em;font-weight:600;color:var(--x-ink)}.xv-brand small{font-size:9px;letter-spacing:.34em;color:var(--x-gd);font-weight:600}
.xv-tag{margin-left:auto;font:600 10px/1.3 var(--sans);letter-spacing:.24em;color:var(--x-gd);text-align:right}
.xv-mid{display:flex;flex-direction:column;gap:4px}
.xv-svc{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--x-gd)}
.xv-amt{font-size:clamp(36px,4.4vw,58px);font-weight:300;letter-spacing:-.035em;line-height:1;color:var(--x-ink)}
.xv-msg{margin:0;font-size:14px;font-style:italic;color:var(--x-tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xv-meta{display:flex;gap:28px;border-top:1px solid rgba(143,108,47,.35);padding-top:12px}
.xv-meta div{display:flex;flex-direction:column;min-width:0}
.xv-meta small{font:600 9.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--x-gd)}
.xv-meta b{font-size:14px;font-weight:600;color:var(--x-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xv-meta b.ph{color:var(--x-mu);font-weight:500}
.xv-panel{margin-top:28px;background:var(--x-paper);border:1px solid var(--x-line);padding:clamp(22px,3vw,38px)}
.xp .xv-seg{background:#f4ecdc;border-radius:999px}
.xp .xv-seg button{min-height:44px;color:var(--x-tx);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.xp .xv-seg button[aria-pressed=true]{background:#fff;color:var(--x-ink)}
.xv-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:0 0 16px}
.xv-chip{min-height:46px;border:1px solid rgba(143,108,47,.45);background:#fff;border-radius:999px;font:600 14px/1 var(--sans);color:var(--x-ink);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.xv-chip:hover{border-color:var(--x-gd)}
.xv-chip[aria-pressed=true]{background:var(--x-gd);border-color:var(--x-gd);color:#fff}
.xv-ok{text-align:center}.xv-ok .pin{font-size:28px;letter-spacing:.3em;color:var(--x-ink);margin:8px 0 14px}
@media (max-width:900px){
  .xv-grid{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:40px}
  .xv-side{position:static}
  .xv-photo{display:none}
  .xv-cash{margin-bottom:0}
}
@media (max-width:520px){
  .xv-card{aspect-ratio:auto;min-height:220px;gap:18px;padding:24px 22px}
  .xv-tag{font-size:9px;max-width:9em}
  .xv-panel{padding:22px 18px}
}

/* ---------- RECENZIJA ---------- */
.xr{background:var(--x-pearl);border-bottom:1px solid var(--x-line)}
.xr-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,104px);align-items:center;padding:clamp(48px,6vw,96px) 0}
.xr-media{aspect-ratio:4/5;overflow:hidden;border-radius:4px;position:relative}
.xr-media:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.7);pointer-events:none}
.xr-media img{width:100%;height:100%;object-fit:cover}
.xr-card h1{font-size:clamp(34px,4.4vw,60px);margin:0 0 10px}
.xr-card .lead{margin:0 0 26px}
.xr-stars{display:flex;gap:8px;flex-wrap:wrap}
.xr-stars button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:64px;height:72px;border:1px solid rgba(143,108,47,.45);background:#fff;border-radius:6px;cursor:pointer;color:var(--x-mu);transition:background .2s,border-color .2s,color .2s}
.xr-stars button:hover{border-color:var(--x-gd);color:var(--x-gd)}
.xr-s{font-size:24px;line-height:1}.xr-n{font:600 12px/1 var(--sans)}
.xr-stars button.on{background:var(--x-gd);border-color:var(--x-gd);color:#fff}
.xr-after{margin-top:30px;border-top:1px solid var(--x-line);padding-top:26px}
.xr-msg{font-size:17px;line-height:1.7;color:var(--x-ink);margin:0 0 20px;max-width:56ch}
.xr-form textarea{min-height:110px}
.xr-done{margin:0 0 8px}
.xr-google{margin-top:26px;padding-top:22px;border-top:1px solid var(--x-line)}
.xr-gl{font:600 11px/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--x-gd)}
.xr-google .small{margin:6px 0 16px;color:var(--x-tx);font-size:15px}
/* niska ocena: prvo poruka Tanji, Google link ostaje odmah ispod (bez skrivanja) */
@media (max-width:900px){
  .xr-grid{grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 56px}
  .xr-media{aspect-ratio:16/9;margin:0 -16px 30px;border-radius:0}
  .xr-media:after{inset:10px}
}
@media (max-width:420px){.xr-stars{gap:6px}.xr-stars button{width:calc((100% - 24px)/5);height:64px}}

/* ---------- PRIVATNOST ---------- */
.xpv-head{background:var(--x-pearl);border-bottom:1px solid var(--x-line);padding:clamp(56px,7vw,112px) 0 clamp(40px,5vw,72px)}
.xpv-head h1{font-size:clamp(38px,5.4vw,76px);margin:0 0 16px;max-width:16ch}
.xpv-head .lead{max-width:56ch;margin:0 0 22px}
.xpv-upd{font-size:13px;letter-spacing:.06em;color:var(--x-mu);margin:0}
.xpv-grid{display:grid;grid-template-columns:minmax(200px,3fr) minmax(0,8fr);gap:clamp(40px,7vw,120px);padding:clamp(48px,6vw,96px) 0 clamp(64px,7vw,112px);align-items:start}
.xpv-toc{position:sticky;top:110px}
.xpv-tt{font:600 11px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--x-gd);margin:0 0 14px}
.xpv-toc ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--x-line);counter-reset:t}
.xpv-toc li{counter-increment:t;border-bottom:1px solid var(--x-line)}
.xpv-toc a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:12px 0;font-size:14px;font-weight:500;color:var(--x-tx);text-decoration:none;transition:color .2s}
.xpv-toc a:before{content:counter(t,decimal-leading-zero);font-size:11px;font-weight:600;color:var(--x-gd);letter-spacing:.1em}
.xpv-toc a:hover{color:var(--x-ink)}
.xpv-body{max-width:72ch}
.xpv-body section{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:32px 0;border-top:1px solid var(--x-line);scroll-margin-top:100px}
.xpv-body section:first-child{border-top:0;padding-top:0}
.xpv-n{font:300 28px/1.1 var(--sans);color:var(--x-gd);letter-spacing:-.02em}
.xpv-body h2{font-size:clamp(21px,2vw,26px);font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:2px 0 12px}
.xpv-body p{font-size:17px;line-height:1.85;color:var(--x-tx);margin:0}
.xpv-contact{margin-top:24px;padding:32px clamp(22px,3vw,40px);background:var(--x-paper);border:1px solid var(--x-line)}
.xpv-contact h2{margin-top:0}
.xpv-c{margin-top:14px!important;color:var(--x-ink)!important;font-weight:500}
@media (max-width:900px){
  .xpv-grid{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:36px}
  .xpv-toc{position:static}
  .xpv-body section{grid-template-columns:44px 1fr;padding:26px 0}
  .xpv-n{font-size:22px}
  .xpv-body p{font-size:16px}
}
.xp main h1,.xp main h2{overflow-wrap:break-word;hyphens:auto}
@media (max-width:520px){.xv-meta{gap:18px}.xv-meta div{flex:1}.xv-meta b{white-space:normal;font-size:13px;line-height:1.35}}

/* ---------- v10: omiljeni gradijent umesto ravne pozadine + zlatne linijske ilustracije ---------- */
.xp{--x-lux:var(--bg-lux,radial-gradient(70% 90% at 100% 0%,rgba(239,222,186,.55) 0%,rgba(239,222,186,0) 60%),linear-gradient(180deg,#faf8f3,#f6efe1));--x-lux-l:var(--bg-lux-l,radial-gradient(70% 90% at 0% 0%,rgba(239,222,186,.55) 0%,rgba(239,222,186,0) 60%),linear-gradient(180deg,#faf8f3,#f6efe1));--x-lux-b:var(--bg-lux-b,radial-gradient(70% 90% at 0% 100%,rgba(239,222,186,.55) 0%,rgba(239,222,186,0) 60%),linear-gradient(0deg,#faf8f3,#f6efe1));--x-card:rgba(255,255,253,.78);--x-cl:rgba(184,145,79,.3);--x-sh:0 22px 44px -34px rgba(134,101,45,.55)}
.xq,.xr{background:var(--x-lux)}
.xv{background:var(--x-lux-l)}
.xpv-head{background:var(--x-lux)}
.xpv{background:var(--x-lux-b)}
.xp-wm{position:absolute;top:-28px;right:-28px;width:176px;height:176px;fill:none;stroke:#b8914f;stroke-width:.55;opacity:.08;pointer-events:none}
.xq-card,.xr-card,.xv-panel,.xpv-contact{position:relative;overflow:hidden}
.xq-card>*,.xv-panel>*,.xpv-contact>*{position:relative}
.xq-card>.xp-wm,.xr-card>.xp-wm,.xpv-contact>.xp-wm{position:absolute}
.xq-card,.xv-panel,.xpv-contact{background:var(--x-card);border-color:var(--x-cl);border-radius:16px;box-shadow:var(--x-sh)}

/* kviz: ikonica uz svaki odgovor + malo slovo */
.xq-k{position:relative;width:52px;height:52px;background:#fff;border-color:rgba(143,108,47,.38)}
.xq-k .pg-ic{width:30px;height:30px;stroke-width:2.4}
.xq-k b{position:absolute;right:-5px;bottom:-3px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff;border:1px solid rgba(143,108,47,.45);font:700 9.5px/1 var(--sans);color:var(--x-gd)}
.xp .xq-card .quiz-opts button{min-height:76px}
.xq-card .quiz-opts button:hover .xq-k .pg-ic,.xq-card .quiz-opts button.on .xq-k .pg-ic{stroke:#fff}
.xq-res-art{display:grid;place-items:center;width:68px;height:68px;margin:0 0 16px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0,#f6ead0 80%);box-shadow:0 0 0 1px rgba(184,145,79,.45),0 0 0 8px rgba(239,226,198,.4)}

/* vaučer: ikonica po koraku, šara lotosa i poklon na kartici */
.xv-steps li{align-items:center}
.xv-ic{position:relative;display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(143,108,47,.38)}
.xv-ic .pg-ic{width:28px;height:28px;stroke-width:2.5}
.xv-ic b{position:absolute;right:-6px;top:-4px;display:grid;place-items:center;min-width:22px;height:20px;padding:0 4px;border-radius:10px;background:#fff;border:1px solid rgba(143,108,47,.45);font:700 9.5px/1 var(--sans);letter-spacing:.04em;color:var(--x-gd)}
.xv-pat{position:absolute;inset:0;z-index:-1;opacity:.11;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%239a7536' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 15c-3 3.6-3 9.7 0 14 3-4.3 3-10.4 0-14zM22.6 28.6c-3.6-.4-6.8-3.6-7.3-8.3 3 .1 5.6 1.7 7 4.4M25.4 28.6c3.6-.4 6.8-3.6 7.3-8.3-3 .1-5.6 1.7-7 4.4M18 32h12'/%3E%3C/svg%3E") 0 0/46px 46px repeat;-webkit-mask:linear-gradient(115deg,transparent 35%,#000 75%);mask:linear-gradient(115deg,transparent 35%,#000 75%)}
.xv-gift{position:absolute;right:clamp(20px,3vw,32px);top:50%;translate:0 -50%;z-index:-1;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(184,145,79,.45)}
.xv-gift .pg-ic{width:44px;height:44px;stroke-width:1.7}

/* recenzija: zvezde kao linijske ikone */
.xr-s .pg-ic{width:26px;height:26px;stroke-width:2.6;stroke:currentColor}
.xr-stars button{color:var(--x-gd)}
.xr-stars button.on .pg-ic{fill:rgba(255,255,255,.28)}
.xr-g-ic{display:flex;align-items:flex-end;gap:4px;margin:0 0 10px}
.xr-g-ic .pg-ic{stroke-width:3}

/* privatnost: štit u zaglavlju, ikonica po odeljku */
.xpv-head .wrap{position:relative}
.xpv-art{position:absolute;right:clamp(16px,4vw,60px);top:50%;translate:0 -50%;display:grid;place-items:center;width:clamp(150px,16vw,220px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95) 0,rgba(246,234,208,.7) 75%);box-shadow:0 0 0 1px rgba(184,145,79,.4),0 0 0 12px rgba(239,226,198,.32)}
.xpv-art>.s96{width:52%;height:52%;stroke-width:1.2}
.xpv-arc{position:absolute;inset:-26px;border-radius:50%;border:1px solid transparent;border-top-color:rgba(184,145,79,.5);border-left-color:rgba(184,145,79,.25);transform:rotate(18deg)}
.xpv-art .xpv-art-l{position:absolute;left:50%;bottom:-16px;translate:-50% 0;width:34px;height:34px;padding:5px;box-sizing:content-box;border-radius:50%;background:#fbf6ea;box-shadow:0 0 0 1px rgba(184,145,79,.45);stroke-width:2.6}
.xpv-n{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px!important;font-weight:600;letter-spacing:.14em}
.xpv-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(143,108,47,.38)}
.xpv-ic-c{margin:0 0 14px}
@media (min-width:901px){.xpv-head h1,.xpv-head .lead{margin-right:min(30%,300px)}.xpv-body section{grid-template-columns:72px 1fr}}
@media (max-width:900px){.xpv-art{display:none}.xpv-ic{width:38px;height:38px}.xpv-ic .pg-ic{width:20px;height:20px}.xpv-body section{grid-template-columns:54px 1fr}}
@media (max-width:520px){.xv-gift{display:none}.xq-k{width:46px;height:46px}.xq-k .pg-ic{width:26px;height:26px}.xv-ic{width:46px;height:46px}}
.xq-k .pg-ic{width:36px;height:36px;stroke-width:2.1}
@media (max-width:520px){.xq-k .pg-ic{width:32px;height:32px;stroke-width:2.3}}
.xr-s .pg-ic{width:32px;height:32px;stroke-width:2.3}
.xr-g-ic .pg-ic.s24{width:28px;height:28px}
.xpv-ic .pg-ic{width:28px;height:28px;stroke-width:2.5}
@media (max-width:900px){.xpv-ic .pg-ic{width:24px;height:24px;stroke-width:2.8}}