/* DRUTOBAZAAR_MAIN_DASHBOARD_FINAL_FLOW_V3 */ html body .dbl-flow-section{box-sizing:border-box;width:100%;max-width:1152px;margin:20px auto 0;padding:20px;border:1px solid #e2e8f0;border-radius:24px;background:#fff;color:#172033;box-shadow:0 8px 25px #0f172a08;font-size:15px;line-height:1.65} html body .dbl-flow-section[hidden],html body .dbl-flow-product[hidden]{display:none!important} .dbl-flow-section header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dbl-flow-section h2{margin:0;font-size:24px;font-weight:900;line-height:1.4;color:#172033}.dbl-flow-section header small{color:#be123c;font-size:11px;font-weight:800;letter-spacing:.06em}.dbl-flow-section header>a,.dbl-flow-link{font-size:14px;font-weight:800;color:#be123c;text-decoration:none}.dbl-flow-section p{margin:10px 0;color:#475569;font-weight:600}.dbl-flow-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 0 10px}.dbl-flow-product,.dbl-flow-shop{flex:0 0 230px;min-width:0;border:1px solid #e2e8f0;border-radius:18px;padding:12px;scroll-snap-align:start;background:#fff}.dbl-flow-track img{width:100%;height:150px;object-fit:cover;border-radius:12px;background:#f1f5f9}.dbl-flow-track h3{font-size:17px;font-weight:900;color:#172033;line-height:1.45;margin:10px 0 6px}.dbl-flow-track a{text-decoration:none}.dbl-flow-track p,.dbl-flow-track small{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.dbl-flow-track strong{font-size:20px;font-weight:900;color:#064e3b}.dbl-flow-track del{font-size:13px;color:#64748b}.dbl-flow-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:0;border-radius:12px;background:#be123c;color:#fff!important;font:inherit;font-size:14px;font-weight:900;line-height:1.4;text-decoration:none;cursor:pointer}.dbl-flow-product>.dbl-flow-button{display:flex;margin-top:12px}.dbl-flow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.dbl-flow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.dbl-flow-tabs button,.dbl-flow-save{min-height:44px;padding:9px 13px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#334155;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.dbl-flow-tabs [aria-pressed=true],.dbl-flow-save[aria-pressed=true]{background:#fff1f2;color:#be123c;border-color:#fda4af}.dbl-flow-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dbl-flow-stats>div{padding:16px;border-radius:16px;background:#ecfdf5}.dbl-flow-stats span{display:block;font-size:14px;font-weight:700;color:#065f46}.dbl-flow-stats b{display:block;font-size:25px;font-weight:900;color:#064e3b}.dbl-flow-history{list-style:none;padding:0;margin:12px 0}.dbl-flow-history li{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:14px;overflow-wrap:anywhere}.dbl-flow-history small{display:block;color:#64748b;font-size:12px}.dbl-flow-history b{white-space:nowrap;color:#065f46}.dbl-flow-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}.dbl-flow-verified{display:inline-flex;padding:4px 8px;border-radius:9px;background:#ecfdf5;color:#065f46;font-size:12px;font-weight:900}.dbl-flow-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dbl-flow-link-grid a{display:flex;align-items:center;min-height:52px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;color:#172033;background:#f8fafc;font-size:15px;font-weight:800;text-decoration:none}.dbl-flow-section summary,.dbl-flow-guide summary{cursor:pointer;font-weight:900;padding:12px 0}.dbl-flow-app{display:flex;align-items:center;gap:18px}.dbl-flow-app>img{width:120px;height:120px;object-fit:contain}.dbl-flow-guide{padding:10px 0;color:inherit;font-size:14px}.dbl-flow-guide ol{list-style:decimal;padding-left:24px}.dbl-flow-guide a{font-weight:900;text-decoration:underline} html body #dblBusinessPortalSlotV3 #dblAccountBusinessPortalsV1{width:100%!important;max-width:none!important;margin:16px 0 0!important} html body .bottom-nav [data-flow-orders] i{color:#475569}html body .bottom-nav .dbl-flow-live i{display:grid;place-items:center;width:45px;height:45px;margin-top:-15px;border-radius:16px;background:#be123c;color:#fff;box-shadow:0 5px 14px #be123c40}html body .bottom-nav a{font-size:13px!important;font-weight:900!important}html body #dblOrderCenterV3{position:fixed;z-index:10050;bottom:95px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:560px;box-shadow:0 8px 90px #0f172a55}#dblOrderCenterV3 header button{border:0;background:#f1f5f9;border-radius:12px;width:44px;height:44px;font-size:25px;color:#172033} @media(min-width:700px){ html body main.px-4{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;padding:24px!important;margin:0 auto!important} html body #dblMainHeaderV79>div{max-width:1152px!important;margin:0 auto!important}html body #dblMainHeaderV79 input{font-size:20px!important} html body main.px-4>section,html body main.px-4>[data-dbl-footer]{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} html body #dblMemberSnapshotV14{padding:26px!important;border-radius:28px!important}html body #dblMemberSnapshotV14 .dbl-pda-top-v1{grid-template-columns:84px minmax(0,1fr) 56px!important;gap:20px!important}html body #dblMemberSnapshotV14 .dbl-pda-avatar-v1{width:84px!important;height:84px!important}html body #dblMemberSnapshotV14 .dbl-pda-person-v1 h2{font-size:32px!important}html body #dblMemberSnapshotV14 .dbl-pda-person-v1 small,html body #dblMemberSnapshotV14 .dbl-pda-package-v1{font-size:17px!important}html body #dblMemberSnapshotV14 .dbl-pda-identity-v1,html body #dblMemberSnapshotV14 .dbl-pda-balance-v1{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}html body #dblMemberSnapshotV14 .dbl-pda-identity-v1 a,html body #dblMemberSnapshotV14 .dbl-pda-balance-v1 a{padding:18px!important;min-height:84px!important}html body #dblMemberSnapshotV14 .dbl-pda-identity-v1 span,html body #dblMemberSnapshotV14 .dbl-pda-balance-v1 span{font-size:17px!important}html body #dblMemberSnapshotV14 .dbl-pda-identity-v1 b,html body #dblMemberSnapshotV14 .dbl-pda-balance-v1 b{font-size:26px!important}html body #dblMemberSnapshotV14 .dbl-pda-actions-v1 a{font-size:19px!important;min-height:56px!important} html body #dblPublicMainAppsV1 .dbl-main-app-grid-v1{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}html body #dblPublicMainAppsV1 .dbl-main-app-v1{grid-column:auto!important;flex-direction:column!important}html body #dblPublicMainAppsV1 .dbl-main-app-v1>span{width:100px!important;height:100px!important;flex-basis:100px!important}html body #dblPublicMainAppsV1 .dbl-main-app-v1 strong{font-size:21px!important;line-height:1.4!important}html body #dblPublicMainAppsV1 h1{font-size:30px!important} html body #dblSmartEngagementV15 .dbl-se15-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}html body #dblSmartEngagementV15 .dbl-se15-card{min-height:200px!important}html body #dblSmartEngagementV15 .dbl-se15-card b{font-size:22px!important}html body #dblSmartEngagementV15 .dbl-se15-card small{font-size:15px!important} html body #dblTikTokLiveV3 .dbl-tlv-card-v3{flex-basis:280px!important}html body #dblTikTokLiveV3 h2,html body #dblTodayEssentialProductsV1 h2,html body #dblRealFlashSaleV1 h2,html body #dblCategoryMarketsV1 h2,html body #dblQuickHealthcareV1 h2{font-size:28px!important}html body #dblTikTokLiveV3 .dbl-tlv-info-v3 strong{font-size:20px!important}html body #dblTikTokLiveV3 .dbl-tlv-info-v3 p{font-size:15px!important}html body #dblTikTokLiveV3 .dbl-tlv-watch-v3{font-size:16px!important} html body .dbl-flow-section{padding:26px;font-size:17px}.dbl-flow-section h2{font-size:28px}.dbl-flow-product,.dbl-flow-shop{flex-basis:260px}.dbl-flow-track h3{font-size:20px}.dbl-flow-track img{height:180px}.dbl-flow-button{font-size:16px} } @media(max-width:699px){html body .dbl-flow-section{padding:16px;border-radius:22px;margin-top:16px}.dbl-flow-section h2{font-size:22px}.dbl-flow-product,.dbl-flow-shop{flex-basis:210px}.dbl-flow-link-grid{gap:8px}.dbl-flow-link-grid a{font-size:14px}.dbl-flow-section header>a{font-size:13px}.dbl-flow-app{align-items:flex-start;gap:12px}.dbl-flow-app>img{width:92px;height:92px}.dbl-flow-stats b{font-size:22px}} @media(prefers-reduced-motion:reduce){.dbl-flow-track{scroll-behavior:auto}} @media(min-width:700px){html body #dblPublicMainAppsV1 .dbl-msc-grid-v4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}html body #dblPublicMainAppsV1 .dbl-msc-grid-v4>a>span{width:110px!important;height:110px!important}html body #dblPublicMainAppsV1 .dbl-msc-grid-v4>a>strong{font-size:21px!important;line-height:1.4!important;min-height:58px!important}html body #dblPublicMainAppsV1 .dbl-msc-head-v4 h2{font-size:30px!important}} html body main[data-customer-flow] > #dblSmartEngagementV15{display:block!important} @media(min-width:700px){html body .bottom-nav>div{max-width:1152px!important}} .dbl-flow-game-status{font-size:14px;font-weight:800;color:#334155;margin:12px 0;line-height:1.6} /* DRUTOBAZAAR_MAIN_DASHBOARD_PURPLE_BACKGROUND_V1_START */ html, body { background: radial-gradient(circle at 10% 5%, rgba(196, 181, 253, .55), transparent 34%), radial-gradient(circle at 92% 16%, rgba(221, 214, 254, .72), transparent 32%), linear-gradient(145deg, #f5f0ff 0%, #ede9fe 45%, #faf7ff 100%) !important; background-attachment: fixed !important; } html body main.px-4 { background: transparent !important; } html body main.px-4 > section, html body main.px-4 > [data-dbl-footer], html body .dbl-flow-section { border-color: rgba(124, 58, 237, .15) !important; } html body .dbl-flow-section, html body #dblPublicMainAppsV1, html body #dblMemberSnapshotV14, html body #dblGuestAccountCardV22, html body #dblTikTokLiveV3, html body #dblOfferCampaignSliderV1, html body #dblRealAreaShopsV13, html body #dblSmartEngagementV15 { box-shadow: 0 12px 30px rgba(76, 29, 149, .10), 0 2px 8px rgba(124, 58, 237, .06) !important; } @media (max-width: 699px) { html, body { background: linear-gradient(155deg, #f4efff 0%, #ebe4ff 48%, #faf7ff 100%) !important; background-attachment: scroll !important; } } /* DRUTOBAZAAR_MAIN_DASHBOARD_PURPLE_BACKGROUND_V1_END */ /* DRUTOBAZAAR_MOBILE_READABILITY_V3_START */ /* |-------------------------------------------------------------------------- | Main service category cards |-------------------------------------------------------------------------- */ html body #dblPublicMainAppsV1 { border: 2px solid rgba(124, 58, 237, .18) !important; } html body #dblPublicMainAppsV1 .dbl-category-grid-v76 { gap: 14px !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 { box-sizing: border-box !important; min-width: 0 !important; padding: 8px 7px 12px !important; border: 2px solid #d8b4fe !important; border-radius: 19px !important; background: linear-gradient(155deg, #ffffff 0%, #faf5ff 100%) !important; box-shadow: 0 7px 16px rgba(91, 33, 182, .10), 0 2px 5px rgba(124, 58, 237, .08) !important; overflow: hidden !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 > img { width: 100% !important; height: 118px !important; min-height: 118px !important; object-fit: cover !important; border: 1px solid rgba(124, 58, 237, .16) !important; border-radius: 14px !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 > strong { display: block !important; min-height: 28px !important; margin-top: 8px !important; color: #111827 !important; font-size: 16px !important; font-weight: 1000 !important; line-height: 1.35 !important; text-align: center !important; overflow-wrap: anywhere !important; } /* |-------------------------------------------------------------------------- | Product cards — Milk and all essential products |-------------------------------------------------------------------------- */ html body .dbl-flow-product { flex: 0 0 300px !important; width: 300px !important; padding: 13px !important; border: 2px solid #c4b5fd !important; border-radius: 21px !important; background: #ffffff !important; box-shadow: 0 10px 24px rgba(76, 29, 149, .12), 0 2px 7px rgba(124, 58, 237, .08) !important; } html body .dbl-flow-product img { width: 100% !important; height: 218px !important; object-fit: contain !important; padding: 6px !important; border: 1px solid #e9d5ff !important; border-radius: 15px !important; background: #f8fafc !important; } html body .dbl-flow-product h3 { min-height: 52px !important; margin: 12px 0 7px !important; color: #111827 !important; font-size: 20px !important; font-weight: 1000 !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; } html body .dbl-flow-product strong { color: #e11d48 !important; font-size: 25px !important; font-weight: 1000 !important; line-height: 1.25 !important; } html body .dbl-flow-product p, html body .dbl-flow-product small { color: #334155 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.55 !important; overflow-wrap: anywhere !important; } html body .dbl-flow-product .dbl-flow-button { min-height: 46px !important; padding: 10px 14px !important; border: 2px solid #047857 !important; border-radius: 13px !important; font-size: 15px !important; font-weight: 1000 !important; } html body #dblTodayEssentialProductsV1 .dbl-flow-track { gap: 14px !important; padding: 6px 2px 13px !important; } /* |-------------------------------------------------------------------------- | Mobile final sizing |-------------------------------------------------------------------------- */ @media (max-width: 699px) { html body #dblPublicMainAppsV1 { padding: 17px 12px !important; border-radius: 25px !important; } html body #dblPublicMainAppsV1 .dbl-category-grid-v76 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 11px !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 { padding: 6px 5px 10px !important; border-width: 2px !important; border-radius: 17px !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 > img { height: 104px !important; min-height: 104px !important; border-radius: 12px !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 > strong { min-height: 43px !important; font-size: 15px !important; line-height: 1.4 !important; } html body .dbl-flow-product { flex-basis: min(82vw, 330px) !important; width: min(82vw, 330px) !important; padding: 13px !important; } html body .dbl-flow-product img { height: 225px !important; } html body .dbl-flow-product h3 { font-size: 21px !important; } html body .dbl-flow-product p, html body .dbl-flow-product small { font-size: 14px !important; } } @media (max-width: 380px) { html body #dblPublicMainAppsV1 .dbl-category-grid-v76 { gap: 8px !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 > img { height: 92px !important; min-height: 92px !important; } html body #dblPublicMainAppsV1 .dbl-category-card-v76 > strong { font-size: 14px !important; } html body .dbl-flow-product { flex-basis: 86vw !important; width: 86vw !important; } } /* DRUTOBAZAAR_MOBILE_READABILITY_V3_END */ /* DRUTOBAZAAR_EXACT_MOBILE_CARDS_V4_START */ /* |-------------------------------------------------------------------------- | Exact main-service selectors |-------------------------------------------------------------------------- */ html body #dblPublicMainAppsV1 .dbl-main-app-grid-v1 { display: grid !important; gap: 13px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 { box-sizing: border-box !important; min-width: 0 !important; padding: 8px 7px 12px !important; border: 2px solid #c4b5fd !important; border-radius: 19px !important; background: linear-gradient(155deg,#ffffff 0%,#faf5ff 100%) !important; box-shadow: 0 8px 18px rgba(91,33,182,.12), inset 0 0 0 1px rgba(255,255,255,.80) !important; overflow: hidden !important; text-decoration: none !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span { display: block !important; width: 100% !important; height: 118px !important; min-height: 118px !important; flex-basis: 118px !important; border: 1px solid #ddd6fe !important; border-radius: 14px !important; overflow: hidden !important; background: #f5f3ff !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span > img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 13px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > strong { display: block !important; min-height: 44px !important; margin-top: 8px !important; color: #111827 !important; font-size: 17px !important; font-weight: 1000 !important; line-height: 1.35 !important; text-align: center !important; overflow-wrap: anywhere !important; } /* |-------------------------------------------------------------------------- | Exact Today Essential / Milk product selectors |-------------------------------------------------------------------------- */ html body #dblTodayEssentialProductsV1 article.dbl-today-product-card-v1 { box-sizing: border-box !important; flex: 0 0 330px !important; width: 330px !important; min-width: 330px !important; border: 2px solid #a78bfa !important; border-radius: 23px !important; background: #ffffff !important; box-shadow: 0 12px 28px rgba(76,29,149,.15), inset 0 0 0 1px rgba(255,255,255,.90) !important; overflow: hidden !important; } html body #dblTodayEssentialProductsV1 .dbl-today-product-image-v1 { display: block !important; height: 245px !important; min-height: 245px !important; border-bottom: 2px solid #ddd6fe !important; background: #f8fafc !important; overflow: hidden !important; } html body #dblTodayEssentialProductsV1 .dbl-today-product-image-v1 > img { display: block !important; width: 100% !important; height: 100% !important; padding: 7px !important; object-fit: contain !important; background: #f8fafc !important; } html body #dblTodayEssentialProductsV1 .dbl-today-product-body-v1 { padding: 16px !important; } html body #dblTodayEssentialProductsV1 .dbl-today-product-body-v1 h3 { display: block !important; min-height: 58px !important; margin: 0 0 10px !important; color: #0f172a !important; font-size: 22px !important; font-weight: 1000 !important; line-height: 1.35 !important; opacity: 1 !important; overflow: visible !important; white-space: normal !important; text-overflow: unset !important; -webkit-line-clamp: unset !important; overflow-wrap: anywhere !important; } html body #dblTodayEssentialProductsV1 .dbl-today-price-v1 strong { color: #e11d48 !important; font-size: 27px !important; font-weight: 1000 !important; line-height: 1.25 !important; } html body #dblTodayEssentialProductsV1 .dbl-today-price-v1 del { color: #64748b !important; font-size: 16px !important; font-weight: 800 !important; } html body #dblTodayEssentialProductsV1 .dbl-today-stock-v1, html body #dblTodayEssentialProductsV1 .dbl-today-shop-v1, html body #dblTodayEssentialProductsV1 .dbl-today-delivery-v1 { color: #334155 !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1.55 !important; opacity: 1 !important; } html body #dblTodayEssentialProductsV1 .dbl-today-stock-v1 span, html body #dblTodayEssentialProductsV1 .dbl-today-stock-v1 small, html body #dblTodayEssentialProductsV1 .dbl-today-shop-v1 span, html body #dblTodayEssentialProductsV1 .dbl-today-delivery-v1 span, html body #dblTodayEssentialProductsV1 .dbl-today-delivery-v1 small { color: #334155 !important; font-size: 15px !important; font-weight: 850 !important; opacity: 1 !important; } html body #dblTodayEssentialProductsV1 .dbl-today-category-v1 { padding: 6px 10px !important; border: 1px solid rgba(255,255,255,.75) !important; font-size: 13px !important; font-weight: 1000 !important; } html body #dblTodayEssentialProductsV1 .dbl-today-product-card-v1 a { font-weight: 950 !important; } @media (max-width:699px) { html body #dblPublicMainAppsV1 .dbl-main-app-grid-v1 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 { padding: 6px 5px 10px !important; border-width: 2px !important; border-radius: 17px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span { width: 100% !important; height: 108px !important; min-height: 108px !important; flex-basis: 108px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > strong { min-height: 43px !important; font-size: 16px !important; line-height: 1.35 !important; } html body #dblTodayEssentialProductsV1 article.dbl-today-product-card-v1 { flex-basis: min(84vw,350px) !important; width: min(84vw,350px) !important; min-width: min(84vw,350px) !important; } html body #dblTodayEssentialProductsV1 .dbl-today-product-image-v1 { height: 250px !important; min-height: 250px !important; } html body #dblTodayEssentialProductsV1 .dbl-today-product-body-v1 h3 { font-size: 22px !important; } } @media (max-width:380px) { html body #dblPublicMainAppsV1 .dbl-main-app-grid-v1 { gap: 8px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span { height: 92px !important; min-height: 92px !important; flex-basis: 92px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > strong { font-size: 14px !important; } html body #dblTodayEssentialProductsV1 article.dbl-today-product-card-v1 { flex-basis: 88vw !important; width: 88vw !important; min-width: 88vw !important; } } /* DRUTOBAZAAR_EXACT_MOBILE_CARDS_V4_END */ /* DRUTOBAZAAR_RESTORE_4_SERVICE_CARDS_V5_START */ /* |-------------------------------------------------------------------------- | Restore original compact service cards | Milk/product readability V4 remains unchanged |-------------------------------------------------------------------------- */ html body #dblPublicMainAppsV1 { border: 0 !important; } html body #dblPublicMainAppsV1 .dbl-main-app-grid-v1 { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px 9px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 { display: flex !important; flex-direction: column !important; align-items: center !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; flex-basis: auto !important; aspect-ratio: 1 / 1 !important; border: 0 !important; border-radius: 16px !important; background: #f8fafc !important; overflow: hidden !important; box-shadow: 0 5px 13px rgba(15,23,42,.08) !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span > img { display: block !important; width: 100% !important; height: 100% !important; padding: 0 !important; object-fit: cover !important; border: 0 !important; border-radius: 16px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > strong { display: block !important; width: 100% !important; min-height: 38px !important; margin-top: 7px !important; color: #172033 !important; font-size: 14px !important; font-weight: 950 !important; line-height: 1.35 !important; text-align: center !important; overflow-wrap: anywhere !important; } @media (max-width:699px) { html body #dblPublicMainAppsV1 { padding: 16px 12px !important; } html body #dblPublicMainAppsV1 .dbl-main-app-grid-v1 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px 8px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span { width: 100% !important; height: auto !important; min-height: 0 !important; flex-basis: auto !important; aspect-ratio: 1 / 1 !important; border-radius: 14px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > span > img { border-radius: 14px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > strong { min-height: 38px !important; font-size: 14px !important; line-height: 1.35 !important; } } @media (max-width:380px) { html body #dblPublicMainAppsV1 .dbl-main-app-grid-v1 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px 6px !important; } html body #dblPublicMainAppsV1 a.dbl-main-app-v1 > strong { font-size: 12px !important; } } /* DRUTOBAZAAR_RESTORE_4_SERVICE_CARDS_V5_END */