/* Match Bizu's logged-out homepage: decorative photography, dark surfaces and the shared CTA gradient. */
.shop-page,html[data-theme=light] .shop-page{--bg:#0b0612;--txt:#f7f1fb;--mut:#cbbcd9;--line:rgba(255,255,255,.12);--shop-surface:#ffffff0f;--shop-accent:#ffc2df;background:var(--bg);color:var(--txt)}
.shop-page .top{position:sticky;top:0;z-index:5;max-width:none;padding:10px max(16px,calc((100vw - 1120px)/2));background:#0b0612ed;backdrop-filter:blur(10px);gap:16px;min-height:60px}
.shop-page .top a{display:flex;align-items:center;min-height:40px}.shop-page #lang{max-width:55%;min-height:40px;border-radius:999px;background:#ffffff1f;color:#f7f1fb;border:1px solid #ffffff66;font:inherit;font-size:.85rem;padding:8px 12px}
.shoplp{max-width:none;padding:0 0 32px;overflow:clip}.shoplp section{min-width:0}.shoplp>section:not(.hero),.shoplp>.note{max-width:1120px;margin:0 auto;padding:28px 16px}
.shoplp h1,.shoplp h2,.shoplp h3{letter-spacing:-.035em;text-wrap:balance}.shoplp h2{font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.15;margin:0 0 16px}.shoplp p{line-height:1.55}
.shoplp .hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(86svh,760px);padding:0;overflow:hidden}
.shop-hero-bg,.shop-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 12%;z-index:-2}
.shoplp .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b061233 0%,#0b061299 45%,#0b0612 98%)}
.hero-copy{width:100%;max-width:1120px;margin:auto auto 0;padding:40px 20px 34px}
.shoplp .badge{background:#ffffff1c;color:#fff;border:1px solid #ffffff38;padding:6px 12px;font-size:.78rem;font-weight:700;letter-spacing:.02em;border-radius:999px}
.shoplp h1{font-size:clamp(2.3rem,8vw,4.4rem);line-height:1.02;margin:14px 0 16px;max-width:16ch;color:#fff;text-shadow:0 2px 24px #0009;background:none;overflow-wrap:break-word}
.shoplp .sub{font-size:clamp(1rem,3.9vw,1.2rem);max-width:40ch;color:#efe6f6;margin:0 0 18px;text-shadow:0 1px 12px #000a}
.shoplp .ctas{display:flex;flex-direction:column;gap:12px;max-width:420px;margin-top:18px}
.shop-page .shoplp .cta{display:inline-flex;align-items:center;justify-content:center;background:var(--g);color:#fff;border:0;border-radius:20px;min-height:60px;padding:14px 22px;font-weight:800;font-size:1.2rem;text-align:center;text-decoration:none;box-shadow:0 10px 30px #ff2d8744}
html[data-theme=light] .shop-page .shoplp .cta{background:linear-gradient(135deg,#FF2D7A,#EE5524)}
.shop-page .shoplp .ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 20px;border-radius:20px;background:#ffffff12;color:#fff;border:1px solid #ffffff50;font-weight:700;text-align:center;text-decoration:none}
html[data-theme=light] .shop-page .shoplp .ghost{background:white;color:#a71d54;border-color:#ff2d7a}
.shop-page a:focus-visible,.shop-page select:focus-visible,.giftrow:focus-visible{outline:3px solid #ffc2df;outline-offset:4px}
.shop-page .cta:hover,.shop-page .ghost:hover{filter:brightness(1.08)}
.shoplp .gifts h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:#ffc2df}
.giftrow{display:flex;gap:12px;overflow-x:auto;padding:4px 0 12px;scroll-snap-type:x proximity;scrollbar-width:thin}.giftrow img{flex:0 0 auto;width:144px;height:144px;object-fit:contain;border-radius:20px;scroll-snap-align:start}
.shoplp .priv p{color:var(--mut);max-width:780px}.states{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.states li{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--shop-surface);font-size:.85rem}.states li:last-child{background:#22c55e22;color:#bbf7d0;border-color:#22c55e66}
.shoplp .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-page .shoplp .grid article{min-width:0;min-height:0;padding:18px;background:var(--shop-surface);border:1px solid var(--line);border-radius:18px;box-shadow:none}.shoplp article i{font-style:normal;font-size:1.6rem}.shoplp article h3{margin:10px 0 8px;font-size:1.05rem;line-height:1.25;color:#fff}.shoplp article p{margin:0;font-size:.9rem;color:var(--mut);overflow-wrap:anywhere}
.shop-page .shoplp .steps{background:none;border:0;border-radius:0;box-shadow:none;min-height:0;scroll-margin-top:72px}.steps ol{list-style:none;padding:0;margin:20px 0 0;counter-reset:steps;display:grid;gap:10px}.steps li{counter-increment:steps;display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--shop-surface);border:1px solid var(--line);margin:0;color:var(--mut)}.steps li::before{content:counter(steps);flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g);color:#fff;font-weight:800}
.fan{display:grid;gap:24px;align-items:center}.fan p{color:var(--mut);max-width:540px}.shop-preview{display:grid;place-items:center;padding:24px;border:1px dashed #ff8cc0aa;border-radius:24px;background:radial-gradient(circle at 30% 20%,#7c3aed55,transparent 60%),#160a20}.phone{width:100%;max-width:280px;border:5px solid #ffffff30;border-radius:28px;padding:18px;background:#191020;color:#fff;box-shadow:0 24px 48px -24px #0009}.ph-hero{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ph-av{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--g);font-size:26px}.ph-hero small,.ph-lock{color:var(--mut)}.ph-btn{margin:14px 0;padding:10px;background:var(--g);border-radius:16px;text-align:center;font-size:.85rem}.ph-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ph-row img{width:100%;height:auto;border-radius:12px}.ph-lock{text-align:center;font-size:.7rem;margin-top:14px}
.shoplp>.final{margin:24px auto;padding:36px 20px;text-align:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at center,#7c3aed22,transparent 70%)}.final p{color:var(--mut)}.final .cta{width:100%;max-width:420px}.note{font-size:.85rem;color:var(--mut)}.note a{color:#d8b4fe;line-height:2}
@media(min-width:760px){.shoplp .hero{min-height:650px}.hero-copy{padding:64px 28px}.shop-hero-bg img{object-position:center 35%}.shoplp .hero::after{background:linear-gradient(90deg,#0b0612e8 0%,#0b061288 48%,#0b061222),linear-gradient(0deg,#0b0612,transparent 40%)}.shoplp .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.states{grid-template-columns:repeat(4,minmax(0,1fr))}.fan{grid-template-columns:1fr 1fr}.steps ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:390px){.shoplp .grid article{padding:14px}.shoplp article h3{font-size:1rem}.hero-copy{padding-inline:16px}}
.shop-page .shoplp .badge{background:#ffffff1c;color:#fff;border-color:#ffffff38}
@media(min-width:760px){.shoplp h1{font-size:clamp(2.6rem,4.4vw,3.5rem);max-width:20ch}.hero-copy{padding-block:38px}.shoplp .sub{max-width:44ch}}
.shop-hero-bg{z-index:0}.shop-hero-bg img{z-index:auto}.shoplp .hero::after{z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:2}
/* Mobile browsers: safe areas and stable, accessible touch controls. */
.shop-page .top{padding-top:calc(10px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left),calc((100vw - 1120px)/2));padding-right:max(16px,env(safe-area-inset-right),calc((100vw - 1120px)/2))}
.shoplp{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.shop-page #lang{min-height:44px;font-size:16px}.shop-page :is(a,select){touch-action:manipulation}
@media(max-width:759px){.shoplp .hero{min-height:680px;min-height:min(86svh,760px)}.hero-copy{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}