.commerce-detail{--line:#b895cc44}
.commerce-detail .service-hero{min-height:780px;min-height:88svh}
.commerce-detail .service-hero-content{max-width:1050px}
.commerce-detail .service-hero h1{font-size:1rem;letter-spacing:.02em;line-height:1.5}
.commerce-headline{display:block;font-size:clamp(3.3rem,7vw,7rem);line-height:1.03;letter-spacing:-.055em;margin-top:20px}
.commerce-detail .service-hero:before{background:linear-gradient(90deg,#160b2bea,#160b2b60),linear-gradient(0deg,#170d27,transparent 70%)}
.commerce-detail .service-hero>.sv-poster{object-position:70% center}
.commerce-showcase{padding-bottom:30px}
.commerce-product,.commerce-booking{position:relative;overflow:hidden;margin-top:28px;border:1px solid #d3abff55;border-radius:26px;background:radial-gradient(ellipse at 80% 10%,#743da944,transparent 70%),#241337;box-shadow:0 28px 90px #09031166}
.commerce-product{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.commerce-product>img{width:100%;height:470px;object-fit:cover}
.commerce-product>div,.commerce-booking>div{padding:50px}
.commerce-product small,.commerce-booking small{color:#eed0ff;font-size:.7rem;letter-spacing:.18em}
.commerce-product h3,.commerce-booking h3{font-size:clamp(2rem,4vw,4.3rem);letter-spacing:-.04em;line-height:1.08;margin:25px 0}
.commerce-pill{display:inline-block;border:1px solid #dfb3ff66;border-radius:100px;padding:16px 22px;margin-top:28px;background:#a85ae52b;font-size:.9rem}
.commerce-caption{font-size:.8rem;margin-top:18px;max-width:650px}
.commerce-booking{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px}
.booking-flow{list-style:none;padding:28px;margin:0;display:grid;gap:14px}
.booking-flow>li{display:flex;gap:20px;padding:25px;border:1px solid #e4baff33;border-radius:18px;background:#ffffff06}
.booking-flow>li>span{color:#dcafff;font-size:.8rem;padding-top:3px}
.booking-flow strong{font-size:1.05rem}.booking-flow p{font-size:.85rem;margin-top:8px}
.booking-times{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.booking-times>span{padding:8px 12px;border:1px solid #c9a1e344;border-radius:8px;font-size:.8rem}
.booking-times>span:nth-child(2){color:#fff;background:#8747b6;border-color:#d8a5ff}
.commerce-detail .steps{margin-bottom:35px}
@media(max-width:1050px){.commerce-detail .header{flex-wrap:wrap}.commerce-detail .header nav{flex-wrap:wrap;gap:16px}}
@media(max-width:760px){.commerce-detail .service-hero{min-height:720px;min-height:88svh}.commerce-headline{font-size:clamp(2.65rem,10vw,4.5rem)}.commerce-detail .service-hero h1{font-size:.85rem}.commerce-product,.commerce-booking{grid-template-columns:1fr}.commerce-product>img{height:280px}.commerce-product>div,.commerce-booking>div{padding:28px}.commerce-booking{padding:0}.booking-flow{padding:0 20px 24px}.booking-flow>li{padding:20px;gap:14px}.commerce-pill{font-size:.8rem;padding:13px 16px}.commerce-detail .hero-actions a{max-width:100%;white-space:normal}}

@media(min-width:760px) and (max-width:1399px){.f-nav{grid-template-columns:auto 1fr auto}.f-menu{display:block;justify-self:end}.f-nav nav{display:none;grid-column:1/-1;grid-row:2;background:#1d1033f2;border:1px solid #ffffff38;border-radius:18px;padding:10px;justify-content:stretch;max-height:70svh;overflow-y:auto}.f-nav nav.open{display:grid}.f-nav nav a{font-size:14px;padding:12px}.f-nav-actions{grid-column:3;grid-row:1}}

.eshop-detail .service-hero>picture{position:absolute;inset:0;z-index:-3}
.eshop-detail .service-hero>picture .sv-poster{position:static;width:100%;height:100%;object-fit:cover;object-position:center}
.eshop-detail .service-hero:before{background:linear-gradient(90deg,#160b2bed 0%,#160b2ba8 38%,#160b2b20 75%),linear-gradient(0deg,#170d27,transparent 55%)}
.eshop-detail .commerce-product>img{height:auto;aspect-ratio:4/5;object-fit:cover}
@media(max-width:760px){.eshop-detail .service-hero:before{background:linear-gradient(0deg,#170d27 2%,#170d27e8 28%,#170d2744 70%,#170d2722)}.eshop-detail .service-hero>picture .sv-poster{object-position:55% top}.eshop-detail .commerce-product>img{height:auto}}
