/* SONURUN Storefront V5 – slider controls, mega-menu media, contact page */

/* ---------- Menu children: media is optional, never show an empty square ---------- */
.sn3-subitem.no-thumb{grid-template-columns:minmax(0,1fr) auto!important;padding-left:12px!important}
.sn3-subitem.no-thumb .sn3-subthumb,.sn3-subitem.no-thumb .sn3-subicon{display:none!important}
.sn3-subthumb{background:#f5f6f8!important;border:1px solid #eceef1!important}
.sn3-subthumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.sn3-subitem>span:nth-last-of-type(1){min-width:0}
.sn3-subitem b{white-space:normal!important}

/* ---------- Home horizontal carousel controls: top-right, larger ---------- */
@media(min-width:901px){
  .sn3-home-section .sn3-section-head{position:relative!important;padding-right:118px!important;min-height:48px}
  .sn3-home-section .sn3-section-head>a{margin-right:0!important}
  .sn3-home-section .sn3-scroll-shell>.sn3-rail-arrow{
    top:-67px!important;
    transform:none!important;
    width:48px!important;
    height:48px!important;
    font-size:30px!important;
    line-height:1!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid #dfe2e6!important;
    box-shadow:0 10px 28px rgba(17,19,24,.10)!important;
    display:grid!important;
    place-items:center!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
  }
  .sn3-home-section .sn3-scroll-shell>.sn3-rail-arrow:hover{transform:translateY(-2px)!important;border-color:#bfc4cb!important;background:#f8f9fa!important}
  .sn3-home-section .sn3-scroll-shell>.sn3-rail-arrow.prev{left:auto!important;right:58px!important}
  .sn3-home-section .sn3-scroll-shell>.sn3-rail-arrow.next{left:auto!important;right:0!important}
  .sn3-home-stores .sn3-scroll-shell>.sn3-rail-arrow{background:#1b1d21!important;color:#fff!important;border-color:#36393f!important}
}

/* ---------- Contact page: neutralize the old boutique grid and rebuild ---------- */
body.sn3-site .btq-contact-page,
body.sn3-site .contact-page{
  padding:34px 0 76px!important;
  background:linear-gradient(180deg,#fafbfc 0,#fff 280px)!important;
}
body.sn3-site .btq-contact-shell,
body.sn3-site .contact-wrap{
  display:block!important;
  grid-template-columns:none!important;
  width:min(1320px,calc(100% - 48px))!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0!important;
}
body.sn3-site .btq-contact-head,
body.sn3-site .contact-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
  gap:64px!important;
  align-items:end!important;
  margin:0 0 28px!important;
  padding:34px 38px!important;
  border:1px solid #e7e9ed!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 16px 50px rgba(15,23,42,.055)!important;
}
body.sn3-site .btq-contact-head>div:first-child{min-width:0}
body.sn3-site .btq-contact-head .btq-kicker,
body.sn3-site .contact-head .btq-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#e31d24!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body.sn3-site .btq-contact-head h1,
body.sn3-site .contact-head h1{
  margin:8px 0 0!important;
  font-family:inherit!important;
  font-size:clamp(38px,4vw,58px)!important;
  line-height:.98!important;
  font-weight:900!important;
  letter-spacing:-2.2px!important;
  text-transform:none!important;
  color:#15171b!important;
  max-width:680px!important;
}
body.sn3-site .contact-head-copy{margin:0!important;padding:0!important;text-align:left!important}
body.sn3-site .contact-head-copy h2{margin:0 0 9px!important;font-family:inherit!important;font-size:21px!important;line-height:1.25!important;font-weight:850!important;letter-spacing:-.45px!important;color:#1e2024!important}
body.sn3-site .contact-head-copy p{margin:0!important;max-width:520px!important;font-size:13px!important;line-height:1.7!important;color:#747a84!important}

body.sn3-site .btq-contact-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.32fr) minmax(310px,.68fr)!important;
  gap:22px!important;
  align-items:start!important;
}
body.sn3-site .btq-contact-card,
body.sn3-site .btq-contact-form-card,
body.sn3-site .btq-contact-info-card{
  margin:0!important;
  padding:28px!important;
  border:1px solid #e6e8ec!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 36px rgba(15,23,42,.045)!important;
  min-width:0!important;
}
body.sn3-site .btq-contact-form-card{grid-column:auto!important}
body.sn3-site .contact-form{width:100%!important;margin:0!important;padding:0!important}
body.sn3-site .cgrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
}
body.sn3-site .cfield{min-width:0!important;margin:0!important;padding:0!important}
body.sn3-site .cfield.cfull{grid-column:1/-1!important}
body.sn3-site .cfield>label{
  display:block!important;
  margin:0 0 7px!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  color:#535861!important;
}
body.sn3-site .cfield input,
body.sn3-site .cfield select,
body.sn3-site .cfield textarea{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:48px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #dde1e6!important;
  border-radius:12px!important;
  background:#fafbfc!important;
  box-shadow:none!important;
  color:#1c1f24!important;
  font-family:inherit!important;
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  outline:none!important;
}
body.sn3-site .cfield textarea{min-height:150px!important;resize:vertical!important}
body.sn3-site .cfield input:focus,
body.sn3-site .cfield textarea:focus,
body.sn3-site .cfield select:focus{border-color:#b4bac2!important;background:#fff!important;box-shadow:0 0 0 4px rgba(18,20,24,.045)!important}
body.sn3-site .cfield.has-error input,
body.sn3-site .cfield.has-error textarea{border-color:#e5656b!important;box-shadow:0 0 0 3px rgba(227,29,36,.07)!important}
body.sn3-site .lg-error{margin-top:6px!important;font-size:10px!important;color:#d91e27!important}

body.sn3-site .btq-captcha-code .btq-captcha-display{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 12px!important;
  border:1px dashed #cbd0d6!important;
  border-radius:12px!important;
  background:#f6f7f9!important;
}
body.sn3-site .btq-captcha-display span{font-size:23px!important;font-weight:900!important;letter-spacing:.12em!important;color:#15171b!important}
body.sn3-site .btq-captcha-display small{max-width:130px!important;font-size:9px!important;line-height:1.35!important;color:#8a9098!important}
body.sn3-site .cbtn,
body.sn3-site .btq-contact-submit{
  margin-top:18px!important;
  min-width:190px!important;
  min-height:50px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:12px!important;
  background:#e31d24!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 10px 22px rgba(227,29,36,.18)!important;
}
body.sn3-site .btq-contact-submit:hover{background:#c9151c!important;transform:translateY(-1px)}

body.sn3-site .btq-contact-info-card .btq-kicker{color:#e31d24!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important}
body.sn3-site .btq-contact-info-card h2{margin:8px 0 8px!important;font-size:28px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-1px!important;color:#16181c!important}
body.sn3-site .btq-contact-info-card>p{margin:0 0 20px!important;color:#777d86!important;font-size:12px!important;line-height:1.65!important}
body.sn3-site .btq-contact-info-list{display:grid!important;gap:10px!important}
body.sn3-site .official-item{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  padding:14px!important;
  border:1px solid #eceef1!important;
  border-radius:14px!important;
  background:#fafbfc!important;
}
body.sn3-site .oi-ico{width:36px!important;height:36px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#17191d!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
body.sn3-site .oi-title{font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#969ba3!important;margin-bottom:3px!important}
body.sn3-site .oi-val,body.sn3-site .oi-val a{font-size:12px!important;line-height:1.55!important;font-weight:750!important;color:#23262b!important;text-decoration:none!important;word-break:break-word!important}
body.sn3-site .oi-val a:hover{color:#e31d24!important}

body.sn3-site .btq-contact-map{
  display:block!important;
  width:100%!important;
  margin:22px 0 0!important;
  padding:0!important;
  border:1px solid #e6e8ec!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 12px 36px rgba(15,23,42,.045)!important;
}
body.sn3-site .btq-contact-map__head{padding:22px 26px 16px!important;border-bottom:1px solid #eceef1!important}
body.sn3-site .btq-contact-map__head .btq-kicker{font-size:9px!important;font-weight:900!important;color:#e31d24!important;letter-spacing:.15em!important}
body.sn3-site .btq-contact-map__head h2{margin:7px 0 0!important;font-size:24px!important;font-weight:900!important;letter-spacing:-.7px!important}
body.sn3-site .btq-contact-map .map-box{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#eef0f2!important;
}
body.sn3-site .btq-contact-map .map-box iframe{display:block!important;width:100%!important;max-width:none!important;height:390px!important;border:0!important}
body.sn3-site .contact-alert{margin:0 0 18px!important;border-radius:13px!important;padding:13px 16px!important;font-size:12px!important}

/* The quick-contact module now comes from the original footer system. */
body.sn3-site .btq-contact-dock{z-index:280!important}
body.sn3-site .btq-contact-dock__button{width:54px!important;height:54px!important}

@media(max-width:900px){
  body.sn3-site .btq-contact-head,body.sn3-site .contact-head{grid-template-columns:1fr!important;gap:14px!important;padding:26px!important}
  body.sn3-site .btq-contact-layout{grid-template-columns:1fr!important}
  body.sn3-site .btq-contact-map .map-box iframe{height:330px!important}
}
@media(max-width:560px){
  body.sn3-site .btq-contact-page,body.sn3-site .contact-page{padding-top:18px!important}
  body.sn3-site .btq-contact-shell,body.sn3-site .contact-wrap{width:calc(100% - 24px)!important}
  body.sn3-site .btq-contact-head,body.sn3-site .contact-head{padding:20px!important;border-radius:18px!important}
  body.sn3-site .btq-contact-head h1,body.sn3-site .contact-head h1{font-size:34px!important;letter-spacing:-1.4px!important}
  body.sn3-site .btq-contact-card,body.sn3-site .btq-contact-form-card,body.sn3-site .btq-contact-info-card{padding:18px!important;border-radius:18px!important}
  body.sn3-site .cgrid{grid-template-columns:1fr!important;gap:13px!important}
  body.sn3-site .cfield.cfull{grid-column:auto!important}
  body.sn3-site .btq-contact-submit{width:100%!important}
  body.sn3-site .btq-contact-map{border-radius:18px!important}
  body.sn3-site .btq-contact-map .map-box iframe{height:280px!important}
}