/* Complete store-aligned Ubikalo surface, loaded after legacy masks. */
@media(max-width:750px){.el-overlay.dfd-fullscreen .el-head .el-head-row{grid-template-columns:minmax(0,1fr) 36px!important;padding-right:0!important}.el-overlay.dfd-fullscreen .el-head .el-search{grid-column:1/-1;grid-row:2}.el-overlay.dfd-fullscreen .el-head .el-close{grid-column:2;grid-row:1}.el-overlay.dfd-fullscreen .el-head .dfd-logo{grid-column:1;grid-row:1}}
.el-overlay.dfd-fullscreen{background:#fff!important;color:#102a3f!important;font-family:Roboto,Arial,sans-serif!important}
.el-overlay.dfd-fullscreen .el-shell{background:#fff!important;min-height:100dvh}
.el-overlay.dfd-fullscreen .el-head{background:#fff!important;border-top:3px solid #00b1d8;border-bottom:1px solid #dceaf0;box-shadow:0 6px 26px #12384c08!important;padding:14px clamp(20px,4vw,64px) 12px!important}
.el-overlay.dfd-fullscreen .el-head-row{display:grid!important;grid-template-columns:minmax(140px,195px) minmax(0,760px) minmax(140px,195px);justify-content:center;align-items:center;gap:24px;max-width:1480px;margin:auto}
.el-overlay.dfd-fullscreen .dfd-logo{width:195px;flex-basis:195px}
.el-overlay.dfd-fullscreen .el-search{width:100%!important;max-width:760px;min-width:0;margin:0!important;position:relative}
.el-overlay.dfd-fullscreen .el-head-row>.el-close{justify-self:end;position:static!important}
.el-overlay.dfd-fullscreen .el-search input{height:42px!important;background:#effaff!important;border:1px solid #bfe3ef!important;border-radius:7px!important;color:#15394b!important;font-size:14px!important;padding-block:8px!important;padding-left:42px!important}
.el-overlay.dfd-fullscreen .el-search>button{top:2px!important;width:38px!important;height:38px!important}
.el-overlay.dfd-fullscreen .el-search-actions{top:5px!important;right:10px!important}
.el-overlay.dfd-fullscreen .el-search-actions button{height:30px!important}
.el-overlay.dfd-fullscreen .el-close{width:36px!important;height:36px!important;flex:0 0 36px}
.el-overlay.dfd-fullscreen .el-close{border:1px solid #dceaf0!important;border-radius:8px!important;color:#16394c!important;background:#fff!important}
.el-overlay.dfd-fullscreen .el-history{justify-content:flex-start!important;max-width:1480px;margin:10px auto 0!important;padding-left:223px;gap:7px!important;font-size:11px;color:#6b8190}
.el-overlay.dfd-fullscreen .dfd-suggestion-button{background:#f5f9fb!important;border:1px solid #dfebf0!important;border-radius:5px!important;padding:5px 9px!important;color:#345566!important;box-shadow:none!important}
.el-overlay.dfd-fullscreen .el-clear-history{font-size:10px;color:#708591!important}
.el-overlay.dfd-fullscreen .el-body{max-width:1600px;margin:auto;padding:32px clamp(20px,4vw,64px)!important;grid-template-columns:230px minmax(0,1fr)!important;gap:30px!important}
.el-overlay.dfd-fullscreen .el-filters{background:#fff!important;border:1px solid #dceaf0!important;border-radius:8px!important;box-shadow:none!important;padding:20px!important}
.el-overlay.dfd-fullscreen .el-filter-heading{padding-bottom:18px;border-bottom:1px solid #e7eef2;position:relative}
.el-overlay.dfd-fullscreen .el-filter-heading:before{content:'';position:absolute;top:-21px;left:0;width:34px;height:3px;background:#ffcc00}
.el-overlay.dfd-fullscreen .el-filter-heading>strong{font-size:18px;font-weight:500}
.el-overlay.dfd-fullscreen .el-filter-group{padding:17px 0!important;border-bottom:1px solid #e7eef2!important}
.el-overlay.dfd-fullscreen .el-filter-group summary{color:#173b4f!important;font-size:12px!important;font-weight:600!important}
.el-overlay.dfd-fullscreen .el-facet-search{background:#f7fbfd!important;border-radius:5px!important;height:35px!important}
.el-overlay.dfd-fullscreen .el-facet-options>label{font-size:11px!important;line-height:1.6!important;padding:6px 0!important;color:#456171!important}
.el-overlay.dfd-fullscreen .el-price-apply{background:#fff8d8!important;color:#183b50!important;border:1px solid #f3d56b!important;border-radius:5px!important}
.el-overlay.dfd-fullscreen .el-results-bar{min-height:46px;border-bottom:1px solid #e4edf2;margin-bottom:24px;padding-bottom:16px;align-items:center}
.el-overlay.dfd-fullscreen .el-meta{font-size:12px;color:#6b8190!important;margin:0!important}
.el-overlay.dfd-fullscreen .el-sort button{background:#fff!important;border:1px solid #dceaf0!important;border-radius:5px!important;color:#345566!important;box-shadow:none!important;padding:8px 12px!important;font-size:11px!important}
.el-overlay.dfd-fullscreen .el-sort button[aria-pressed=true]{background:#ffcc00!important;border-color:#ffcc00!important;color:#102a3f!important}
.el-overlay.dfd-fullscreen .el-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.el-overlay.dfd-fullscreen .dfd-card.el-card{border-color:#dce6ec!important;border-radius:8px!important;box-shadow:none!important;padding:18px 16px 16px!important;text-align:left!important;overflow:hidden!important}
.el-overlay.dfd-fullscreen .dfd-card-media{height:205px!important;background:#fff!important;padding:12px 0 22px!important;border-radius:0!important}
.el-overlay.dfd-fullscreen .dfd-card .dfd-card-title{font-size:13px!important;line-height:19.5px!important;font-weight:700!important;text-align:left!important;color:#15171b!important}
.el-overlay.dfd-fullscreen .dfd-card .dfd-card-pricing{align-items:flex-start!important;text-align:left!important}
.el-overlay.dfd-fullscreen .dfd-card .dfd-card-price{font-size:22px!important;font-weight:400!important;color:#15171b!important}
.el-overlay.dfd-fullscreen .dfd-card .dfd-cart-add-button{margin-inline:-16px!important;width:calc(100% + 32px)!important}
.el-overlay.dfd-fullscreen .dfd-card .dfd-cart-add-button button{box-shadow:none!important;background:#ffcc00!important;border-radius:0!important;font-size:10px!important;letter-spacing:.025em!important}
.el-overlay.dfd-fullscreen .dfd-card .dfd-card-link,.el-overlay.dfd-fullscreen .dfd-card .dfd-card-sku{display:none!important}
.el-overlay.dfd-fullscreen .el-pages button{border-radius:5px;background:#fff;border-color:#dceaf0;padding:12px 24px;color:#15394b}
@media(max-width:1100px){.el-overlay.dfd-fullscreen .el-body{grid-template-columns:200px minmax(0,1fr)!important;gap:20px!important}.el-overlay.dfd-fullscreen .el-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:750px){.el-overlay.dfd-fullscreen .el-head{padding:14px 16px!important}.el-overlay.dfd-fullscreen .el-head-row{gap:10px;flex-wrap:wrap;padding-right:36px}.el-overlay.dfd-fullscreen .dfd-logo{width:140px;flex-basis:140px}.el-overlay.dfd-fullscreen .el-search{flex-basis:100%!important}.el-overlay.dfd-fullscreen .el-history{padding-left:0;max-height:66px;overflow:auto}.el-overlay.dfd-fullscreen .el-body{display:block!important;padding:18px 14px!important}.el-overlay.dfd-fullscreen .el-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.el-overlay.dfd-fullscreen .dfd-card-media{height:150px!important}.el-overlay.dfd-fullscreen .el-results-bar{gap:12px;flex-wrap:wrap}.el-overlay.dfd-fullscreen .el-sort{margin:0}.el-overlay.dfd-fullscreen .el-filters{margin-bottom:20px}}
