:root{--service-max:1120px}
body.service-page{min-height:100vh;background:radial-gradient(circle at 82% 10%,rgba(255,46,104,.17),transparent 30%),radial-gradient(circle at 10% 35%,rgba(189,23,58,.10),transparent 32%),#050305}
body.service-page #home,body.service-page #entryModal{display:none!important}
body.service-page .section{padding:28px 0 52px;scroll-margin-top:96px}
body.service-page .wrap{width:min(var(--service-max),calc(100% - 28px))}
.serviceHeader{position:sticky;top:0;z-index:90;background:rgba(5,3,5,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.10)}
.serviceHeaderInner{width:min(var(--service-max),calc(100% - 28px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.serviceBrand{display:flex;align-items:center;gap:10px;min-width:0}.serviceBrand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(255,46,104,.18))}.serviceBrandText{display:grid;gap:3px}.serviceBrandText b{font-size:18px;color:#fff}.serviceBrandText span{font-size:11px;color:#cdb8c1;font-weight:750}
.serviceNav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.serviceNav a{min-height:42px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#f8eef2;font-size:13px;font-weight:850;transition:.18s ease}.serviceNav a:hover,.serviceNav a.active{border-color:rgba(255,46,104,.58);background:rgba(255,46,104,.13);color:#fff}.serviceNav a.active{box-shadow:inset 0 0 0 1px rgba(255,46,104,.20)}
.serviceHomeLink{display:inline-flex!important;align-items:center;gap:7px}.serviceHomeLink svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.service-page .panel{border-radius:28px;border-color:rgba(255,255,255,.12);background:linear-gradient(155deg,rgba(24,14,20,.98),rgba(7,5,7,.98));box-shadow:0 28px 90px rgba(0,0,0,.42)}
body.service-page .panelHead{padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.09)}
body.service-page .panelHead h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.4px}
body.service-page .panelHead p{font-size:14px;max-width:680px}
body.service-page .panelHead>.btn{display:none}
/* Distributor experience */
body.standalone-distributors #distributors{display:block!important}
body.standalone-distributors #delivery,body.standalone-distributors #track{display:none!important}
body.standalone-distributors .distributorSimplePanel{overflow:visible}
body.standalone-distributors .distributorSimpleHead{padding:34px 34px 24px;background:radial-gradient(circle at 80% 0,rgba(255,46,104,.12),transparent 38%)}
body.standalone-distributors .distributorSimpleHead h2{font-size:clamp(32px,5vw,50px)}
body.standalone-distributors .distributorSimpleBody{padding:26px 34px 38px}
body.standalone-distributors .citySearchBlock{width:min(720px,100%);margin:0 auto 30px}
body.standalone-distributors .citySearchBlock>label{font-size:14px;color:#f8e9ef}
body.standalone-distributors .citySearchInputWrap input{height:62px;border-radius:18px;background:#0b090a;border-color:rgba(255,255,255,.15);font-size:17px;padding-right:54px}
body.standalone-distributors .citySectionTitle{margin:0 0 14px;padding:0 3px}
body.standalone-distributors .citySectionTitle b{font-size:19px}.citySectionTitle span{font-size:12px}
body.standalone-distributors .cityTiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.standalone-distributors .cityTile{min-height:72px;border-radius:16px;grid-template-columns:38px minmax(0,1fr) 20px;padding:10px 12px;background:linear-gradient(160deg,#141013,#0b090a)}
body.standalone-distributors .cityTileIcon{width:38px;height:38px;border-radius:12px}.cityTileIcon svg{width:19px;height:19px}
body.standalone-distributors .cityTileText b{font-size:15px}.cityTileText small{font-size:11px}
body.standalone-distributors .selectedCityArea{margin-top:28px;padding-top:25px;border-top:1px solid rgba(255,255,255,.09)}
body.standalone-distributors .selectedCityHead{margin-bottom:14px}.selectedCityHead h3{font-size:clamp(24px,3vw,32px)}
body.standalone-distributors .distributorResultsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.distributorStoreCard{position:relative!important;padding:18px!important;border-radius:20px!important;background:linear-gradient(155deg,#121012,#090708)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 16px 40px rgba(0,0,0,.24)!important}
.distCardTop{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}.distNumber,.distType{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:10px;font-size:11px;font-weight:900}.distNumber{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.distType{color:#ffc1d3;background:rgba(255,46,104,.10);border:1px solid rgba(255,46,104,.28)}
.distributorStoreCard h3{font-size:21px!important;margin:0 0 14px!important}.distAddress,.distPhoneRow{display:grid;gap:4px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.distAddress span,.distPhoneRow span{font-size:11px;color:#a9969f;font-weight:800}.distAddress b,.distPhoneRow b{font-size:14px;color:#fff;line-height:1.6}.distLocationNote{margin-top:4px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);color:#cdb9c2;font-size:12px;line-height:1.65;font-weight:700}.distActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important}.distActions .btn{min-height:43px;border-radius:13px!important;font-size:12px!important;padding:9px 11px!important}
/* Dedicated delivery / tracking pages */
body.standalone-delivery #delivery{display:block!important}body.standalone-delivery #distributors,body.standalone-delivery #track{display:none!important}
body.standalone-track #track{display:block!important}body.standalone-track #distributors,body.standalone-track #delivery{display:none!important}
body.standalone-delivery .deliveryLayout{grid-template-columns:1fr .72fr;gap:14px}.standalone-delivery .formGrid{gap:12px}.standalone-delivery .field input,.standalone-delivery .field textarea{min-height:52px;border-radius:15px}.standalone-delivery .field textarea{min-height:92px}.standalone-delivery .priceBox{margin-top:0}
body.standalone-track .trackPanel{width:min(760px,100%);margin:auto}.standalone-track .trackForm{grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.standalone-track .trackForm .field input{min-height:54px;border-radius:15px}.standalone-track .trackBtn{min-height:54px;border-radius:15px}
@media(max-width:900px){.serviceHeaderInner{height:auto;min-height:82px;padding:10px 0;align-items:flex-start}.serviceNav{justify-content:flex-end}.serviceNav a{padding:9px 11px;font-size:12px}body.standalone-distributors .cityTiles{grid-template-columns:repeat(3,minmax(0,1fr))}body.standalone-distributors .distributorResultsGrid{grid-template-columns:1fr}.standalone-delivery .deliveryLayout{grid-template-columns:1fr}}
@media(max-width:650px){.serviceHeader{position:relative}.serviceHeaderInner{display:grid;grid-template-columns:1fr;gap:9px}.serviceBrand{justify-content:center}.serviceBrand img{width:58px;height:58px}.serviceBrandText{text-align:center}.serviceNav{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:7px}.serviceNav a{text-align:center;justify-content:center}.serviceNav .serviceHomeLink{grid-column:1/-1}body.service-page .section{padding-top:16px}.service-page .wrap{width:min(100% - 18px,var(--service-max))}body.service-page .panelHead{padding:21px 17px}body.standalone-distributors .distributorSimpleHead{padding:23px 18px 19px}body.standalone-distributors .distributorSimpleBody{padding:19px 14px 26px}body.standalone-distributors .citySearchBlock{margin-bottom:20px}body.standalone-distributors .citySearchInputWrap input{height:56px;font-size:15px}body.standalone-distributors .cityTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.standalone-distributors .cityTile{min-height:66px;padding:9px 10px;grid-template-columns:34px minmax(0,1fr)}body.standalone-distributors .cityTileIcon{width:34px;height:34px}.cityTileArrow{display:none}.distributorStoreCard{padding:15px!important}.distActions{grid-template-columns:1fr!important}.standalone-delivery .formGrid{grid-template-columns:1fr}.standalone-delivery .span2{grid-column:auto}.standalone-track .trackForm{grid-template-columns:1fr}.standalone-track .trackBtn{width:100%}}
@media(max-width:380px){body.standalone-distributors .cityTiles{grid-template-columns:1fr}}
