/* Craftsman public profile: isolated presentation, existing actions retained. */
.kh-profile-page{background:#f4f7fb;color:#122540;font-family:Tahoma,Arial,sans-serif;line-height:1.75}
.kh-profile-page .wrap{max-width:1200px;padding:0 24px;margin:24px auto}
.kh-profile-page .top-crumbs{background:none;border:0;box-shadow:none;padding:0 2px;margin-bottom:18px;font-size:12px}
.kh-profile-page .khdmli-desktop-salawat-wrap{margin-inline-start:auto}
.kad-hero{background:#fff;border:1px solid #e1e8f2;border-radius:24px;overflow:hidden;margin-bottom:26px}
.kad-cover{height:150px;background:radial-gradient(circle at 12% 15%,#487ffc 0,transparent 32%),linear-gradient(120deg,#143d8c,#1762ec);position:relative;padding:28px 32px;color:#fff;display:flex;align-items:start;justify-content:flex-end}
.kad-cover:after{content:'';position:absolute;inset-inline-end:9%;top:36px;width:150px;height:150px;border:25px solid #ffffff12;transform:rotate(30deg);border-radius:34px;pointer-events:none}
.kad-cover span{font-size:13px;display:flex;gap:10px;align-items:center;border:1px solid #ffffff36;border-radius:30px;padding:5px 16px}
.kad-identity{display:flex;align-items:center;gap:24px;padding:0 32px 25px;position:relative}
.kad-avatar{width:132px;height:132px;border:6px solid #fff;border-radius:26px;object-fit:cover;flex-shrink:0;margin-top:-36px;box-shadow:0 8px 24px #142b4a18;background:#edf3fc}
.kad-copy{flex:1;padding-top:18px;min-width:0}.kad-eyebrow{color:#1e63e8;font-size:13px;font-weight:700}.kad-copy h1{font-size:32px;line-height:1.35;margin:5px 0 8px;font-weight:800;color:#102541}.kad-copy p{font-size:13px;color:#65758b;margin:0 0 10px}.kad-copy p i{color:#1d63e8}
.kad-pills{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.kad-pills>a,.kad-pills>span{display:inline-flex;gap:7px;align-items:center;color:#52637b;text-decoration:none;background:#f5f7fb;padding:4px 12px;border-radius:8px}.kad-pills>a>i{color:#f5a623}.kad-pills>span>i{font-size:8px;color:#9aa6b8}.kad-pills>span>i.kad-online{color:#1bb176}
.kad-actions{display:flex;gap:8px}.kad-actions button{width:42px;height:42px;border:1px solid #e1e8f2;border-radius:12px;background:#fff;color:#1b5dda;cursor:pointer}.kad-actions button:hover{background:#edf3ff}
.kad-tabs{display:flex;gap:26px;overflow:auto;padding:0 32px;border-top:1px solid #edf0f6;scrollbar-width:none}.kad-tabs a{padding:15px 0;text-decoration:none;color:#66768d;white-space:nowrap;font-size:14px;font-weight:700;border-bottom:3px solid transparent}.kad-tabs a:first-child,.kad-tabs a:hover{color:#1b61e7;border-bottom-color:#1b61e7}
.kh-profile-page .profile-card{display:grid!important;grid-template-columns:300px minmax(0,1fr);gap:24px;background:none!important;border:0!important;border-radius:0;padding:0!important;box-shadow:none!important}
.kh-profile-page .profile-card>div{min-width:0}
.kh-profile-page .profile-photo,.kh-profile-page .mobile-safe-profile-summary,.kh-profile-page .profile-head{display:none!important}
.kh-profile-page .contact-panel{margin:0 0 20px!important;padding:22px!important;border:1px solid #e1e8f2!important;border-radius:18px!important;box-shadow:none!important;position:static!important;background:#fff}
.kh-profile-page .contact-panel-title{display:block;font-size:15px;line-height:1.6;margin-bottom:18px}.kh-profile-page .contact-panel-title small{display:block;color:#8290a4;font-size:11px;margin-top:3px}
.kh-profile-page .contact-bar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.kh-profile-page .contact-bar .btn-action{width:100%!important;min-height:54px!important;border-radius:12px!important;box-shadow:none!important;display:flex!important;justify-content:start!important;padding:10px 14px!important;gap:12px!important}.kh-profile-page .contact-bar .action-copy{flex:1;text-align:start}.kh-profile-page .contact-bar .action-copy small{font-size:10px}.kh-profile-page .contact-bar .btn-call{background:#1b61e7!important}.kh-profile-page .contact-bar .btn-reserve{background:#fff5e2!important;color:#9c6600!important}.kh-profile-page .contact-bar .btn-chat{background:#edf3ff!important;color:#1d5ed6!important}
.kh-profile-page .bio{background:#fff!important;border:1px solid #e1e8f2!important;box-shadow:none!important;border-radius:18px!important;padding:25px!important;font-size:14px!important;line-height:2!important;margin:0 0 22px!important;color:#586a81!important;text-align:start!important}
.kad-section-title{font-size:19px;margin:0 0 14px;color:#142b49;font-weight:800}
.kh-profile-page .trip-gallery,.kh-profile-page .reviews,.kh-profile-page .faq-world-class,.kh-profile-page .craftsman-location,.kh-profile-page .khdmli-services-section{background:#fff;border:1px solid #e1e8f2!important;border-radius:18px!important;box-shadow:none!important;margin:0 0 22px!important;padding:22px!important}
.kh-profile-page .trip-gallery-grid{height:260px!important;gap:8px!important}.kh-profile-page .trip-gallery-item{border-radius:12px!important}.kh-profile-page .trip-gallery-item img{height:100%;width:100%;object-fit:cover}
.kh-profile-page .reviews>h3{color:#142b49!important;font-size:19px!important;margin:0 0 20px!important}
.kh-profile-page #openReviewModal{margin-bottom:20px}.kh-profile-page .khdmli-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.kh-profile-page .google-map-embed-box{height:260px!important}
.kh-profile-page [id^=artisan],.kh-profile-page #beforeAfterWorks{scroll-margin-top:125px}
.kh-profile-page button:focus-visible,.kh-profile-page a:focus-visible{outline:3px solid #ffb63b;outline-offset:3px}
@media(max-width:991px){.kh-profile-page .wrap{padding:0 16px;margin-top:18px}.kh-profile-page .profile-card{grid-template-columns:1fr!important;gap:0}.kh-profile-page .contact-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kh-profile-page .contact-panel{padding:18px!important}.kad-copy h1{font-size:27px}.kad-tabs{gap:22px}.kad-identity{padding-inline:24px}.kh-profile-page .khdmli-mobile-contact-dock{z-index:900!important;bottom:0!important}.kh-profile-page .mobile-bottom-nav{display:none!important}}
@media(max-width:600px){.kh-profile-page .wrap{padding:0 12px;margin-top:14px}.kh-profile-page .top-crumbs{font-size:11px;gap:6px}.kad-hero{border-radius:18px;margin-bottom:18px}.kad-cover{height:115px;padding:18px}.kad-cover span{font-size:10px;padding:4px 10px}.kad-cover:after{width:100px;height:100px;border-width:18px;top:23px}.kad-identity{gap:14px;flex-wrap:wrap;padding:0 18px 18px}.kad-avatar{width:90px;height:90px;border-radius:20px;border-width:4px;margin-top:-26px}.kad-copy{padding-top:14px;flex-basis:calc(100% - 110px)}.kad-copy h1{font-size:23px}.kad-copy p{font-size:11px}.kad-eyebrow{font-size:11px}.kad-pills{gap:6px;font-size:10px}.kad-pills>a,.kad-pills>span{padding:3px 7px}.kad-actions{position:absolute;inset-inline-end:18px;top:-49px}.kad-actions button{height:34px;width:34px;border:0}.kad-tabs{gap:22px;padding:0 18px}.kad-tabs a{font-size:12px;padding:12px 0}.kh-profile-page .bio,.kh-profile-page .reviews,.kh-profile-page .trip-gallery,.kh-profile-page .faq-world-class,.kh-profile-page .craftsman-location{padding:18px!important;font-size:13px!important;border-radius:16px!important}.kh-profile-page .trip-gallery-grid{height:210px!important}.kad-section-title{font-size:17px}.kh-profile-page .contact-panel-title{font-size:14px}.kh-profile-page .contact-bar .btn-action{padding:10px!important;gap:7px!important}.kh-profile-page .contact-bar .action-copy strong{font-size:12px}.kh-profile-page .contact-bar .action-icon{width:30px;height:30px;flex-shrink:0}.kh-profile-page .khdmli-dock-btn{min-width:0}.kh-profile-page .khdmli-public-profile-link{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Override legacy mobile rules without changing other platform pages. */
body.kh-profile-page .wrap{width:100%!important;max-width:1200px!important;margin:24px auto!important;padding:0 24px!important;box-sizing:border-box}
body.kh-profile-page .khdmli-mobile-ad-320x100:has(.khdmli-mobile-ad-empty){display:none!important}
@media(max-width:991px){body.kh-profile-page .wrap{margin:18px auto!important;padding:0 16px!important}body.kh-profile-page .contact-panel .mobile-order-call,body.kh-profile-page .contact-panel .mobile-order-whatsapp,body.kh-profile-page .contact-panel .mobile-order-chat{display:flex!important}body.kh-profile-page .contact-panel:has(.mobile-order-booking) .contact-bar{display:grid!important}body.kh-profile-page div.kh-bottom{display:none!important}body.kh-profile-page .khdmli-mobile-contact-dock{z-index:2000!important}body.kh-profile-page.khdmli-modal-open .khdmli-mobile-contact-dock,body.kh-profile-page.gallery-open .khdmli-mobile-contact-dock{display:none!important}}
@media(max-width:600px){body.kh-profile-page .wrap{margin:14px auto!important;padding:0 12px!important}body.kh-profile-page .kad-hero{border-radius:18px!important}.kh-profile-page .kad-copy h1{font-size:23px!important}}
.kad-native-gallery .kgallery-main-swiper .swiper-wrapper{display:block!important;transform:none!important}.kad-native-gallery .kgallery-main-swiper .swiper-slide{display:none!important;width:100%!important}.kad-native-gallery .kgallery-main-swiper .swiper-slide.kad-visible{display:block!important}.kad-native-gallery .kgallery-thumbs-swiper .swiper-wrapper{display:flex;gap:8px;overflow:auto}.kad-native-gallery .kgallery-thumbs-swiper .swiper-slide{width:60px!important;flex-shrink:0;cursor:pointer}.kad-native-gallery .kgallery-pagination{display:none}

.kad-actions a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #e1e8f2;border-radius:12px;background:#fff;color:#1b5dda;text-decoration:none}@media(max-width:600px){.kad-actions a{width:34px;height:34px;border:0}}
/* Selected design 2: photo-first portfolio with a compact identity card. */
body.kh-profile-page .kad-hero{position:relative;overflow:hidden}
body.kh-profile-page .kad-cover{height:420px;padding:24px;display:block;background:#143966}
.kad-cover-photo{position:absolute;inset:0;width:100%;height:420px;object-fit:cover;object-position:center;border:0}
body.kh-profile-page .kad-cover:after{inset:0;width:auto;height:420px;border:0;transform:none;border-radius:0;background:linear-gradient(90deg,#09213c05,#09213c36);top:0}
body.kh-profile-page .kad-cover>span{position:absolute;inset-inline-end:24px;top:24px;z-index:1;background:#10264170;backdrop-filter:blur(8px);color:#fff}
body.kh-profile-page .kad-identity{position:absolute;top:32px;inset-inline-start:28px;width:420px;max-width:calc(100% - 56px);padding:22px;display:flex;flex-wrap:wrap;gap:16px;box-sizing:border-box;background:#fff;border:1px solid #e6edf6;border-radius:18px;box-shadow:0 15px 40px #10223c24;align-items:center}
body.kh-profile-page .kad-avatar{width:85px;height:85px;border-radius:16px;border:0;margin:0;box-shadow:none}
body.kh-profile-page .kad-copy{padding:0;flex:1;min-width:0}.kh-profile-page .kad-copy h1{font-size:25px!important;margin:4px 0 7px}.kh-profile-page .kad-copy p{font-size:11px}.kh-profile-page .kad-pills{font-size:10px}
body.kh-profile-page .kad-identity .contact-panel{flex-basis:100%;width:100%;padding:0!important;border:0!important;margin:0!important;background:none!important;box-shadow:none!important}
body.kh-profile-page .kad-identity .contact-panel-title{display:none}
body.kh-profile-page .kad-identity .contact-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.kh-profile-page .kad-identity .contact-bar .btn-action{min-height:42px!important;padding:9px 12px!important;gap:8px!important;justify-content:center!important}
body.kh-profile-page .kad-identity .contact-bar .action-copy small{display:none}
body.kh-profile-page .kad-identity .contact-bar .action-copy{flex:0 1 auto}
body.kh-profile-page .kad-identity .contact-bar .action-icon{width:auto;height:auto;background:none!important;font-size:17px}
body.kh-profile-page .kad-actions{position:static;margin:0;flex-basis:100%;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid #edf1f7}
body.kh-profile-page .kad-actions button,body.kh-profile-page .kad-actions a{width:30px;height:30px;font-size:12px;background:#f5f8fc;border:0;border-radius:8px}
body.kh-profile-page .kad-tabs{position:relative;background:#fff;justify-content:center}
body.kh-profile-page .trip-gallery-grid{height:330px!important}
body.kh-profile-page .trip-gallery{margin-top:0!important}
@media(max-width:991px){body.kh-profile-page .kad-cover,body.kh-profile-page .kad-cover:after,.kad-cover-photo{height:340px}body.kh-profile-page .kad-identity{top:24px;width:380px}body.kh-profile-page .kad-copy h1{font-size:23px!important}}
@media(max-width:600px){body.kh-profile-page .kad-cover,body.kh-profile-page .kad-cover:after,.kad-cover-photo{height:205px}body.kh-profile-page .kad-cover>span{top:14px;inset-inline-end:14px;font-size:10px}body.kh-profile-page .kad-identity{position:relative;top:auto;inset-inline-start:auto;margin:-38px 12px 14px;width:auto;max-width:none;padding:16px;gap:12px;border-radius:14px}body.kh-profile-page .kad-avatar{width:72px;height:72px;border-radius:12px}body.kh-profile-page .kad-copy{flex-basis:calc(100% - 90px)}body.kh-profile-page .kad-copy h1{font-size:21px!important}body.kh-profile-page .kad-eyebrow{font-size:10px}body.kh-profile-page .kad-pills{font-size:9px;gap:4px}body.kh-profile-page .kad-actions{padding-top:9px}body.kh-profile-page .kad-tabs{padding:0 14px;justify-content:flex-start;gap:22px}body.kh-profile-page .trip-gallery-grid{height:230px!important}body.kh-profile-page .profile-card>div:first-child{order:2}body.kh-profile-page .profile-card>div:nth-child(2){order:1}}
/* Premium marketplace banner: optimized illustrative photo and accessible HTML copy. */
body.kh-profile-page .profile-card>div #kadMarketBanner.kad-market-banner{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;overflow:hidden;box-sizing:border-box;background:#091c35!important;color:#fff;border:1px solid #c99b534d!important;border-radius:20px!important;margin:22px 0!important;padding:0!important;text-decoration:none;box-shadow:0 12px 30px #10274712!important;isolation:isolate}
.kad-market-visual{display:block;position:relative;aspect-ratio:1.25;overflow:hidden;background:#102440}.kad-market-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.kad-market-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071b3555,transparent 45%,#091c35);pointer-events:none}
.kad-market-brand{position:absolute;top:18px;inset-inline:20px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.kad-market-brand img{width:94px;height:auto;background:#fff;border-radius:9px;padding:5px;box-sizing:border-box}.kad-market-brand small{color:#f1d7ae;font-size:10px;line-height:1.5;border:1px solid #e3bc7152;border-radius:24px;padding:4px 9px;background:#081a3380}
.kad-market-banner>strong{display:block;color:#fff;font-size:30px;font-weight:800;line-height:1.4;text-align:center;margin:0;padding:0 20px;position:relative}.kad-market-banner em{display:block;font-size:18px;color:#eec58b;font-style:normal;margin-top:4px}.kad-market-description{display:block;color:#b9c9df;font-size:12px;line-height:1.8;text-align:center;padding:12px 24px 0}.kad-market-tags{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;padding:14px 20px 0}.kad-market-tags span{border:1px solid #cbaa6940;border-radius:20px;padding:3px 11px;color:#d9c39f;font-size:10px}.kad-market-cta{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#dfac62,#f5d59d);border:1px solid #f6dba9;border-radius:12px;padding:12px 16px;margin:18px 20px 22px;color:#102641;font-size:14px;font-weight:800;box-shadow:0 5px 15px #0002}.kad-market-banner:hover .kad-market-cta{background:#f5d59d}.kad-market-banner:focus-visible{outline:3px solid #e5b971;outline-offset:4px}html[dir=ltr] .kad-market-cta i{transform:rotate(180deg)}
@media(max-width:600px){body.kh-profile-page .profile-card>div #kadMarketBanner.kad-market-banner{margin:0 0 22px!important;border-radius:18px!important}.kad-market-visual{aspect-ratio:1.35}.kad-market-banner>strong{font-size:31px}.kad-market-description{max-width:330px;align-self:center}}

/* Marketplace sidebar promotion is available on desktop only. */
@media(max-width:991px){body.kh-profile-page .profile-card>div #kadMarketBanner.kad-market-banner{display:none!important}}
