/* js-localpros-polish */ body.svc-localpros-mode #step2 #step2Title[data-section-num]::after, body.svc-localpros-mode #localProsWrap .gig-section-head::after{ background-image:var(--bnr-icon,url("data:image/svg+xml;utf8,")) !important; background-position:center !important; background-repeat:no-repeat !important; background-size:25px 25px !important; } body.svc-localpros-mode #localProsWrap .gig-sum-card-head svg{ width:18px !important; height:18px !important; stroke:#fff !important; color:#fff !important; } body.svc-localpros-mode #localProsWrap .price-card{ padding:14px 16px !important; } body.svc-localpros-mode #localProsWrap .price-card .gsc-eur{ left:22px !important; top:52% !important; transform:translateY(-50%) !important; font-size:18px !important; line-height:1 !important; color:var(--brand) !important; } body.svc-localpros-mode #localProsWrap .price-card input.gig-inp{ padding-left:34px !important; padding-right:8px !important; text-align:left !important; min-height:34px !important; font-size:22px !important; letter-spacing:.2px !important; } body.svc-localpros-mode #localProsWrap #lpCalloutFee{ width:86px !important; min-height:32px !important; padding-left:6px !important; text-align:left !important; font-size:20px !important; } body.svc-localpros-mode #localProsWrap .gig-stat-card:has(#lpCalloutFee) > div{ gap:10px !important; } body.svc-localpros-mode #localProsWrap .gig-stat-card:has(#lpCalloutFee) > div > span{ font-size:18px !important; color:var(--brand) !important; } body.svc-localpros-mode #localProsWrap #lpPkgBasicEmerg, body.svc-localpros-mode #localProsWrap #lpPkgStandardEmerg{ padding-left:46px !important; min-height:50px !important; font-size:18px !important; font-weight:900 !important; color:#0f172a !important; } body.svc-localpros-mode #localProsWrap .gig-field:has(#lpPkgBasicEmerg) > div > span, body.svc-localpros-mode #localProsWrap .gig-field:has(#lpPkgStandardEmerg) > div > span{ left:20px !important; font-size:18px !important; line-height:1 !important; } /* js-postit-electronics-subcategory-icons */ #piL2Grid .pi-level-chip[data-pi2] { gap: 8px !important; } #piL2Grid .pi-level-chip[data-pi2]::before { content: "" !important; flex: 0 0 auto !important; display: var(--pi-electronics-icon-display, none) !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; background-color: var(--brand) !important; background-image: var(--pi-electronics-icon) !important; background-position: center !important; background-size: 17px 17px !important; background-repeat: no-repeat !important; box-shadow: 0 8px 18px rgba(0,131,116,.16) !important; } #piL2Grid .pi-level-chip[data-pi2].selected::before { background-color: rgba(255,255,255,.18) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; } #piL2Grid .pi-level-chip[data-pi2="Mobile Phones & Smartphones"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/mobile-phones-smartphones.webp"); } #piL2Grid .pi-level-chip[data-pi2="Computers & Laptops"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/computers-laptops.webp"); } #piL2Grid .pi-level-chip[data-pi2="Computer Accessories"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/computer-accessories.webp"); } #piL2Grid .pi-level-chip[data-pi2="Tablets & E-Readers"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/tablets-e-readers.webp"); } #piL2Grid .pi-level-chip[data-pi2="Photo, Audio & Video"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/photo-audio-video.webp"); } #piL2Grid .pi-level-chip[data-pi2="TV & Screens"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/tv-screens.webp"); } #piL2Grid .pi-level-chip[data-pi2="Phones & Connected Devices"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/phones-connected-devices.webp"); } #piL2Grid .pi-level-chip[data-pi2="Phone Accessories"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/phone-accessories.webp"); } #piL2Grid .pi-level-chip[data-pi2="Gaming Consoles"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/gaming-consoles.webp"); } #piL2Grid .pi-level-chip[data-pi2="Video Games"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/video-games.webp"); } #piL2Grid .pi-level-chip[data-pi2="Headphones & Audio"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/headphones-audio.webp"); } #piL2Grid .pi-level-chip[data-pi2="Smart Home & IoT"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/smart-home-iot.webp"); } #piL2Grid .pi-level-chip[data-pi2="Wearables & Smartwatches"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/wearables-smartwatches.webp"); } #piL2Grid .pi-level-chip[data-pi2="Printers & Scanners"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/printers-scanners.webp"); } #piL2Grid .pi-level-chip[data-pi2="Networking & Wi-Fi"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/networking-wifi.webp"); } #piL2Grid .pi-level-chip[data-pi2="Other Electronics"] { --pi-electronics-icon-display: block; --pi-electronics-icon: url("../icons/postit/electronics/other-electronics.webp"); } /* js-postit-all-subcategory-icons */ #piL2Grid .pi-level-chip.postit-sub-icon-chip { gap: 8px !important; } #piL2Grid .pi-level-chip.postit-sub-icon-chip::before { content: "" !important; flex: 0 0 auto !important; display: block !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; background-color: var(--brand) !important; background-image: var(--postit-sub-icon) !important; background-position: center !important; background-size: 17px 17px !important; background-repeat: no-repeat !important; box-shadow: 0 8px 18px rgba(0,131,116,.16) !important; } #piL2Grid .pi-level-chip.postit-sub-icon-chip.selected::before { background-color: rgba(255,255,255,.18) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; } /* js-shopit-category-icons */ #shopitCatGroup { overflow: hidden !important; } #step2 #shopitCatGroup > .pi-cat-label.shopit-section-heading { margin: -20px -20px 20px -20px !important; min-height: 112px !important; padding: 24px 28px !important; display: flex !important; align-items: center !important; gap: 18px !important; border-radius: 0 !important; background: var(--brand) !important; color: #fff !important; line-height: 1.15 !important; box-sizing: border-box !important; font-family: var(--ff) !important; font-size: inherit !important; letter-spacing: 0 !important; } #step2 #shopitCatGroup > .pi-cat-label.shopit-section-heading::before, #step2 #shopitCatGroup > .pi-cat-label.shopit-section-heading::after { content: none !important; display: none !important; } #step2 #shopitCatGroup > .pi-cat-label.shopit-section-heading .shopit-heading-icon { flex: 0 0 60px !important; width: 60px !important; height: 60px !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,.24) !important; background-color: rgba(255,255,255,.12) !important; background-image: url("../icons/shopit/shopit-sell.webp") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 30px 30px !important; } #step2 #shopitCatGroup > .pi-cat-label.shopit-section-heading .shopit-heading-copy { display: flex !important; flex-direction: column !important; gap: 6px !important; min-width: 0 !important; } #step2 #shopitCatGroup > .pi-cat-label.shopit-section-heading .shopit-heading-kicker { color: rgba(255,255,255,.9) !important; -webkit-text-fill-color: rgba(255,255,255,.9) !important; font-family: "Nunito", system-ui, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } #step2 #shopitCatGroup > .pi-cat-label.shopit-section-heading .shopit-heading-title { color: #fff !important; -webkit-text-fill-color: #fff !important; font-family: "Roboto Slab", Georgia, serif !important; font-size: 30px !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.05 !important; } #shopitCatGroup .pi-l1-grid { display: flex !important; flex-wrap: wrap !important; gap: 12px 14px !important; align-items: center !important; } #postitCatGroup .pi-l1-grid { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin: 0 !important; } #postitCatGroup .pi-l1-chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 38px !important; margin: 0 !important; padding: 10px 18px !important; border: 1.5px solid #dbe6f3 !important; border-radius: 999px !important; background: #fff !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.25 !important; cursor: pointer !important; box-shadow: none !important; transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important; } #postitCatGroup .pi-l1-chip.selected, #postitCatGroup .pi-l1-chip.active { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 8px 18px rgba(0,131,116,.22) !important; } #shopitCatGroup .pi-l1-chip[id^="shCat_"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 44px !important; padding: 8px 18px 8px 10px !important; gap: 9px !important; border-radius: 999px !important; white-space: nowrap !important; line-height: 1.15 !important; } #shopitCatGroup .pi-l1-chip[id^="shCat_"]::before { content: "" !important; flex: 0 0 auto !important; display: inline-block !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; background-color: var(--brand) !important; background-image: var(--shopit-cat-icon) !important; background-position: center !important; background-size: 17px 17px !important; background-repeat: no-repeat !important; box-shadow: 0 8px 18px rgba(0,131,116,.16) !important; } #shopitCatGroup .pi-l1-chip[id^="shCat_"].selected::before, #shopitCatGroup .pi-l1-chip[id^="shCat_"].active::before { background-color: rgba(255,255,255,.18) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; } #shCat_electronics { --shopit-cat-icon: url("../icons/shopit/categories/electronics.webp"); } #shCat_fashion { --shopit-cat-icon: url("../icons/shopit/categories/fashion.webp"); } #shCat_home { --shopit-cat-icon: url("../icons/shopit/categories/home.webp"); } #shCat_sports { --shopit-cat-icon: url("../icons/shopit/categories/sports.webp"); } #shCat_beauty { --shopit-cat-icon: url("../icons/shopit/categories/beauty.webp"); } #shCat_toys { --shopit-cat-icon: url("../icons/shopit/categories/toys.webp"); } #shCat_automotive { --shopit-cat-icon: url("../icons/shopit/categories/automotive.webp"); } #shCat_food { --shopit-cat-icon: url("../icons/shopit/categories/food.webp"); } #shCat_books { --shopit-cat-icon: url("../icons/shopit/categories/books.webp"); } #shCat_other { --shopit-cat-icon: url("../icons/shopit/categories/other.webp"); } /* js-shopit-subcategory-icons */ #shSubCatGrid { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px 14px !important; padding: 18px 22px !important; } #shSubCatGrid .pi-level-chip.shopit-sub-icon-chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; min-height: 44px !important; padding: 8px 18px 8px 10px !important; gap: 9px !important; border-radius: 999px !important; border: 1.5px solid #dbe6f3 !important; background: #fff !important; color: #071225 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.15 !important; white-space: nowrap !important; box-shadow: none !important; } #shSubCatGrid .pi-level-chip.shopit-sub-icon-chip::before { content: "" !important; flex: 0 0 auto !important; display: inline-block !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; background-color: var(--brand) !important; background-image: var(--shopit-sub-icon) !important; background-position: center !important; background-size: 17px 17px !important; background-repeat: no-repeat !important; box-shadow: 0 8px 18px rgba(0,131,116,.16) !important; } #shSubCatGrid .pi-level-chip.shopit-sub-icon-chip.selected, #shSubCatGrid .pi-level-chip.shopit-sub-icon-chip.active { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(0,131,116,.18) !important; } #shSubCatGrid .pi-level-chip.shopit-sub-icon-chip.selected::before { background-color: rgba(255,255,255,.18) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; } /* js-main-section-icons */ .ad-type-card[data-adtype] .ad-mainicon { position: relative !important; display: grid !important; place-items: center !important; width: 76px !important; height: 76px !important; border-radius: 16px !important; background: var(--brand) !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; box-shadow: 0 12px 28px rgba(0,131,116,.18) !important; } .ad-type-card[data-adtype] .ad-mainicon svg { display: none !important; } .ad-type-card[data-adtype] .ad-mainicon::before { content: "" !important; display: block !important; width: 36px !important; height: 36px !important; background-color: transparent !important; background-image: var(--main-section-icon) !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; } .ad-type-card[data-adtype="postit"] { --main-section-icon: url("../icons/main-postit.webp"); } .ad-type-card[data-adtype="shopit"] { --main-section-icon: url("../icons/main-shopit.webp"); } .ad-type-card[data-adtype="bookit"] { --main-section-icon: url("../icons/main-bookit.webp"); } .ad-type-card[data-adtype="services"] { --main-section-icon: url("../icons/main-services.webp"); } .ad-type-card[data-adtype="legal"] { --main-section-icon: url("../icons/main-legal.webp"); } .ad-type-card[data-adtype="care"] { --main-section-icon: url("../icons/main-care.webp"); } .ad-type-card[data-adtype="shopitpro"] { --main-section-icon: url("../icons/main-premium.webp"); } .ad-type-card[data-adtype="shopitpro"] .ad-mainicon { background: #0f172a !important; box-shadow: 0 12px 28px rgba(15,23,42,.18) !important; } .ad-type-card[data-adtype="postit"] .ad-mainicon::before { background-image: url("../icons/main-postit.webp") !important; } .ad-type-card[data-adtype="shopit"] .ad-mainicon::before { background-image: url("../icons/main-shopit.webp") !important; } .ad-type-card[data-adtype="bookit"] .ad-mainicon::before { background-image: url("../icons/main-bookit.webp") !important; } .ad-type-card[data-adtype="services"] .ad-mainicon::before { background-image: url("../icons/main-services.webp") !important; } .ad-type-card[data-adtype="legal"] .ad-mainicon::before { background-image: url("../icons/main-legal.webp") !important; } .ad-type-card[data-adtype="care"] .ad-mainicon::before { background-image: url("../icons/main-care.webp") !important; } .ad-type-card[data-adtype="shopitpro"] .ad-mainicon::before { background-image: url("../icons/main-premium.webp") !important; } /* js-care-theme-icons */ .care-mode-card-icon { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 70px !important; height: 70px !important; border: 0 !important; border-radius: 16px !important; background: var(--brand) !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; box-shadow: 0 12px 24px rgba(0,131,116,.18) !important; } .care-mode-card.active .care-mode-card-icon { background: var(--brand) !important; box-shadow: 0 14px 28px rgba(0,131,116,.24) !important; } .care-mode-card-icon::before { content: "" !important; position: absolute !important; inset: 17px !important; display: block !important; background-color: transparent !important; background-image: var(--care-icon-url) !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; } .care-mode-card[data-care-mode="doctor"] { --care-icon-url: url("../icons/care/care-doctor.webp"); } .care-mode-card[data-care-mode="clinic"] { --care-icon-url: url("../icons/care/care-clinic.webp"); } .care-mode-card[data-care-mode="lab"] { --care-icon-url: url("../icons/care/care-lab.webp"); } .care-mode-card[data-care-mode="pharmacy"] { --care-icon-url: url("../icons/care/care-pharmacy.webp"); } .care-mode-card[data-care-mode="wellness"] { --care-icon-url: url("../icons/care/care-wellness.webp"); } .care-mode-card[data-care-mode="emergency"] { --care-icon-url: url("../icons/care/care-emergency.webp"); } .care-mode-card[data-care-mode="nursing"] { --care-icon-url: url("../icons/care/care-nursing.webp"); } .care-mode-card[data-care-mode="packages"] { --care-icon-url: url("../icons/care/care-packages.webp"); } .care-mode-card[data-care-mode="doctor"] .care-mode-card-icon::before { background-image: url("../icons/care/care-doctor.webp") !important; } .care-mode-card[data-care-mode="clinic"] .care-mode-card-icon::before { background-image: url("../icons/care/care-clinic.webp") !important; } .care-mode-card[data-care-mode="lab"] .care-mode-card-icon::before { background-image: url("../icons/care/care-lab.webp") !important; } .care-mode-card[data-care-mode="pharmacy"] .care-mode-card-icon::before { background-image: url("../icons/care/care-pharmacy.webp") !important; } .care-mode-card[data-care-mode="wellness"] .care-mode-card-icon::before { background-image: url("../icons/care/care-wellness.webp") !important; } .care-mode-card[data-care-mode="emergency"] .care-mode-card-icon::before { background-image: url("../icons/care/care-emergency.webp") !important; } .care-mode-card[data-care-mode="nursing"] .care-mode-card-icon::before { background-image: url("../icons/care/care-nursing.webp") !important; } .care-mode-card[data-care-mode="packages"] .care-mode-card-icon::before { background-image: url("../icons/care/care-packages.webp") !important; } /* Care category and sub-category icon chips */ #careDoctorsCatGroup [id^="crDCat_"], #careClinicsCatGroup [id^="crCCat_"], #careLabTestsCatGroup [id^="crLCat_"], #carePharmacyCatGroup [id^="crPhCat_"], #careWellnessCatGroup [id^="crWCat_"], #careEmergencyCatGroup [id^="crECat_"], #careNursingCatGroup [id^="crNCat_"], #carePackagesCatGroup [id^="crHPCat_"], #careWrap .care-sub-icon-chip{ display:inline-flex !important; align-items:center !important; gap:9px !important; min-height:40px !important; padding:7px 14px 7px 8px !important; border:1.5px solid #dbe6f3 !important; border-radius:999px !important; background:#fff !important; color:#0f172a !important; -webkit-text-fill-color:#0f172a !important; font-size:13px !important; font-weight:900 !important; line-height:1.2 !important; box-sizing:border-box !important; } #careDoctorsCatGroup [id^="crDCat_"]::before, #careClinicsCatGroup [id^="crCCat_"]::before, #careLabTestsCatGroup [id^="crLCat_"]::before, #carePharmacyCatGroup [id^="crPhCat_"]::before, #careWellnessCatGroup [id^="crWCat_"]::before, #careEmergencyCatGroup [id^="crECat_"]::before, #careNursingCatGroup [id^="crNCat_"]::before, #carePackagesCatGroup [id^="crHPCat_"]::before, #careWrap .care-sub-icon-chip::before{ content:"" !important; display:inline-block !important; width:28px !important; height:28px !important; min-width:28px !important; border-radius:9px !important; background-color:var(--brand,#008374) !important; background-image:var(--care-chip-icon) !important; background-position:center !important; background-repeat:no-repeat !important; background-size:17px 17px !important; box-shadow:0 8px 18px rgba(0,131,116,.14) !important; } #careWrap .pi-level-grid:has(.care-sub-icon-chip){display:flex !important;flex-wrap:wrap !important;gap:8px !important;} #careDoctorsCatGroup [id^="crDCat_"].selected, #careClinicsCatGroup [id^="crCCat_"].selected, #careLabTestsCatGroup [id^="crLCat_"].selected, #carePharmacyCatGroup [id^="crPhCat_"].selected, #careWellnessCatGroup [id^="crWCat_"].selected, #careEmergencyCatGroup [id^="crECat_"].selected, #careNursingCatGroup [id^="crNCat_"].selected, #carePackagesCatGroup [id^="crHPCat_"].selected, #careWrap .care-sub-icon-chip.selected{ border-color:var(--brand,#008374) !important; background:#eafffb !important; color:var(--brand,#008374) !important; -webkit-text-fill-color:var(--brand,#008374) !important; box-shadow:0 8px 20px rgba(0,131,116,.10) !important; } #crDCat_general{--care-chip-icon:url("../icons/care/doctors/categories/general.webp")}#crDCat_cardiology{--care-chip-icon:url("../icons/care/doctors/categories/cardiology.webp")}#crDCat_dermatology{--care-chip-icon:url("../icons/care/doctors/categories/dermatology.webp")}#crDCat_ortho{--care-chip-icon:url("../icons/care/doctors/categories/ortho.webp")}#crDCat_neuro{--care-chip-icon:url("../icons/care/doctors/categories/neuro.webp")}#crDCat_paediatrics{--care-chip-icon:url("../icons/care/doctors/categories/paediatrics.webp")}#crDCat_gynaecology{--care-chip-icon:url("../icons/care/doctors/categories/gynaecology.webp")}#crDCat_dentistry{--care-chip-icon:url("../icons/care/doctors/categories/dentistry.webp")}#crDCat_psychiatry{--care-chip-icon:url("../icons/care/doctors/categories/psychiatry.webp")}#crDCat_ophthalmology{--care-chip-icon:url("../icons/care/doctors/categories/ophthalmology.webp")}#crDCat_ent{--care-chip-icon:url("../icons/care/doctors/categories/ent.webp")}#crDCat_other{--care-chip-icon:url("../icons/care/doctors/categories/other.webp")} #crCCat_general{--care-chip-icon:url("../icons/care/clinics/categories/general.webp")}#crCCat_specialist{--care-chip-icon:url("../icons/care/clinics/categories/specialist.webp")}#crCCat_dental{--care-chip-icon:url("../icons/care/clinics/categories/dental.webp")}#crCCat_eye{--care-chip-icon:url("../icons/care/clinics/categories/eye.webp")}#crCCat_maternity{--care-chip-icon:url("../icons/care/clinics/categories/maternity.webp")}#crCCat_cosmetic{--care-chip-icon:url("../icons/care/clinics/categories/cosmetic.webp")}#crCCat_physio{--care-chip-icon:url("../icons/care/clinics/categories/physio.webp")}#crCCat_mental{--care-chip-icon:url("../icons/care/clinics/categories/mental.webp")}#crCCat_diagnostic{--care-chip-icon:url("../icons/care/clinics/categories/diagnostic.webp")}#crCCat_rehab{--care-chip-icon:url("../icons/care/clinics/categories/rehab.webp")}#crCCat_fertility{--care-chip-icon:url("../icons/care/clinics/categories/fertility.webp")}#crCCat_other{--care-chip-icon:url("../icons/care/clinics/categories/other.webp")} #crLCat_blood{--care-chip-icon:url("../icons/care/lab-tests/categories/blood.webp")}#crLCat_imaging{--care-chip-icon:url("../icons/care/lab-tests/categories/imaging.webp")}#crLCat_genetic{--care-chip-icon:url("../icons/care/lab-tests/categories/genetic.webp")}#crLCat_microbiology{--care-chip-icon:url("../icons/care/lab-tests/categories/microbiology.webp")}#crLCat_hormone{--care-chip-icon:url("../icons/care/lab-tests/categories/hormone.webp")}#crLCat_cardiac{--care-chip-icon:url("../icons/care/lab-tests/categories/cardiac.webp")}#crLCat_cancer{--care-chip-icon:url("../icons/care/lab-tests/categories/cancer.webp")}#crLCat_allergy{--care-chip-icon:url("../icons/care/lab-tests/categories/allergy.webp")}#crLCat_sti{--care-chip-icon:url("../icons/care/lab-tests/categories/sti.webp")}#crLCat_urine{--care-chip-icon:url("../icons/care/lab-tests/categories/urine.webp")}#crLCat_packages{--care-chip-icon:url("../icons/care/lab-tests/categories/packages.webp")}#crLCat_other{--care-chip-icon:url("../icons/care/lab-tests/categories/other.webp")} #crPhCat_prescription{--care-chip-icon:url("../icons/care/pharmacy/categories/prescription.webp")}#crPhCat_otc{--care-chip-icon:url("../icons/care/pharmacy/categories/otc.webp")}#crPhCat_supplements{--care-chip-icon:url("../icons/care/pharmacy/categories/supplements.webp")}#crPhCat_skincare{--care-chip-icon:url("../icons/care/pharmacy/categories/skincare.webp")}#crPhCat_baby{--care-chip-icon:url("../icons/care/pharmacy/categories/baby.webp")}#crPhCat_medical{--care-chip-icon:url("../icons/care/pharmacy/categories/medical.webp")}#crPhCat_herbal{--care-chip-icon:url("../icons/care/pharmacy/categories/herbal.webp")}#crPhCat_sexual{--care-chip-icon:url("../icons/care/pharmacy/categories/sexual.webp")}#crPhCat_hometest{--care-chip-icon:url("../icons/care/pharmacy/categories/hometest.webp")}#crPhCat_veterinary{--care-chip-icon:url("../icons/care/pharmacy/categories/veterinary.webp")}#crPhCat_other{--care-chip-icon:url("../icons/care/pharmacy/categories/other.webp")} #crWCat_fitness{--care-chip-icon:url("../icons/care/wellness/categories/fitness.webp")}#crWCat_yoga{--care-chip-icon:url("../icons/care/wellness/categories/yoga.webp")}#crWCat_nutrition{--care-chip-icon:url("../icons/care/wellness/categories/nutrition.webp")}#crWCat_spa{--care-chip-icon:url("../icons/care/wellness/categories/spa.webp")}#crWCat_mental{--care-chip-icon:url("../icons/care/wellness/categories/mental.webp")}#crWCat_massage{--care-chip-icon:url("../icons/care/wellness/categories/massage.webp")}#crWCat_alternative{--care-chip-icon:url("../icons/care/wellness/categories/alternative.webp")}#crWCat_sleep{--care-chip-icon:url("../icons/care/wellness/categories/sleep.webp")}#crWCat_weight{--care-chip-icon:url("../icons/care/wellness/categories/weight.webp")}#crWCat_corporate{--care-chip-icon:url("../icons/care/wellness/categories/corporate.webp")}#crWCat_rehab{--care-chip-icon:url("../icons/care/wellness/categories/rehab.webp")}#crWCat_other{--care-chip-icon:url("../icons/care/wellness/categories/other.webp")} #crECat_ambulance{--care-chip-icon:url("../icons/care/emergency/categories/ambulance.webp")}#crECat_doctor{--care-chip-icon:url("../icons/care/emergency/categories/doctor.webp")}#crECat_homevisit{--care-chip-icon:url("../icons/care/emergency/categories/homevisit.webp")}#crECat_mental{--care-chip-icon:url("../icons/care/emergency/categories/mental.webp")}#crECat_poison{--care-chip-icon:url("../icons/care/emergency/categories/poison.webp")}#crECat_cardiac{--care-chip-icon:url("../icons/care/emergency/categories/cardiac.webp")}#crECat_trauma{--care-chip-icon:url("../icons/care/emergency/categories/trauma.webp")}#crECat_paediatric{--care-chip-icon:url("../icons/care/emergency/categories/paediatric.webp")}#crECat_maternity{--care-chip-icon:url("../icons/care/emergency/categories/maternity.webp")}#crECat_telehealth{--care-chip-icon:url("../icons/care/emergency/categories/telehealth.webp")}#crECat_other{--care-chip-icon:url("../icons/care/emergency/categories/other.webp")} #crNCat_home{--care-chip-icon:url("../icons/care/nursing/categories/home.webp")}#crNCat_elderly{--care-chip-icon:url("../icons/care/nursing/categories/elderly.webp")}#crNCat_postsurgery{--care-chip-icon:url("../icons/care/nursing/categories/postsurgery.webp")}#crNCat_palliative{--care-chip-icon:url("../icons/care/nursing/categories/palliative.webp")}#crNCat_paediatric{--care-chip-icon:url("../icons/care/nursing/categories/paediatric.webp")}#crNCat_maternity{--care-chip-icon:url("../icons/care/nursing/categories/maternity.webp")}#crNCat_mental{--care-chip-icon:url("../icons/care/nursing/categories/mental.webp")}#crNCat_chronic{--care-chip-icon:url("../icons/care/nursing/categories/chronic.webp")}#crNCat_wound{--care-chip-icon:url("../icons/care/nursing/categories/wound.webp")}#crNCat_disability{--care-chip-icon:url("../icons/care/nursing/categories/disability.webp")}#crNCat_other{--care-chip-icon:url("../icons/care/nursing/categories/other.webp")} #crHPCat_general{--care-chip-icon:url("../icons/care/packages/categories/general.webp")}#crHPCat_executive{--care-chip-icon:url("../icons/care/packages/categories/executive.webp")}#crHPCat_family{--care-chip-icon:url("../icons/care/packages/categories/family.webp")}#crHPCat_corporate{--care-chip-icon:url("../icons/care/packages/categories/corporate.webp")}#crHPCat_women{--care-chip-icon:url("../icons/care/packages/categories/women.webp")}#crHPCat_men{--care-chip-icon:url("../icons/care/packages/categories/men.webp")}#crHPCat_senior{--care-chip-icon:url("../icons/care/packages/categories/senior.webp")}#crHPCat_cardiac{--care-chip-icon:url("../icons/care/packages/categories/cardiac.webp")}#crHPCat_diabetes{--care-chip-icon:url("../icons/care/packages/categories/diabetes.webp")}#crHPCat_cancer{--care-chip-icon:url("../icons/care/packages/categories/cancer.webp")}#crHPCat_maternity{--care-chip-icon:url("../icons/care/packages/categories/maternity.webp")}#crHPCat_other{--care-chip-icon:url("../icons/care/packages/categories/other.webp")} /* js-legal-theme-icons */ .legal-mode-card-icon { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 70px !important; height: 70px !important; border: 0 !important; border-radius: 16px !important; background: var(--brand) !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; box-shadow: 0 12px 24px rgba(0,131,116,.18) !important; } .legal-mode-card.active .legal-mode-card-icon { background: var(--brand) !important; box-shadow: 0 14px 28px rgba(0,131,116,.24) !important; } .legal-mode-card-icon::before { content: "" !important; position: absolute !important; inset: 17px !important; display: block !important; background-color: transparent !important; background-image: var(--legal-icon-url) !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; } .legal-mode-card[data-legal-type="advocates"] { --legal-icon-url: url("../icons/legal/legal-advocates.webp"); } .legal-mode-card[data-legal-type="lawfirms"] { --legal-icon-url: url("../icons/legal/legal-lawfirms.webp"); } .legal-mode-card[data-legal-type="legaladvice"] { --legal-icon-url: url("../icons/legal/legal-legaladvice.webp"); } .legal-mode-card[data-legal-type="legalproducts"] { --legal-icon-url: url("../icons/legal/legal-legalproducts.webp"); } .legal-mode-card[data-legal-type="advocates"] .legal-mode-card-icon::before { background-image: url("../icons/legal/legal-advocates.webp") !important; } .legal-mode-card[data-legal-type="lawfirms"] .legal-mode-card-icon::before { background-image: url("../icons/legal/legal-lawfirms.webp") !important; } .legal-mode-card[data-legal-type="legaladvice"] .legal-mode-card-icon::before { background-image: url("../icons/legal/legal-legaladvice.webp") !important; } .legal-mode-card[data-legal-type="legalproducts"] .legal-mode-card-icon::before { background-image: url("../icons/legal/legal-legalproducts.webp") !important; } /* Legal category and sub-category icon chips */ #legalAdvocatesCatGroup [id^="laACat_"], #legalLawFirmsCatGroup [id^="laFCat_"], #legalAdviceCatGroup [id^="laVCat_"], #legalProductsCatGroup [id^="laPCat_"], #legalWrap .legal-sub-icon-chip{ display:inline-flex !important; align-items:center !important; gap:9px !important; min-height:40px !important; padding:7px 14px 7px 8px !important; border:1.5px solid #dbe6f3 !important; border-radius:999px !important; background:#fff !important; color:#0f172a !important; -webkit-text-fill-color:#0f172a !important; font-size:13px !important; font-weight:900 !important; line-height:1.2 !important; box-sizing:border-box !important; } #legalAdvocatesCatGroup [id^="laACat_"]::before, #legalLawFirmsCatGroup [id^="laFCat_"]::before, #legalAdviceCatGroup [id^="laVCat_"]::before, #legalProductsCatGroup [id^="laPCat_"]::before, #legalWrap .legal-sub-icon-chip::before{ content:"" !important; display:inline-block !important; width:28px !important; height:28px !important; min-width:28px !important; border-radius:9px !important; background-color:var(--brand,#008374) !important; background-image:var(--legal-chip-icon) !important; background-position:center !important; background-repeat:no-repeat !important; background-size:17px 17px !important; box-shadow:0 8px 18px rgba(0,131,116,.14) !important; } #legalWrap .pi-level-grid:has(.legal-sub-icon-chip){display:flex !important;flex-wrap:wrap !important;gap:8px !important;} #legalAdvocatesCatGroup [id^="laACat_"].selected, #legalLawFirmsCatGroup [id^="laFCat_"].selected, #legalAdviceCatGroup [id^="laVCat_"].selected, #legalProductsCatGroup [id^="laPCat_"].selected, #legalWrap .legal-sub-icon-chip.selected{ border-color:var(--brand,#008374) !important; background:#eafffb !important; color:var(--brand,#008374) !important; -webkit-text-fill-color:var(--brand,#008374) !important; box-shadow:0 8px 20px rgba(0,131,116,.10) !important; } #laACat_criminal{--legal-chip-icon:url("../icons/legal/advocates/categories/criminal.webp")}#laACat_civil{--legal-chip-icon:url("../icons/legal/advocates/categories/civil.webp")}#laACat_family{--legal-chip-icon:url("../icons/legal/advocates/categories/family.webp")}#laACat_corporate{--legal-chip-icon:url("../icons/legal/advocates/categories/corporate.webp")}#laACat_property{--legal-chip-icon:url("../icons/legal/advocates/categories/property.webp")}#laACat_employment{--legal-chip-icon:url("../icons/legal/advocates/categories/employment.webp")}#laACat_immigration{--legal-chip-icon:url("../icons/legal/advocates/categories/immigration.webp")}#laACat_ip{--legal-chip-icon:url("../icons/legal/advocates/categories/ip.webp")}#laACat_tax{--legal-chip-icon:url("../icons/legal/advocates/categories/tax.webp")}#laACat_medical{--legal-chip-icon:url("../icons/legal/advocates/categories/medical.webp")}#laACat_human{--legal-chip-icon:url("../icons/legal/advocates/categories/human.webp")}#laACat_other{--legal-chip-icon:url("../icons/legal/advocates/categories/other.webp")} #laFCat_full{--legal-chip-icon:url("../icons/legal/lawfirms/categories/full.webp")}#laFCat_criminal{--legal-chip-icon:url("../icons/legal/lawfirms/categories/criminal.webp")}#laFCat_corporate{--legal-chip-icon:url("../icons/legal/lawfirms/categories/corporate.webp")}#laFCat_family{--legal-chip-icon:url("../icons/legal/lawfirms/categories/family.webp")}#laFCat_property{--legal-chip-icon:url("../icons/legal/lawfirms/categories/property.webp")}#laFCat_employment{--legal-chip-icon:url("../icons/legal/lawfirms/categories/employment.webp")}#laFCat_ip{--legal-chip-icon:url("../icons/legal/lawfirms/categories/ip.webp")}#laFCat_immigration{--legal-chip-icon:url("../icons/legal/lawfirms/categories/immigration.webp")}#laFCat_tax{--legal-chip-icon:url("../icons/legal/lawfirms/categories/tax.webp")}#laFCat_medical{--legal-chip-icon:url("../icons/legal/lawfirms/categories/medical.webp")}#laFCat_human{--legal-chip-icon:url("../icons/legal/lawfirms/categories/human.webp")}#laFCat_other{--legal-chip-icon:url("../icons/legal/lawfirms/categories/other.webp")} #laVCat_criminal{--legal-chip-icon:url("../icons/legal/advice/categories/criminal.webp")}#laVCat_civil{--legal-chip-icon:url("../icons/legal/advice/categories/civil.webp")}#laVCat_family{--legal-chip-icon:url("../icons/legal/advice/categories/family.webp")}#laVCat_corporate{--legal-chip-icon:url("../icons/legal/advice/categories/corporate.webp")}#laVCat_property{--legal-chip-icon:url("../icons/legal/advice/categories/property.webp")}#laVCat_employment{--legal-chip-icon:url("../icons/legal/advice/categories/employment.webp")}#laVCat_immigration{--legal-chip-icon:url("../icons/legal/advice/categories/immigration.webp")}#laVCat_ip{--legal-chip-icon:url("../icons/legal/advice/categories/ip.webp")}#laVCat_tax{--legal-chip-icon:url("../icons/legal/advice/categories/tax.webp")}#laVCat_consumer{--legal-chip-icon:url("../icons/legal/advice/categories/consumer.webp")}#laVCat_human{--legal-chip-icon:url("../icons/legal/advice/categories/human.webp")}#laVCat_other{--legal-chip-icon:url("../icons/legal/advice/categories/other.webp")} #laPCat_templates{--legal-chip-icon:url("../icons/legal/products/categories/templates.webp")}#laPCat_contracts{--legal-chip-icon:url("../icons/legal/products/categories/contracts.webp")}#laPCat_guides{--legal-chip-icon:url("../icons/legal/products/categories/guides.webp")}#laPCat_bundles{--legal-chip-icon:url("../icons/legal/products/categories/bundles.webp")}#laPCat_software{--legal-chip-icon:url("../icons/legal/products/categories/software.webp")}#laPCat_courses{--legal-chip-icon:url("../icons/legal/products/categories/courses.webp")}#laPCat_letters{--legal-chip-icon:url("../icons/legal/products/categories/letters.webp")}#laPCat_compliance{--legal-chip-icon:url("../icons/legal/products/categories/compliance.webp")}#laPCat_startup{--legal-chip-icon:url("../icons/legal/products/categories/startup.webp")}#laPCat_property{--legal-chip-icon:url("../icons/legal/products/categories/property.webp")}#laPCat_other{--legal-chip-icon:url("../icons/legal/products/categories/other.webp")} body.legal-details-stage #legalAdvocatesCatGroup > div:first-child, body.legal-details-stage #legalLawFirmsCatGroup > div:first-child { padding: 28px 24px 24px 104px !important; line-height: 1.1 !important; letter-spacing: 0 !important; } body.legal-details-stage #legalAdvocatesCatGroup > div:first-child::before, body.legal-details-stage #legalLawFirmsCatGroup > div:first-child::before { position: static !important; left: auto !important; top: auto !important; display: block !important; margin: 0 0 12px !important; width: auto !important; height: auto !important; transform: none !important; background: none !important; border: 0 !important; box-shadow: none !important; color: rgba(255,255,255,.86) !important; -webkit-text-fill-color: rgba(255,255,255,.86) !important; font-family: "Nunito", system-ui, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: 1.3px !important; text-transform: uppercase !important; } /* js-services-theme-icons */ .svc-mode-card-icon, #svcModeCards .smc-icon{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:70px !important; height:70px !important; border:0 !important; border-radius:16px !important; background:var(--brand) !important; color:transparent !important; -webkit-text-fill-color:transparent !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; box-shadow:0 12px 24px rgba(0,131,116,.18) !important; } .svc-mode-card.active .svc-mode-card-icon, #svcModeCards .svc-mode-card.active .smc-icon{ background:var(--brand) !important; box-shadow:0 10px 22px rgba(0,131,116,.22) !important; } .svc-mode-card-icon::before, #svcModeCards .smc-icon::before{ content:"" !important; position:absolute !important; inset:18px !important; display:block !important; background:transparent var(--services-icon-url) center/contain no-repeat !important; } .svc-mode-card[data-service-mode="project"], #svcModeCards .svc-mode-card[data-service-mode="project"]{--services-icon-url:url("../icons/services/services-project.webp")} .svc-mode-card[data-service-mode="gig"], #svcModeCards .svc-mode-card[data-service-mode="gig"]{--services-icon-url:url("../icons/services/services-gig.webp")} .svc-mode-card[data-service-mode="localpros"], #svcModeCards .svc-mode-card[data-service-mode="localpros"]{--services-icon-url:url("../icons/services/services-localpros.webp")} .svc-mode-card[data-service-mode="project"] .svc-mode-card-icon::before, #svcModeCards .svc-mode-card[data-service-mode="project"] .smc-icon::before{background-image:url("../icons/services/services-project.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .svc-mode-card[data-service-mode="gig"] .svc-mode-card-icon::before, #svcModeCards .svc-mode-card[data-service-mode="gig"] .smc-icon::before{background-image:url("../icons/services/services-gig.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .svc-mode-card[data-service-mode="localpros"] .svc-mode-card-icon::before, #svcModeCards .svc-mode-card[data-service-mode="localpros"] .smc-icon::before{background-image:url("../icons/services/services-localpros.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} #servicesModeWrap #projectFields [id^="ppjCat_"], #servicesGigWrap [id^="gigCat_"], #localProsWrap [id^="lpCat_"], #servicesModeWrap .services-sub-icon-chip{ display:inline-flex !important; align-items:center !important; gap:9px !important; min-height:40px !important; padding:7px 14px 7px 8px !important; border:1.5px solid #dbe6f3 !important; border-radius:999px !important; background:#fff !important; color:#0f172a !important; -webkit-text-fill-color:#0f172a !important; font-size:13px !important; font-weight:900 !important; line-height:1.2 !important; box-sizing:border-box !important; } #servicesModeWrap #projectFields [id^="ppjCat_"]::before, #servicesGigWrap [id^="gigCat_"]::before, #localProsWrap [id^="lpCat_"]::before, #servicesModeWrap .services-sub-icon-chip::before{ content:"" !important; display:inline-block !important; width:28px !important; height:28px !important; min-width:28px !important; border-radius:9px !important; background-color:var(--brand,#008374) !important; background-image:var(--services-chip-icon) !important; background-position:center !important; background-repeat:no-repeat !important; background-size:17px 17px !important; box-shadow:0 8px 18px rgba(0,131,116,.14) !important; } #servicesModeWrap #projectFields .pjf-card:has(#ppjCat_design) > div[style*="grid-template-columns"]{ grid-template-columns:repeat(auto-fill,minmax(145px,1fr)) !important; gap:8px !important; } #servicesModeWrap .pi-level-grid:has(.services-sub-icon-chip){ display:flex !important; flex-wrap:wrap !important; gap:8px !important; } #servicesModeWrap #projectFields [id^="ppjCat_"].selected, #servicesGigWrap [id^="gigCat_"].selected, #localProsWrap [id^="lpCat_"].selected, #servicesModeWrap .services-sub-icon-chip.selected{ border-color:var(--brand,#008374) !important; background:#eafffb !important; color:var(--brand,#008374) !important; -webkit-text-fill-color:var(--brand,#008374) !important; box-shadow:0 8px 20px rgba(0,131,116,.10) !important; } #ppjCat_design,#gigCat_design{--services-chip-icon:url("../icons/services/freelance/categories/design.webp")} #ppjCat_writing,#gigCat_writing{--services-chip-icon:url("../icons/services/freelance/categories/writing.webp")} #ppjCat_video,#gigCat_video{--services-chip-icon:url("../icons/services/freelance/categories/video.webp")} #ppjCat_marketing,#gigCat_marketing{--services-chip-icon:url("../icons/services/freelance/categories/marketing.webp")} #ppjCat_dev,#gigCat_dev{--services-chip-icon:url("../icons/services/freelance/categories/dev.webp")} #ppjCat_music,#gigCat_music{--services-chip-icon:url("../icons/services/freelance/categories/music.webp")} #ppjCat_photo,#gigCat_photo{--services-chip-icon:url("../icons/services/freelance/categories/photo.webp")} #ppjCat_business,#gigCat_business{--services-chip-icon:url("../icons/services/freelance/categories/business.webp")} #ppjCat_other,#gigCat_other{--services-chip-icon:url("../icons/services/freelance/categories/other.webp")} #lpCat_plumber{--services-chip-icon:url("../icons/services/local-pros/categories/plumber.webp")} #lpCat_electrician{--services-chip-icon:url("../icons/services/local-pros/categories/electrician.webp")} #lpCat_cleaner{--services-chip-icon:url("../icons/services/local-pros/categories/cleaner.webp")} #lpCat_painter{--services-chip-icon:url("../icons/services/local-pros/categories/painter.webp")} #lpCat_carpenter{--services-chip-icon:url("../icons/services/local-pros/categories/carpenter.webp")} #lpCat_mover{--services-chip-icon:url("../icons/services/local-pros/categories/mover.webp")} #lpCat_gardener{--services-chip-icon:url("../icons/services/local-pros/categories/gardener.webp")} #lpCat_other{--services-chip-icon:url("../icons/services/local-pros/categories/other.webp")} /* js-bookit-theme-icons */ .bookit-mode-card-icon, body.bookit-category-stage .bookit-mode-card-icon{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:70px !important; height:70px !important; border:0 !important; border-radius:16px !important; background:var(--brand) !important; color:transparent !important; -webkit-text-fill-color:transparent !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; box-shadow:0 12px 24px rgba(0,131,116,.18) !important; } .bookit-mode-card.active .bookit-mode-card-icon, body.bookit-category-stage .bookit-mode-card.active .bookit-mode-card-icon{ background:var(--brand) !important; box-shadow:0 10px 22px rgba(0,131,116,.22) !important; } .bookit-mode-card-icon::before, body.bookit-category-stage .bookit-mode-card-icon::before{ content:"" !important; position:absolute !important; inset:18px !important; display:block !important; background:transparent var(--bookit-icon-url) center/contain no-repeat !important; } .bookit-mode-card[data-bookit-cat="hotels"]{--bookit-icon-url:url("../icons/bookit/bookit-hotels.webp")} .bookit-mode-card[data-bookit-cat="vacation"]{--bookit-icon-url:url("../icons/bookit/bookit-vacation.webp")} .bookit-mode-card[data-bookit-cat="tickets"]{--bookit-icon-url:url("../icons/bookit/bookit-tickets.webp")} .bookit-mode-card[data-bookit-cat="experiences"]{--bookit-icon-url:url("../icons/bookit/bookit-experiences.webp")} .bookit-mode-card[data-bookit-cat="passes"]{--bookit-icon-url:url("../icons/bookit/bookit-passes.webp")} .bookit-mode-card[data-bookit-cat="transfers"]{--bookit-icon-url:url("../icons/bookit/bookit-transfers.webp")} .bookit-mode-card[data-bookit-cat="hotels"] .bookit-mode-card-icon::before{background-image:url("../icons/bookit/bookit-hotels.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .bookit-mode-card[data-bookit-cat="vacation"] .bookit-mode-card-icon::before{background-image:url("../icons/bookit/bookit-vacation.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .bookit-mode-card[data-bookit-cat="tickets"] .bookit-mode-card-icon::before{background-image:url("../icons/bookit/bookit-tickets.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .bookit-mode-card[data-bookit-cat="experiences"] .bookit-mode-card-icon::before{background-image:url("../icons/bookit/bookit-experiences.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .bookit-mode-card[data-bookit-cat="passes"] .bookit-mode-card-icon::before{background-image:url("../icons/bookit/bookit-passes.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .bookit-mode-card[data-bookit-cat="transfers"] .bookit-mode-card-icon::before{background-image:url("../icons/bookit/bookit-transfers.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} /* js-bookit-first-layer-icons */ #step2 :is(#bookitHotelCatGroup,#bookitVacationCatGroup,#bookitTicketsCatGroup,#bookitExperiencesCatGroup,#bookitPassesCatGroup,#bookitTransfersCatGroup) > label:first-child { position: relative !important; display: block !important; min-height: 112px !important; padding: 52px 24px 26px 104px !important; margin: 0 -22px 18px !important; border-radius: 16px 16px 0 0 !important; background: linear-gradient(135deg,#006a5d 0%,#007e6e 55%,#008374 100%) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-family: "Roboto Slab", Georgia, serif !important; font-size: 28px !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: 0 !important; box-sizing: border-box !important; } #step2 :is(#bookitHotelCatGroup,#bookitVacationCatGroup,#bookitTicketsCatGroup,#bookitExperiencesCatGroup,#bookitPassesCatGroup,#bookitTransfersCatGroup) > label:first-child::before { content: "CATEGORY" !important; position: absolute !important; left: 104px !important; top: 26px !important; display: block !important; margin: 0 !important; color: rgba(255,255,255,.86) !important; -webkit-text-fill-color: rgba(255,255,255,.86) !important; font-family: "Nunito", system-ui, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: 1.3px !important; text-transform: uppercase !important; } #step2 :is(#bookitHotelCatGroup,#bookitVacationCatGroup,#bookitTicketsCatGroup,#bookitExperiencesCatGroup,#bookitPassesCatGroup,#bookitTransfersCatGroup) > label:first-child::after { content: "" !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 60px !important; height: 60px !important; border-radius: 14px !important; background-color: rgba(255,255,255,.12) !important; background-position: center !important; background-size: 30px 30px !important; background-repeat: no-repeat !important; border: 1px solid rgba(255,255,255,.24) !important; box-shadow: 0 6px 18px rgba(0,0,0,.16) !important; } #step2 #bookitHotelCatGroup > label:first-child::after { background-image: url("../icons/bookit/bookit-hotels.webp") !important; } #step2 #bookitVacationCatGroup > label:first-child::after { background-image: url("../icons/bookit/bookit-vacation.webp") !important; } #step2 #bookitTicketsCatGroup > label:first-child::after { background-image: url("../icons/bookit/bookit-tickets.webp") !important; } #step2 #bookitExperiencesCatGroup > label:first-child::after { background-image: url("../icons/bookit/bookit-experiences.webp") !important; } #step2 #bookitPassesCatGroup > label:first-child::after { background-image: url("../icons/bookit/bookit-passes.webp") !important; } #step2 #bookitTransfersCatGroup > label:first-child::after { background-image: url("../icons/bookit/bookit-transfers.webp") !important; } #bookitHotelCatGroup .lp-cat-chip[id^="bkHCat_"], #bookitVacationCatGroup .lp-cat-chip[id^="bkVCat_"], #bookitTicketsCatGroup .lp-cat-chip[id^="bkTCat_"], #bookitExperiencesCatGroup .lp-cat-chip[id^="bkECat_"], #bookitPassesCatGroup .lp-cat-chip[id^="bkPCat_"], #bookitTransfersCatGroup .lp-cat-chip[id^="bkXCat_"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } #bookitHotelCatGroup .lp-cat-chip[id^="bkHCat_"]::before, #bookitVacationCatGroup .lp-cat-chip[id^="bkVCat_"]::before, #bookitTicketsCatGroup .lp-cat-chip[id^="bkTCat_"]::before, #bookitExperiencesCatGroup .lp-cat-chip[id^="bkECat_"]::before, #bookitPassesCatGroup .lp-cat-chip[id^="bkPCat_"]::before, #bookitTransfersCatGroup .lp-cat-chip[id^="bkXCat_"]::before { content: "" !important; flex: 0 0 auto !important; display: block !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; background-color: var(--brand) !important; background-image: var(--bookit-cat-icon) !important; background-position: center !important; background-size: 17px 17px !important; background-repeat: no-repeat !important; box-shadow: 0 8px 18px rgba(0,131,116,.16) !important; } #bookitHotelCatGroup .lp-cat-chip.active::before, #bookitHotelCatGroup .lp-cat-chip.selected::before, #bookitVacationCatGroup .lp-cat-chip.active::before, #bookitVacationCatGroup .lp-cat-chip.selected::before, #bookitTicketsCatGroup .lp-cat-chip.active::before, #bookitTicketsCatGroup .lp-cat-chip.selected::before, #bookitExperiencesCatGroup .lp-cat-chip.active::before, #bookitExperiencesCatGroup .lp-cat-chip.selected::before, #bookitPassesCatGroup .lp-cat-chip.active::before, #bookitPassesCatGroup .lp-cat-chip.selected::before, #bookitTransfersCatGroup .lp-cat-chip.active::before, #bookitTransfersCatGroup .lp-cat-chip.selected::before { background-color: rgba(255,255,255,.18) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; } #bkHCat_hotel { --bookit-cat-icon: url("../icons/bookit/hotels/hotel.webp"); } #bkHCat_resort { --bookit-cat-icon: url("../icons/bookit/hotels/resort.webp"); } #bkHCat_boutique { --bookit-cat-icon: url("../icons/bookit/hotels/boutique.webp"); } #bkHCat_villa { --bookit-cat-icon: url("../icons/bookit/hotels/villa.webp"); } #bkHCat_bb { --bookit-cat-icon: url("../icons/bookit/hotels/bb.webp"); } #bkHCat_guesthouse { --bookit-cat-icon: url("../icons/bookit/hotels/guest-house.webp"); } #bkHCat_hostel { --bookit-cat-icon: url("../icons/bookit/hotels/hostel.webp"); } #bkHCat_apartment { --bookit-cat-icon: url("../icons/bookit/hotels/apartment.webp"); } #bkHCat_lodge { --bookit-cat-icon: url("../icons/bookit/hotels/lodge.webp"); } #bkHCat_other { --bookit-cat-icon: url("../icons/bookit/hotels/other.webp"); } #bkVCat_home { --bookit-cat-icon: url("../icons/bookit/vacation/entire-home.webp"); } #bkVCat_apartment { --bookit-cat-icon: url("../icons/bookit/vacation/apartment.webp"); } #bkVCat_room { --bookit-cat-icon: url("../icons/bookit/vacation/private-room.webp"); } #bkVCat_villa { --bookit-cat-icon: url("../icons/bookit/vacation/villa.webp"); } #bkVCat_cottage { --bookit-cat-icon: url("../icons/bookit/vacation/cottage.webp"); } #bkVCat_cabin { --bookit-cat-icon: url("../icons/bookit/vacation/cabin.webp"); } #bkVCat_treehouse { --bookit-cat-icon: url("../icons/bookit/vacation/treehouse.webp"); } #bkVCat_boat { --bookit-cat-icon: url("../icons/bookit/vacation/boat-houseboat.webp"); } #bkVCat_farm { --bookit-cat-icon: url("../icons/bookit/vacation/farm-stay.webp"); } #bkVCat_other { --bookit-cat-icon: url("../icons/bookit/vacation/other.webp"); } #bkTCat_cinema { --bookit-cat-icon: url("../icons/bookit/tickets/cinema.webp"); } #bkTCat_theatre { --bookit-cat-icon: url("../icons/bookit/tickets/theatre.webp"); } #bkTCat_concert { --bookit-cat-icon: url("../icons/bookit/tickets/concert.webp"); } #bkTCat_sports { --bookit-cat-icon: url("../icons/bookit/tickets/sports.webp"); } #bkTCat_museum { --bookit-cat-icon: url("../icons/bookit/tickets/museum.webp"); } #bkTCat_amusement { --bookit-cat-icon: url("../icons/bookit/tickets/amusement.webp"); } #bkTCat_transport { --bookit-cat-icon: url("../icons/bookit/tickets/transport.webp"); } #bkTCat_tour { --bookit-cat-icon: url("../icons/bookit/tickets/tour.webp"); } #bkTCat_festival { --bookit-cat-icon: url("../icons/bookit/tickets/festival.webp"); } #bkTCat_conference { --bookit-cat-icon: url("../icons/bookit/tickets/conference.webp"); } #bkTCat_other { --bookit-cat-icon: url("../icons/bookit/tickets/other.webp"); } #bkECat_tours { --bookit-cat-icon: url("../icons/bookit/experiences/tours.webp"); } #bkECat_activities { --bookit-cat-icon: url("../icons/bookit/experiences/activities.webp"); } #bkECat_classes { --bookit-cat-icon: url("../icons/bookit/experiences/classes.webp"); } #bkECat_adventures { --bookit-cat-icon: url("../icons/bookit/experiences/adventures.webp"); } #bkECat_food { --bookit-cat-icon: url("../icons/bookit/experiences/food.webp"); } #bkECat_wellness { --bookit-cat-icon: url("../icons/bookit/experiences/wellness.webp"); } #bkECat_guided { --bookit-cat-icon: url("../icons/bookit/experiences/guided.webp"); } #bkECat_sports { --bookit-cat-icon: url("../icons/bookit/experiences/sports.webp"); } #bkECat_nature { --bookit-cat-icon: url("../icons/bookit/experiences/nature.webp"); } #bkECat_nightlife { --bookit-cat-icon: url("../icons/bookit/experiences/nightlife.webp"); } #bkECat_other { --bookit-cat-icon: url("../icons/bookit/experiences/other.webp"); } #bkPCat_transport { --bookit-cat-icon: url("../icons/bookit/passes/transport.webp"); } #bkPCat_museum { --bookit-cat-icon: url("../icons/bookit/passes/museum.webp"); } #bkPCat_city { --bookit-cat-icon: url("../icons/bookit/passes/city.webp"); } #bkPCat_gym { --bookit-cat-icon: url("../icons/bookit/passes/gym.webp"); } #bkPCat_entertainment { --bookit-cat-icon: url("../icons/bookit/passes/entertainment.webp"); } #bkPCat_ski { --bookit-cat-icon: url("../icons/bookit/passes/ski.webp"); } #bkPCat_golf { --bookit-cat-icon: url("../icons/bookit/passes/golf.webp"); } #bkPCat_spa { --bookit-cat-icon: url("../icons/bookit/passes/spa.webp"); } #bkPCat_coworking { --bookit-cat-icon: url("../icons/bookit/passes/coworking.webp"); } #bkPCat_theme { --bookit-cat-icon: url("../icons/bookit/passes/theme.webp"); } #bkPCat_other { --bookit-cat-icon: url("../icons/bookit/passes/other.webp"); } #bkXCat_airport { --bookit-cat-icon: url("../icons/bookit/transfers/airport.webp"); } #bkXCat_city { --bookit-cat-icon: url("../icons/bookit/transfers/city.webp"); } #bkXCat_chauffeur { --bookit-cat-icon: url("../icons/bookit/transfers/chauffeur.webp"); } #bkXCat_cruise { --bookit-cat-icon: url("../icons/bookit/transfers/cruise.webp"); } #bkXCat_hotel { --bookit-cat-icon: url("../icons/bookit/transfers/hotel.webp"); } #bkXCat_intercity { --bookit-cat-icon: url("../icons/bookit/transfers/intercity.webp"); } #bkXCat_event { --bookit-cat-icon: url("../icons/bookit/transfers/event.webp"); } #bkXCat_wedding { --bookit-cat-icon: url("../icons/bookit/transfers/wedding.webp"); } #bkXCat_medical { --bookit-cat-icon: url("../icons/bookit/transfers/medical.webp"); } #bkXCat_school { --bookit-cat-icon: url("../icons/bookit/transfers/school.webp"); } #bkXCat_other { --bookit-cat-icon: url("../icons/bookit/transfers/other.webp"); } /* js-shopit-theme-icons */ .shopit-mode-card-icon, body.shopit-category-stage .shopit-mode-card-icon, body.shopit-flow-active .shopit-mode-card-icon{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:70px !important; height:70px !important; border:0 !important; border-radius:16px !important; background:var(--brand) !important; color:transparent !important; -webkit-text-fill-color:transparent !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; box-shadow:0 12px 24px rgba(0,131,116,.18) !important; } .shopit-mode-card.active .shopit-mode-card-icon, body.shopit-category-stage .shopit-mode-card.active .shopit-mode-card-icon, body.shopit-flow-active .shopit-mode-card.active .shopit-mode-card-icon{ background:var(--brand) !important; box-shadow:0 10px 22px rgba(0,131,116,.22) !important; } .shopit-mode-card-icon::before, body.shopit-category-stage .shopit-mode-card-icon::before, body.shopit-flow-active .shopit-mode-card-icon::before{ content:"" !important; position:absolute !important; inset:18px !important; display:block !important; background:transparent var(--shopit-icon-url) center/contain no-repeat !important; } .shopit-mode-card[data-shopit-mode="sell"], body.shopit-category-stage .shopit-mode-card[data-shopit-mode="sell"], body.shopit-flow-active .shopit-mode-card[data-shopit-mode="sell"]{--shopit-icon-url:url("../icons/shopit/shopit-sell.webp")} .shopit-mode-card[data-shopit-mode="deal"], body.shopit-category-stage .shopit-mode-card[data-shopit-mode="deal"], body.shopit-flow-active .shopit-mode-card[data-shopit-mode="deal"]{--shopit-icon-url:url("../icons/shopit/shopit-deal.webp")} .shopit-mode-card[data-shopit-mode="bid"], body.shopit-category-stage .shopit-mode-card[data-shopit-mode="bid"], body.shopit-flow-active .shopit-mode-card[data-shopit-mode="bid"]{--shopit-icon-url:url("../icons/shopit/shopit-bid.webp")} .shopit-mode-card[data-shopit-mode="promo"], body.shopit-category-stage .shopit-mode-card[data-shopit-mode="promo"], body.shopit-flow-active .shopit-mode-card[data-shopit-mode="promo"]{--shopit-icon-url:url("../icons/shopit/shopit-promo.webp")} .shopit-mode-card[data-shopit-mode="sell"] .shopit-mode-card-icon::before{background-image:url("../icons/shopit/shopit-sell.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .shopit-mode-card[data-shopit-mode="deal"] .shopit-mode-card-icon::before{background-image:url("../icons/shopit/shopit-deal.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .shopit-mode-card[data-shopit-mode="bid"] .shopit-mode-card-icon::before{background-image:url("../icons/shopit/shopit-bid.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} .shopit-mode-card[data-shopit-mode="promo"] .shopit-mode-card-icon::before{background-image:url("../icons/shopit/shopit-promo.webp") !important;background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important} /* js-postit-theme-icons */ body.postit-category-stage .postit-mode-card-icon{ position:relative !important; width:70px !important; height:70px !important; border:0 !important; border-radius:16px !important; background:var(--brand) !important; color:transparent !important; -webkit-text-fill-color:transparent !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; box-shadow:0 12px 24px rgba(0,131,116,.18) !important; } body.postit-category-stage .postit-mode-card.active .postit-mode-card-icon{ background:var(--brand) !important; box-shadow:0 10px 22px rgba(0,131,116,.22) !important; } body.postit-category-stage .postit-mode-card-icon::before{ content:"" !important; position:absolute !important; inset:18px !important; display:block !important; background:transparent var(--postit-icon-url) center/contain no-repeat !important; -webkit-mask:none !important; mask:none !important; } body.postit-category-stage .postit-mode-card.active .postit-mode-card-icon::before{ background:transparent var(--postit-icon-url) center/contain no-repeat !important; } body.postit-category-stage .postit-mode-card[data-postit-main="electronics"]{--postit-icon-url:url("../icons/postit/postit-electronics.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="vehicles"]{--postit-icon-url:url("../icons/postit/postit-vehicles.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="realestate"]{--postit-icon-url:url("../icons/postit/postit-realestate.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="furniture"]{--postit-icon-url:url("../icons/postit/postit-furniture.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="fashion"]{--postit-icon-url:url("../icons/postit/postit-fashion.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="services"]{--postit-icon-url:url("../icons/postit/postit-services.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="jobs"]{--postit-icon-url:url("../icons/postit/postit-jobs.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="pets"]{--postit-icon-url:url("../icons/postit/postit-pets.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="sports"]{--postit-icon-url:url("../icons/postit/postit-sports.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="kids"]{--postit-icon-url:url("../icons/postit/postit-kids.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="food"]{--postit-icon-url:url("../icons/postit/postit-food.webp")} body.postit-category-stage .postit-mode-card[data-postit-main="other"]{--postit-icon-url:url("../icons/postit/postit-other.webp")} /* js-postad-public-icon-fallback */ .ad-type-card[data-adtype] .ad-mainicon svg{ display:block !important; width:34px !important; height:34px !important; color:#fff !important; stroke:#fff !important; fill:none !important; } .ad-type-card[data-adtype="shopitpro"] .ad-mainicon svg{ fill:#fff !important; stroke:none !important; } .ad-type-card[data-adtype] .ad-mainicon img{ display:block !important; width:42px !important; height:42px !important; object-fit:contain !important; } .ad-type-card[data-adtype] .ad-mainicon::before{ display:none !important; background-image:none !important; } .shopit-mode-card-icon, body.shopit-category-stage .shopit-mode-card-icon, body.shopit-flow-active .shopit-mode-card-icon{ color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:28px !important; } .shopit-mode-card-icon::before, body.shopit-category-stage .shopit-mode-card-icon::before, body.shopit-flow-active .shopit-mode-card-icon::before{ background-color:transparent !important; -webkit-mask:none !important; mask:none !important; } /* js-module-json-category-card-theme */ #moduleJsonCategorySelector.postit-mode-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; } #moduleJsonCategorySelector .postit-mode-card{ min-height:170px !important; border-radius:20px !important; } #moduleJsonCategorySelector .postit-mode-card-icon{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:70px !important; height:70px !important; border:0 !important; border-radius:16px !important; background:var(--brand) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:28px !important; line-height:1 !important; overflow:hidden !important; box-shadow:0 12px 24px rgba(0,131,116,.18) !important; } #moduleJsonCategorySelector .postit-mode-card-icon img{ display:block !important; width:36px !important; height:36px !important; object-fit:contain !important; filter:brightness(0) invert(1) !important; } #moduleJsonCategorySelector .postit-mode-card-icon svg{ width:36px !important; height:36px !important; color:#fff !important; stroke:#fff !important; } #moduleJsonCategorySelector .postit-mode-card.active .postit-mode-card-icon{ background:var(--brand) !important; box-shadow:0 10px 22px rgba(0,131,116,.22) !important; } @media (max-width:980px){ #moduleJsonCategorySelector.postit-mode-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; } } @media (max-width:720px){ #moduleJsonCategorySelector.postit-mode-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } } @media (max-width:520px){ #moduleJsonCategorySelector.postit-mode-grid{ grid-template-columns:1fr !important; } } /* js-media-preview-modal-fix */ .media-modal{ z-index:1000000 !important; } .media-modal-dialog{ width:100vw !important; height:100vh !important; max-height:100vh !important; margin:0 !important; overflow:visible !important; background:transparent !important; box-shadow:none !important; display:flex !important; align-items:center !important; justify-content:center !important; } .media-modal-body{ width:100vw !important; height:100vh !important; padding:0 !important; border-radius:0 !important; background:rgba(0,0,0,.72) !important; box-shadow:none !important; } .media-modal-body img, .media-modal-body video{ display:block !important; width:100vw !important; max-width:100vw !important; max-height:100vh !important; border-radius:0 !important; background:#0b0f14 !important; object-fit:contain !important; } .media-modal-close, .media-modal-nav{ width:48px !important; height:48px !important; border:1px solid rgba(255,255,255,.35) !important; background:rgba(255,255,255,.88) !important; color:#111827 !important; -webkit-text-fill-color:#111827 !important; box-shadow:0 12px 30px rgba(0,0,0,.28) !important; backdrop-filter:blur(12px) !important; font-size:0 !important; line-height:1 !important; display:grid !important; place-items:center !important; padding:0 !important; margin:0 !important; } .media-modal-close{ top:18px !important; right:22px !important; } .media-modal-close::before{ content:"\00d7" !important; display:block !important; width:100% !important; height:100% !important; font-size:36px !important; font-weight:900 !important; line-height:43px !important; text-align:center !important; } .media-modal-nav.prev{ left:24px !important; } .media-modal-nav.next{ right:24px !important; } .media-modal-nav.prev::before{ content:"\2039" !important; display:block !important; width:100% !important; height:100% !important; font-size:52px !important; font-weight:900 !important; line-height:38px !important; text-align:center !important; transform:translateX(-1px) !important; } .media-modal-nav.next::before{ content:"\203a" !important; display:block !important; width:100% !important; height:100% !important; font-size:52px !important; font-weight:900 !important; line-height:38px !important; text-align:center !important; transform:translateX(1px) !important; } .media-modal-close:hover, .media-modal-nav:hover{ background:#fff !important; transform:scale(1.04) !important; } .media-modal-nav:hover{ transform:translateY(-50%) scale(1.04) !important; } @media (max-width:760px){ .media-modal-dialog{ width:100vw !important; margin:0 !important; } .media-modal-close{ top:14px !important; right:14px !important; } .media-modal-nav.prev{ left:14px !important; } .media-modal-nav.next{ right:14px !important; } } .promo-title{ display:flex !important; align-items:center !important; gap:10px !important; } .promo-icon{ width:30px !important; height:30px !important; border-radius:10px !important; background:#e9f8f5 !important; border:1px solid rgba(0,131,116,.18) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; overflow:hidden !important; } .promo-icon img{ width:22px !important; height:22px !important; object-fit:contain !important; display:block !important; } .promo-icon-text{ color:#008374 !important; font-size:18px !important; font-weight:900 !important; line-height:1 !important; } .postad-step2-fallback-buttons{ display:flex !important; align-items:center !important; gap:14px !important; margin:18px 0 0 !important; } .postad-step2-fallback-buttons .btn{ min-height:46px !important; border-radius:999px !important; font-weight:900 !important; } .postad-step2-fallback-buttons .btn-secondary{ flex:0 0 190px !important; } .postad-step2-fallback-buttons .btn-primary{ flex:1 1 auto !important; } @media (max-width:700px){ .postad-step2-fallback-buttons{ flex-direction:column !important; } .postad-step2-fallback-buttons .btn{ width:100% !important; flex:auto !important; } } /* js-ad-summary-card-restore */ #piAdSummary, #shAdSummary, #bkHAdSummary, #bkVAdSummary, #bkTAdSummary, #bkEAdSummary, #bkPAdSummary, #bkXAdSummary, #laAAdSummary, #lfAdSummary, #lvAdSummary, #lprodAdSummary, #careDoctorAdSummary, #careClinicAdSummary, #careLabAdSummary, #carePharmacyAdSummary, #careWellnessAdSummary, #careEmergencyAdSummary, #careNursingAdSummary, #carePackagesAdSummary{ width:270px !important; flex:0 0 270px !important; margin-left:18px !important; align-self:flex-start !important; border:1px solid #d7e6ea !important; border-radius:14px !important; background:#fff !important; box-shadow:0 14px 35px rgba(15,23,42,.08) !important; overflow:hidden !important; font-family:var(--ff, Nunito, Arial, sans-serif) !important; color:#071527 !important; } #piAdSummaryCard, #shAdSummaryCard, #bkHAdSummaryCard, #bkVAdSummaryCard, #bkTAdSummaryCard, #bkEAdSummaryCard, #bkPAdSummaryCard, #bkXAdSummaryCard{ display:block !important; width:100% !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; } #piAdSummaryHead, #shAdSummaryHead, #bkHAdSummaryHead, #bkVAdSummaryHead, #bkTAdSummaryHead, #bkEAdSummaryHead, #bkPAdSummaryHead, #bkXAdSummaryHead, #laAAdSummaryHead, #lfAdSummaryHead, #lvAdSummaryHead, #lprodAdSummaryHead, #careDoctorAdSummaryHead, #careClinicAdSummaryHead, #careLabAdSummaryHead, #carePharmacyAdSummaryHead, #careWellnessAdSummaryHead, #careEmergencyAdSummaryHead, #careNursingAdSummaryHead, #carePackagesAdSummaryHead{ display:flex !important; align-items:center !important; gap:8px !important; background:#008374 !important; color:#fff !important; border-radius:0 !important; padding:14px 16px !important; font-size:15px !important; font-weight:900 !important; line-height:1.2 !important; box-shadow:none !important; } #piAdSummaryHead svg, #shAdSummaryHead svg, [id$="AdSummaryHead"] svg{ width:16px !important; height:16px !important; stroke:#fff !important; flex:0 0 auto !important; } #piAdSummaryBody, #shAdSummaryBody, #bkHAdSummaryBody, #bkVAdSummaryBody, #bkTAdSummaryBody, #bkEAdSummaryBody, #bkPAdSummaryBody, #bkXAdSummaryBody, [id$="AdSummaryBody"]{ display:block !important; padding:16px !important; background:#fff !important; } .pi-sum-row{ display:block !important; padding:0 0 11px !important; margin:0 0 11px !important; border-bottom:1px solid #e8eef2 !important; } .pi-sum-label{ display:block !important; margin:0 0 4px !important; color:#8895ab !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.7px !important; text-transform:uppercase !important; line-height:1.2 !important; } .pi-sum-value{ display:block !important; color:#071527 !important; font-size:13px !important; font-weight:900 !important; line-height:1.35 !important; word-break:break-word !important; } .pi-sum-empty{ color:#8c97aa !important; font-style:italic !important; font-weight:700 !important; } .pi-sum-divider{ height:1px !important; margin:2px 0 12px !important; background:#e8eef2 !important; border:0 !important; } #piSumPreviewBtn, #shSumPreviewBtn, #bkHSumPreviewBtn, #bkVSumPreviewBtn, #bkTSumPreviewBtn, #bkESumPreviewBtn, #bkPSumPreviewBtn, #bkXSumPreviewBtn, [id$="SumPreviewBtn"]{ width:100% !important; min-height:38px !important; border:0 !important; border-radius:999px !important; background:#008374 !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; padding:10px 14px !important; font-size:13px !important; font-weight:900 !important; font-family:var(--ff, Nunito, Arial, sans-serif) !important; box-shadow:0 10px 22px rgba(0,131,116,.18) !important; cursor:pointer !important; } #piSumPreviewBtn svg, #shSumPreviewBtn svg, [id$="SumPreviewBtn"] svg{ width:15px !important; height:15px !important; stroke:#fff !important; } /* Keep every BookIt-generated summary card on the restored polished UI, including future BookIt modes that add new bk*AdSummary ids. */ #piPostitLayoutWrap [id^="bk"][id$="AdSummary"]{ width:270px !important; flex:0 0 270px !important; margin-left:18px !important; align-self:flex-start !important; border:1px solid #d7e6ea !important; border-radius:14px !important; background:#fff !important; box-shadow:0 14px 35px rgba(15,23,42,.08) !important; overflow:hidden !important; font-family:var(--ff, Nunito, Arial, sans-serif) !important; color:#071527 !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummaryCard"]{ display:block !important; width:100% !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummaryHead"]{ display:flex !important; align-items:center !important; gap:8px !important; background:#008374 !important; color:#fff !important; border-radius:0 !important; padding:14px 16px !important; font-size:15px !important; font-weight:900 !important; line-height:1.2 !important; box-shadow:none !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummaryBody"]{ display:block !important; padding:16px !important; background:#fff !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummary"] .pi-sum-row{ display:block !important; padding:0 0 11px !important; margin:0 0 11px !important; border-bottom:1px solid #e8eef2 !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummary"] .pi-sum-label{ display:block !important; margin:0 0 4px !important; color:#8895ab !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.7px !important; text-transform:uppercase !important; line-height:1.2 !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummary"] .pi-sum-value{ display:block !important; color:#071527 !important; font-size:13px !important; font-weight:900 !important; line-height:1.35 !important; word-break:break-word !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummary"] .pi-sum-empty{ color:#8c97aa !important; font-style:italic !important; font-weight:700 !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummary"] [id$="SumPreviewBtn"]{ width:100% !important; min-height:38px !important; border:0 !important; border-radius:999px !important; background:#008374 !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; padding:10px 14px !important; font-size:13px !important; font-weight:900 !important; font-family:var(--ff, Nunito, Arial, sans-serif) !important; box-shadow:0 10px 22px rgba(0,131,116,.18) !important; cursor:pointer !important; } @media (max-width:900px){ #piAdSummary, #shAdSummary, #bkHAdSummary, #bkVAdSummary, #bkTAdSummary, #bkEAdSummary, #bkPAdSummary, #bkXAdSummary, #laAAdSummary, #lfAdSummary, #lvAdSummary, #lprodAdSummary, #careDoctorAdSummary, #careClinicAdSummary, #careLabAdSummary, #carePharmacyAdSummary, #careWellnessAdSummary, #careEmergencyAdSummary, #careNursingAdSummary, #carePackagesAdSummary{ width:100% !important; flex:1 1 100% !important; margin:16px 0 0 !important; } #piPostitLayoutWrap [id^="bk"][id$="AdSummary"]{ width:100% !important; flex:1 1 100% !important; margin:16px 0 0 !important; } } /* js-postad-template-parent-loading */ body:not(.postad-template-parents-ready):not(.postad-template-parents-failed) #step1, body.postad-template-parents-loading #step1 { overflow: hidden !important; min-height: 420px !important; } body:not(.postad-template-parents-ready):not(.postad-template-parents-failed) #step1 #step1Skeleton, body.postad-template-parents-loading #step1 #step1Skeleton { display: block !important; } body:not(.postad-template-parents-ready):not(.postad-template-parents-failed) #step1 .ad-type-grid, body:not(.postad-template-parents-ready):not(.postad-template-parents-failed) #step1 .buttons, body.postad-template-parents-loading #step1 .ad-type-grid, body.postad-template-parents-loading #step1 .buttons { opacity: 0 !important; pointer-events: none !important; } body:not(.postad-template-parents-failed) #step1 .ad-type-grid > .ad-type-card:not([data-parent-category-id]):not([data-adtype="shopitpro"]) { display: none !important; } body.postad-template-parents-ready #step1 #step1Skeleton, body.postad-template-parents-failed #step1 #step1Skeleton { display: none !important; } #step1 .ad-type-grid { transition: opacity .18s ease; } /* js-postad-active-step-visible-guard */ .step-content.active { opacity: 1 !important; transform: none !important; animation: none !important; } #step1.step-content.active .ad-type-card, #step1.step-content.active .buttons, #step1.step-content.active #step1Next, #step1.step-content.active #step1ChangeSection { visibility: visible !important; } /* js-postad-page-load-skeleton */ body:not(.postad-data-ready) .app > .hero, body:not(.postad-data-ready) .app > .container { display: none !important; } .postad-page-load-skeleton { display: none; width: 100%; } body:not(.postad-data-ready) .app > .postad-page-load-skeleton { display: block !important; } body.postad-data-ready .app > .postad-page-load-skeleton { display: none !important; } .postad-skel-hero { min-height: 164px; background: var(--brand); padding: var(--pad-3) var(--pad-2); padding-bottom: calc(var(--pad-3) + var(--overlap)); display: grid; place-items: center; } .postad-skel-hero-inner { width: min(560px, 86vw); display: grid; justify-items: center; gap: 14px; } .postad-skel-shell { width: min(calc(100% - (var(--page-pad) * 2)), var(--container)); margin: calc(-1 * var(--overlap)) auto var(--pad-2); } .postad-skel-progress-card, .postad-skel-card-shell { background: var(--card); border: 2px solid var(--line); border-radius: var(--r-3); box-shadow: var(--shadow); } .postad-skel-progress-card { padding: var(--pad-2); margin-bottom: var(--gap-2); } .postad-skel-progressbar { display: block; height: calc(var(--fs-0) * .55); border-radius: 999px; margin-bottom: var(--gap-2); overflow: hidden; } .postad-skel-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--gap-1); } .postad-skel-steps span { display: block; height: 46px; border-radius: 999px; } .postad-skel-card-shell { min-height: 460px; padding: var(--pad-3); } .postad-skel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-2); margin-top: var(--gap-3); } .postad-skel-ad-card { min-height: 190px; border: 2px solid #dbe6e4; border-radius: var(--r-3); background: #fff; padding: var(--pad-3) var(--pad-2); display: grid; justify-items: center; align-content: center; gap: 12px; } .postad-skel-line, .postad-skel-progressbar, .postad-skel-steps span, .postad-skel-ad-card span, .postad-skel-ad-card strong, .postad-skel-ad-card em, .postad-skel-ad-card b, .postad-skel-actions span { overflow: hidden; background: linear-gradient(90deg, #dfe9e6 0%, #f1f7f5 42%, #dfe9e6 78%); background-size: 240% 100%; border-radius: 999px; animation: postadPageSkeletonShimmer 1.25s ease-in-out infinite; } .postad-skel-hero .postad-skel-line { background: linear-gradient(90deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.46) 42%, rgba(255,255,255,.22) 78%); background-size: 240% 100%; } .postad-skel-title { width: min(330px, 72vw); height: 42px; } .postad-skel-subtitle { width: min(430px, 78vw); height: 20px; } .postad-skel-heading { display: block; width: min(360px, 70%); height: 34px; margin-bottom: 14px; } .postad-skel-copy { display: block; width: min(460px, 84%); height: 18px; } .postad-skel-ad-card span { width: 92px; height: 28px; } .postad-skel-ad-card strong { width: 76px; height: 76px; border-radius: 20px; } .postad-skel-ad-card em { width: min(210px, 76%); height: 24px; } .postad-skel-ad-card b { width: min(250px, 82%); height: 16px; } .postad-skel-actions { display: flex; justify-content: flex-end; margin-top: var(--gap-2); } .postad-skel-actions span { display: block; width: 140px; height: 44px; } @keyframes postadPageSkeletonShimmer { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } } @media (max-width: 820px) { .postad-skel-grid { grid-template-columns: 1fr; } } @media (max-width: 520px) { .postad-skel-steps { display: flex; overflow: hidden; } .postad-skel-steps span { min-width: 92px; } .postad-skel-card-shell { min-height: 420px; } }