/* Shared public header */
.header-above{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
}
.header-top{
  width:100%;
  background:#000;
}
.site-main-nav{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:14px 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  box-sizing:border-box;
}
.site-logo{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
}
.site-logo img{
  display:block;
  width:auto;
  height:60px;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.header-basket-button,
.header-contact-button{
  position:relative;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px 17px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:13px;
  background:rgba(8,8,8,.70);
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:850;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
  box-sizing:border-box;
}
.header-basket-button:hover,
.header-contact-button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,223,0,.65);
  background:#111;
  color:#fff;
}
.header-basket-button::after,
.header-contact-button::after{display:none!important}
.header-basket-icon{
  position:relative;
  width:29px;
  height:29px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.header-basket-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:#ffdf00;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-basket-count{
  position:absolute;
  top:-7px;
  right:-9px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid #000;
  border-radius:999px;
  background:#e51b23;
  color:#fff;
  font-size:10px;
  font-weight:950;
  line-height:1;
  box-sizing:border-box;
}
.header-contact-icon{
  color:#ffdf00;
  font-size:19px;
  line-height:1;
}
.header-action-label{white-space:nowrap}

/* Header contact modal */
body.header-contact-modal-open{overflow:hidden}
.header-contact-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.76);
  backdrop-filter:blur(4px);
}
.header-contact-modal.is-open{display:flex}
.header-contact-dialog{
  position:relative;
  width:min(560px,100%);
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:28px;
  border:1px solid #e1e7ee;
  border-radius:18px;
  background:#fff;
  box-shadow:0 26px 80px rgba(0,0,0,.34);
  box-sizing:border-box;
}
.header-contact-close{
  position:absolute;
  top:12px;
  right:13px;
  width:37px;
  height:37px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:#eef2f6;
  color:#10233e;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.header-contact-kicker{
  display:block;
  margin:0 42px 3px 0;
  color:#d51920;
  font-size:9px;
  font-weight:950;
  letter-spacing:.65px;
  text-transform:uppercase;
}
.header-contact-dialog h2{
  margin:0 42px 6px 0;
  color:#10233e;
  font-size:27px;
  line-height:1.15;
}
.header-contact-intro{
  margin:0 0 18px;
  color:#667586;
  font-size:12px;
  line-height:1.55;
}
.header-contact-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.header-contact-field{
  display:block;
}
.header-contact-field-full{grid-column:1/-1}
.header-contact-field>span{
  display:block;
  margin-bottom:5px;
  color:#33465d;
  font-size:10px;
  font-weight:900;
}
.header-contact-field input,
.header-contact-field textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid #ccd6e1;
  border-radius:9px;
  background:#fff;
  color:#10233e;
  font:inherit;
  font-size:13px;
  outline:none;
  box-sizing:border-box;
}
.header-contact-field input{min-height:43px}
.header-contact-field textarea{
  min-height:125px;
  resize:vertical;
  line-height:1.5;
}
.header-contact-field input:focus,
.header-contact-field textarea:focus{
  border-color:#1d71b8;
  box-shadow:0 0 0 3px rgba(29,113,184,.10);
}
.contact-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}
.header-contact-status{
  min-height:19px;
  margin-top:10px;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
}
.header-contact-status.is-success{color:#157347}
.header-contact-status.is-error{color:#b42318}
.header-contact-submit{
  width:100%;
  min-height:46px;
  margin-top:5px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#e51b23,#bd1118);
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(213,25,32,.16);
}
.header-contact-submit:hover{filter:brightness(.96)}
.header-contact-submit:disabled{cursor:wait;opacity:.68}

.header-contact-direct-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.header-contact-direct-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:10px;color:#fff;font-size:12px;font-weight:950;text-decoration:none;box-sizing:border-box;transition:transform .15s ease,filter .15s ease}
.header-contact-direct-button:hover{filter:brightness(.96);transform:translateY(-1px)}
.header-contact-phone{background:#10233e}
.header-contact-whatsapp{background:#25d366;color:#092b17}
.header-contact-direct-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}
.header-contact-direct-icon svg{width:20px;height:20px;display:block;fill:currentColor}

@media(max-width:700px){
  .site-main-nav{padding:12px 16px}
  .site-logo img{height:48px}
  .header-actions{gap:7px}
  .header-basket-button,
  .header-contact-button{
    min-height:42px;
    padding:7px 11px;
    gap:7px;
    border-radius:11px;
  }
  .header-action-label{display:none;}
  .header-basket-icon{width:25px;height:25px}
  .header-basket-icon svg{width:22px;height:22px}
}

@media(max-width:470px){
  .site-main-nav{gap:10px;padding:10px 12px}
  .site-logo img{height:42px}
  .header-actions{gap:5px}
  .header-basket-button,
  .header-contact-button{
    min-width:43px;
    padding:7px 9px;
  }
  .header-action-label{display:none}
  .header-contact-icon{font-size:20px}
  .header-contact-dialog{
    padding:24px 16px 18px;
    border-radius:16px;
  }
  .header-contact-form-grid{grid-template-columns:1fr}
  .header-contact-field-full{grid-column:auto}
}


/* Shared footer */
		.site-footer{width:100%;padding-bottom:15px;background:#000;border-top:3px solid;border-image:linear-gradient(to right,#ffdf00,#ff0505) 1 0 0 0}
		.site-footer-social{height:68px;padding:15px 0 10px;display:flex;align-items:center;justify-content:center;gap:20px}
		.site-footer-copy{text-align:center;color:#888;font-size:16px}
		
		
		       /* Footer Icons */
        .fbook {
            width: 42px;
            height: 42px;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffdf00" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>') no-repeat center;
            background-size: contain;
            transition: transform 0.3s ease;
        }
        
        .fbook:hover {
            transform: scale(1.1);
        }
        
        .X-icon {
            width: 42px;
            height: 42px;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffdf00" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>') no-repeat center;
            background-size: contain;
            transition: transform 0.3s ease;
        }
        
        .X-icon:hover {
            transform: scale(1.1);
        }
        
        .youtube {
            width: 42px;
            height: 42px;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffdf00" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>') no-repeat center;
            background-size: contain;
            transition: transform 0.3s ease;
        }
        
        .youtube:hover {
            transform: scale(1.1);
        }
        
        .whatsApp {
            width: 42px;
            height: 42px;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffdf00" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>') no-repeat center;
            background-size: contain;
            transition: transform 0.3s ease;
        }
        
        .whatsApp:hover {
            transform: scale(1.1);
        }

/* Floating WhatsApp shortcut — phones only */
.mobile-whatsapp-float,
.mobile-phone-float{
  display:none;
}

@media (max-width:600px){
  .mobile-phone-float{
    position:fixed;
    right:max(16px, env(safe-area-inset-right));
    bottom:max(86px, calc(env(safe-area-inset-bottom) + 80px));
    z-index:15000;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    background:#10233e;
    color:#fff;
    box-shadow:0 7px 22px rgba(0,0,0,.30);
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    transition:transform .16s ease, box-shadow .16s ease;
  }

  .mobile-phone-float:active{
    transform:scale(.94);
    box-shadow:0 4px 14px rgba(0,0,0,.28);
  }

  .mobile-phone-float svg{
    width:31px;
    height:31px;
    display:block;
    fill:currentColor;
  }

  .mobile-whatsapp-float{
    position:fixed;
    right:max(16px, env(safe-area-inset-right));
    bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px));
    z-index:15000;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    background:#25d366;
    color:#fff;
    box-shadow:0 7px 22px rgba(0,0,0,.30);
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    transition:transform .16s ease, box-shadow .16s ease;
  }

  .mobile-whatsapp-float:active{
    transform:scale(.94);
    box-shadow:0 4px 14px rgba(0,0,0,.28);
  }

  .mobile-whatsapp-float svg{
    width:34px;
    height:34px;
    display:block;
    fill:currentColor;
  }
}