/* Dixons mobile refinements v1.3.4 - scoped to plugin components. */
.dx-trust{display:none!important} /* Redundant with hero; retained as an Elementor widget for compatibility. */
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:clip}
 .dixons-header__inner{min-height:68px;padding:8px 18px;gap:12px}
 .dixons-header__brand img{max-width:165px;max-height:54px}
 .dixons-header__toggle{display:block!important;min-width:44px;min-height:44px;padding:8px;flex-shrink:0;background:#fff!important}
 .dixons-header__nav{z-index:40;padding:12px 20px 22px}
 .dixons-header__nav a{display:block;font-size:15px;min-height:44px;align-content:center}
 .dx-wrap{padding-inline:18px}
 .dx-hero{min-height:440px}
 .dx-hero-content{padding-block:72px 65px}
 .dx-hero h1{font-size:clamp(35px,9.4vw,48px);line-height:1.12;margin:16px 0 18px;overflow-wrap:normal}
 .dx-hero p{font-size:16px;line-height:1.55}
 .dx-actions{gap:10px;margin-top:23px}
 .dx-actions .dx-btn{min-height:44px;padding:12px 16px;font-size:13px}
 .dx-section{padding:48px 0}
 .dx-section h2{font-size:clamp(29px,8vw,38px);margin:10px 0 14px}
 .dx-section-head{display:block;margin-bottom:22px}
 .dx-section-head p{font-size:15px;line-height:1.6;margin:10px 0 0}
 .dx-filters{gap:8px;margin-bottom:20px}
 .dx-directory-root .dx-filter{min-height:42px;padding:9px 13px;font-size:12px}
 .dx-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .dx-card-trigger img{height:150px}
 .dx-card-body{padding:15px 17px 17px}
 .dx-card-body small{font-size:10px;line-height:1.4}
 .dx-card-body strong{font-size:18px;line-height:1.3;margin:6px 0 10px}
 .dx-more{font-size:13px}
 .dx-dialog{padding:12px;align-items:center}
 .dx-dialog-panel{max-height:calc(100dvh - 24px);width:100%;border-radius:12px}
 .dx-dialog-photo{height:145px}
 .dx-dialog-body{padding:20px}
 .dx-dialog-body h2{font-size:25px;line-height:1.2}
 .dx-dialog-close{min-width:44px;min-height:44px;right:10px;top:10px}
 .dx-hours{padding:12px 15px;margin:18px 0;overflow-wrap:anywhere}
 .dx-cafe-grid,.dx-visit-grid,.dx-office-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .dx-cafe-photos{padding-right:18px;padding-bottom:16px}
 .dx-cafe-photo-1{height:240px}
 .dx-cafe-photo-2{height:105px;width:43%;border-width:4px}
 .dx-copy{font-size:15px;line-height:1.7}
 .dx-visit-grid h3{font-size:18px;margin:0 0 10px}
 .dx-visit-grid p{margin:0 0 12px}
 .dx-reviews .dx-review-shortcode{max-width:100%;overflow:hidden}
 .dx-offices .dx-office-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
 .dx-office-grid a{min-height:90px;padding:14px}
 .dx-office-grid img{height:56px}
 .dx-footer__inner{padding:40px 20px 20px}
 .dx-footer__grid{grid-template-columns:minmax(0,1fr);gap:25px}
 .dx-footer h2{margin-bottom:10px}
 .dx-footer__brand{margin-bottom:15px}
 .dx-footer__bottom{margin-top:30px;padding-top:18px;gap:8px}
 .dx-contact{padding:45px 18px 35px}
 .dx-contact h1{font-size:clamp(36px,9vw,48px)}
 .dx-contact__heading{margin-bottom:26px}
 .dx-contact__card{min-height:0;padding:22px}
 .dx-contact__cards{gap:14px}
 .dx-contact-form-wrap,.dx-contact-map-wrap{padding-inline:18px}
}
@media(max-width:360px){
 .dixons-header__brand img{max-width:145px}
 .dx-hero h1{font-size:34px}
 .dx-actions .dx-btn{width:100%}
 .dx-offices .dx-office-grid{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:768px) and (max-width:1024px){
 .dx-section{padding-block:65px}
 .dx-grid{gap:16px}
 .dx-card-trigger img{height:170px}
 .dx-cafe-grid{gap:30px}
}
