:root{
 --pro-green:#20a766;
 --pro-green-dark:#14804d;
 --pro-ink:#20232a;
 --pro-soft:#f7f8fa;
 --pro-line:#e9ebef;
 --pro-orange:#f4a000
}

.storefront-pro-body{
 background:#fff!important;
 color:var(--text,#222)
}

.kosgeb-strip{
 background:#0b416e;
 color:#fff;
 text-align:center;
 font-size:12px;
 line-height:1
}

.kosgeb-strip a{
 min-height:30px;
 display:inline-flex;
 align-items:center;
 gap:10px;
 padding:7px 16px
}

.kosgeb-strip strong{
 background:#fff;
 color:#0b416e;
 border-radius:4px;
 padding:4px 7px;
 font-size:10px;
 letter-spacing:.04em
}

.announcement-ticker{
 height:34px;
 overflow:hidden;
 border-bottom:1px solid var(--pro-line);
 background:#fff;
 color:#626975;
 white-space:nowrap
}

.announcement-track{
 display:inline-flex;
 min-width:max-content;
 align-items:center;
 gap:28px;
 height:34px;
 animation:proTicker 24s linear infinite;
 font-size:12px
}

.announcement-track i{
 font-style:normal;
 color:var(--accent)
}

@keyframes proTicker{
 from{transform:translateX(0)}
 to{transform:translateX(-33.33%)}
}

.pro-header{
 position:relative;
 z-index:45;
 background:#fff;
 border-bottom:1px solid var(--pro-line)
}

.pro-header-main{
 display:grid;
 grid-template-columns:auto minmax(320px,1fr) auto;
 align-items:center;
 gap:34px;
 min-height:92px
}

.pro-brand{
 display:flex;
 align-items:center;
 gap:11px;
 color:var(--pro-ink)
}

.pro-brand-mark{
 display:grid;
 place-items:center;
 width:42px;
 height:42px;
 border:1px solid var(--accent);
 color:var(--accent);
 font-weight:800;
 border-radius:4px
}

.pro-brand strong{
 font-size:19px;
 letter-spacing:-.04em
}

.pro-brand small{
 display:block;
 font-size:9px;
 letter-spacing:.22em;
 color:#78808d;
 margin-top:2px
}

.header-search{
 display:flex;
 align-items:center;
 background:#f6f7f9;
 border:1px solid #e9ecf0;
 border-radius:12px;
 overflow:hidden;
 min-height:48px
}

.header-search input{
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 min-height:46px
}

.header-search button{
 width:48px;
 height:48px;
 border:0;
 background:#111;
 color:#fff;
 display:grid;
 place-items:center
}

.header-search svg{
 width:20px;
 height:20px
}

.pro-header-actions{
 display:flex;
 align-items:center;
 gap:14px
}

.header-whatsapp{
 display:flex;
 align-items:center;
 gap:8px;
 border-radius:999px;
 background:#ebfbf3;
 color:#087d48;
 padding:10px 15px;
 font-size:12px;
 font-weight:700;
 white-space:nowrap
}

.wa-dot{
 display:grid;
 place-items:center;
 width:24px;
 height:24px;
 border-radius:50%;
 background:#d6f5e6
}

.account-mini{
 font-size:12px;
 color:#58616e
}

.pro-cart{
 position:relative;
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border:1px solid var(--pro-line);
 border-radius:12px;
 background:#fff
}

.pro-cart .cart-count{
 position:absolute;
 right:-7px;
 top:-7px
}

.pro-nav-wrap{
 border-top:1px solid var(--pro-line)
}

.pro-nav{
 min-height:50px;
 display:flex;
 align-items:center;
 gap:24px;
 font-size:11px;
 font-weight:700;
 color:#5e6671
}

.pro-nav>a{
 white-space:nowrap
}

.pro-nav>a:hover{
 color:var(--accent)
}

.categories-button{
 display:inline-flex;
 align-items:center;
 gap:9px;
 border:0;
 background:none;
 font-size:11px;
 font-weight:800;
 color:#1e252d;
 padding:0
}

.hamburger{
 display:grid;
 gap:3px
}

.hamburger i{
 display:block;
 width:17px;
 height:2px;
 background:currentColor
}

.quick-order{
 margin-left:auto!important;
 color:#d98400!important;
 border:1px solid #f5c75b;
 border-radius:999px;
 padding:7px 16px
}

.category-drawer{
 position:fixed;
 z-index:1002;
 left:0;
 top:0;
 bottom:0;
 width:min(430px,92vw);
 background:#fff;
 padding:28px;
 box-shadow:0 0 50px #0002;
 overflow:auto
}

.category-drawer-head{
 display:flex;
 justify-content:space-between;
 align-items:center;
 border-bottom:1px solid var(--pro-line);
 padding-bottom:18px;
 margin-bottom:18px
}

.category-drawer-head strong{
 font-size:22px
}

.category-drawer-head button{
 width:40px;
 height:40px;
 border:0;
 background:#f3f4f6;
 border-radius:50%;
 font-size:26px
}

.category-drawer-grid{
 display:grid;
 gap:10px
}

.category-drawer-grid a{
 border:1px solid var(--pro-line);
 padding:16px;
 border-radius:12px;
 display:flex;
 justify-content:space-between;
 align-items:center
}

.category-drawer-grid a:not(.category-all){
 display:grid;
 gap:3px
}

.category-drawer-grid small{
 color:#7b8390
}

.category-all{
 background:#111;
 color:#fff;
 border-color:#111!important
}

.drawer-backdrop{
 position:fixed;
 z-index:1001;
 inset:0;
 background:#0008;
 backdrop-filter:blur(3px)
}

body.drawer-open{
 overflow:hidden
}

.product-rating,
.detail-rating{
 display:flex;
 align-items:center;
 gap:7px;
 margin:8px 0 12px;
 font-size:12px
}

.product-rating .stars,
.detail-rating .stars,
.stars{
 color:#f5a300;
 letter-spacing:1px
}

.product-rating strong{
 font-size:12px
}

.product-rating small{
 display:inline;
 color:#8b929c;
 font-size:11px
}

.detail-rating{
 width:max-content;
 color:#626b77
}

.detail-rating strong{
 color:var(--text)
}

.purchase-panel{
 border:1px solid var(--pro-line);
 padding:20px;
 border-radius:16px;
 background:#fff
}

.size-select-label{
 font-weight:750
}

.size-select-label select{
 background:#fff;
 border:2px solid var(--accent)
}

.product-assurances{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:10px;
 margin-top:20px
}

.product-assurances>div{
 border:1px solid var(--pro-line);
 border-radius:12px;
 padding:13px;
 background:#fff
}

.product-assurances b{
 display:inline-grid;
 place-items:center;
 width:28px;
 height:28px;
 border-radius:50%;
 background:var(--raised);
 color:var(--accent);
 font-size:10px;
 margin-bottom:8px
}

.product-assurances strong,
.product-assurances small{
 display:block
}

.product-assurances strong{
 font-size:12px
}

.product-assurances small{
 font-size:11px;
 color:#7a828e;
 margin-top:3px
}

.product-extra-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:16px;
 margin-bottom:60px
}

.product-extra-card{
 border:1px solid var(--pro-line);
 padding:24px;
 border-radius:16px;
 background:#fff
}

.product-extra-card>span{
 display:grid;
 place-items:center;
 width:40px;
 height:40px;
 border-radius:10px;
 background:var(--raised);
 color:var(--accent);
 font-weight:800
}

.product-extra-card h2{
 font-size:17px;
 margin:15px 0 8px
}

.product-extra-card p{
 font-size:13px;
 color:#717985;
 margin:0
}

.reviews-section{
 padding-bottom:70px
}

.reviews-heading{
 display:flex;
 justify-content:space-between;
 align-items:end;
 border-top:1px solid var(--pro-line);
 padding-top:45px;
 margin-bottom:24px
}

.review-score{
 text-align:right
}

.review-score strong{
 font-size:38px
}

.review-score>span{
 color:#7d8490
}

.review-score small{
 color:#818995
}

.reviews-layout{
 display:grid;
 grid-template-columns:minmax(0,1.4fr) minmax(320px,.7fr);
 gap:24px
}

.review-list{
 display:grid;
 gap:12px
}

.review-card,
.empty-review{
 border:1px solid var(--pro-line);
 padding:20px;
 border-radius:14px;
 background:#fff
}

.review-card>div:first-child{
 display:flex;
 gap:10px;
 align-items:center
}

.verified-review{
 font-size:10px;
 color:#16864e;
 background:#eaf9f1;
 border-radius:999px;
 padding:3px 7px
}

.review-card p{
 margin:10px 0;
 color:#5f6772
}

.review-card small{
 color:#9197a1
}

.review-form{
 position:sticky;
 top:20px
}

.shipping-fieldset{
 border:0;
 padding:0;
 margin:0;
 display:grid;
 gap:10px
}

.shipping-fieldset legend{
 font-size:14px;
 font-weight:750;
 margin-bottom:8px
}

.shipping-choice{
 display:grid;
 grid-template-columns:auto 70px 1fr;
 align-items:center;
 gap:14px;
 border:1px solid var(--pro-line);
 padding:14px;
 border-radius:13px;
 background:#fff;
 cursor:pointer
}

.shipping-choice:has(input:checked){
 border:2px solid var(--accent)
}

.shipping-choice input{
 width:18px;
 height:18px
}

.shipping-logo{
 height:42px;
 border-radius:8px;
 display:grid;
 place-items:center;
 text-align:center;
 font-size:9px;
 font-weight:900;
 line-height:1.05
}

.yurtici-logo{
 background:#d62027;
 color:#fff
}

.aras-logo{
 background:#134c8a;
 color:#fff
}

.shipping-choice strong,
.shipping-choice small{
 display:block
}

.shipping-choice small{
 font-size:11px;
 color:#77808c;
 margin-top:3px
}

.checkout-submit{
 min-height:58px;
 font-size:15px!important
}

.wa-button-icon{
 font-size:18px
}

.whatsapp-final-card{
 display:flex;
 align-items:center;
 gap:18px;
 background:#ecfbf3;
 border:1px solid #bcebd2;
 border-radius:16px;
 padding:20px
}

.whatsapp-final-card h2{
 margin:0 0 4px;
 color:#12663f
}

.whatsapp-final-card p{
 margin:0;
 color:#42705a
}

.whatsapp-final-icon{
 width:54px;
 height:54px;
 display:grid;
 place-items:center;
 background:#19a45e;
 color:#fff;
 border-radius:50%
}

.whatsapp-final-icon svg{
 width:30px;
 height:30px
}

.whatsapp-final-button{
 min-height:64px;
 font-size:16px!important;
 gap:12px!important
}

.whatsapp-final-button svg{
 width:28px;
 height:28px
}

.order-query-page .page-lead{
 color:#6e7682;
 margin-bottom:24px
}

.contact-pro-layout{
 display:grid;
 grid-template-columns:.8fr 1.2fr;
 gap:20px;
 margin-bottom:25px
}

.contact-map-card{
 border:1px solid var(--pro-line);
 border-radius:18px;
 overflow:hidden;
 min-height:380px;
 background:#f5f6f8
}

.contact-map-card iframe{
 width:100%;
 height:100%;
 min-height:380px;
 border:0
}

.map-placeholder{
 min-height:380px;
 display:grid;
 place-items:center;
 align-content:center;
 text-align:center;
 padding:30px;
 color:#727a86
}

.contact-content-stack{
 margin-top:20px
}

.footer-trust-row{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:12px;
 padding-bottom:30px
}

.trust-badge{
 display:flex!important;
 align-items:center;
 gap:13px;
 border:1px solid var(--pro-line);
 border-radius:12px;
 padding:13px!important;
 margin:0!important;
 color:#30363e!important
}

.trust-logo{
 width:50px;
 height:42px;
 border-radius:7px;
 display:grid;
 place-items:center;
 font-size:10px;
 font-weight:900;
 line-height:1
}

.etbis-logo{
 background:#163f78;
 color:#fff
}

.trgo-logo{
 background:#e92831;
 color:#fff
}

.secure-logo{
 background:#eaf8f1;
 color:#16864e;
 font-size:19px
}

.trust-badge strong,
.trust-badge small{
 display:block
}

.trust-badge strong{
 font-size:12px
}

.trust-badge small{
 font-size:10px;
 color:#818995;
 margin-top:2px
}

.floating-whatsapp{
 position:fixed;
 z-index:85;
 right:22px;
 bottom:24px;
 width:58px;
 height:58px;
 border-radius:50%;
 display:grid;
 place-items:center;
 background:#1fb866;
 color:#fff;
 box-shadow:0 12px 30px #0d7d493c
}

.floating-whatsapp svg{
 width:30px;
 height:30px
}

.mobile-bottom-bar{
 display:none
}

@media(max-width:1100px){

 .pro-header-main{
  grid-template-columns:auto 1fr;
  gap:20px
 }

 .header-search{
  grid-column:1/-1;
  grid-row:2
 }

 .pro-header-actions{
  justify-self:end
 }

 .pro-nav{
  overflow-x:auto
 }

 .pro-nav a{
  flex:0 0 auto
 }

 .quick-order{
  margin-left:0!important
 }

 .product-assurances{
  grid-template-columns:1fr
 }

 .reviews-layout{
  grid-template-columns:1fr
 }

 .review-form{
  position:static
 }

 .contact-pro-layout{
  grid-template-columns:1fr
 }
}

@media(max-width:700px){

 body{
  padding-bottom:74px
 }

 .kosgeb-strip{
  font-size:11px
 }

 .announcement-ticker{
  height:31px
 }

 .announcement-track{
  height:31px
 }

 .container{
  width:calc(100% - 28px)!important
 }

 .pro-header-main{
  display:flex;
  min-height:70px;
  gap:10px
 }

 .pro-brand{
  flex:1
 }

 .pro-brand strong{
  font-size:15px
 }

 .pro-brand small{
  font-size:8px
 }

 .pro-brand-mark{
  width:36px;
  height:36px
 }

 .header-search{
  position:absolute;
  left:14px;
  right:14px;
  top:75px;
  z-index:4;
  box-shadow:0 7px 20px #0001
 }

 .pro-header{
  padding-bottom:58px
 }

 .header-whatsapp,
 .account-mini{
  display:none
 }

 .pro-cart{
  width:42px;
  height:42px
 }

 .pro-nav-wrap{
  display:none
 }

 .product-extra-grid{
  grid-template-columns:1fr
 }

 .reviews-heading{
  align-items:start;
  gap:20px
 }

 .review-score strong{
  font-size:30px
 }

 .reviews-layout{
  grid-template-columns:1fr
 }

 .shipping-choice{
  grid-template-columns:auto 60px 1fr
 }

 .footer-trust-row{
  grid-template-columns:1fr
 }

 .floating-whatsapp{
  right:16px;
  bottom:88px;
  width:54px;
  height:54px
 }

 .mobile-bottom-bar{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  position:fixed;
  z-index:90;
  left:0;
  right:0;
  bottom:0;
  min-height:70px;
  padding-bottom:env(safe-area-inset-bottom);
  background:#fff;
  border-top:1px solid #e7e9ed;
  box-shadow:0 -7px 24px #00000012
 }

 .mobile-bottom-bar a{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:#59616d;
  font-size:9px;
  font-weight:700
 }

 .mobile-bottom-bar svg{
  width:21px;
  height:21px
 }

 .mobile-bottom-bar b{
  position:absolute;
  top:5px;
  left:55%;
  background:#e33c2f;
  color:#fff;
  border-radius:99px;
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  font-size:9px
 }

 .category-drawer{
  padding:20px
 }

 .contact-map-card,
 .contact-map-card iframe,
 .map-placeholder{
  min-height:300px
 }
}

/* ============================================================
   STICKY_HEADER_V3
   ============================================================ */

.sticky-site-top{
 position:sticky;
 position:-webkit-sticky;
 top:0;
 z-index:1000;
 width:100%;
 background:#fff;
 box-shadow:0 8px 25px rgba(22,30,45,.06);
 transform:translateZ(0)
}


/*
 Header artik tek parca olarak sticky.
 Ic elemanlar ayri sticky kullanmaz.
*/

.sticky-site-top .kosgeb-strip,
.sticky-site-top .announcement-ticker,
.sticky-site-top .pro-header{
 position:relative!important;
 top:auto!important
}


/*
 KOSGEB
*/

.sticky-site-top .kosgeb-strip{
 z-index:3
}


/*
 Kesintisiz kayan duyuru
*/

.sticky-site-top .announcement-ticker{
 position:relative!important;
 z-index:2;
 width:100%;
 height:34px;
 overflow:hidden;
 background:#fff;
 border-bottom:1px solid #e9ebef;
 white-space:nowrap
}


.sticky-site-top .announcement-track{
 display:flex!important;
 align-items:center;
 width:max-content!important;
 min-width:max-content!important;
 height:34px;
 gap:0!important;
 will-change:transform;
 animation:
  announcementContinuous
  var(--ticker-duration,22s)
  linear
  infinite!important
}


.sticky-site-top .announcement-group{
 flex:none;
 display:flex;
 align-items:center;
 gap:30px;
 min-width:max-content;
 padding-right:30px;
 font-size:12px;
 color:#66707c
}


.sticky-site-top .announcement-group span{
 flex:none;
 white-space:nowrap
}


.sticky-site-top .announcement-group i{
 flex:none;
 font-style:normal;
 color:#1769dc;
 font-size:9px
}


@keyframes announcementContinuous{

 from{
  transform:translate3d(0,0,0)
 }

 to{
  transform:translate3d(-50%,0,0)
 }

}


/*
 Mouse ustune gelince bile durmaz.
*/

.sticky-site-top
.announcement-ticker:hover
.announcement-track{

 animation-play-state:running!important

}


/*
 Header
*/

.sticky-site-top .pro-header{
 z-index:1;
 box-shadow:none
}


/*
 Sayfa kayarken header yukarida kalir.
*/

html,
body{
 overflow-x:clip
}


/*
 Mobil
*/

@media(max-width:700px){

 .sticky-site-top{
  top:0
 }

 .sticky-site-top .kosgeb-strip{
  min-height:29px
 }

 .sticky-site-top .announcement-ticker,
 .sticky-site-top .announcement-track{
  height:31px
 }

 .sticky-site-top .announcement-group{
  font-size:11px;
  gap:22px;
  padding-right:22px
 }

}


/*
 Çok geniş ekranlarda yazı boş kalmasın.
*/

@media(min-width:1600px){

 .sticky-site-top .announcement-group{
  gap:38px;
  padding-right:38px
 }

}


/*
 Admin ek alanları
*/

.sticky-header-admin-fields{
 margin-top:4px
}


/* ============================================================
   REVIEWS_ETBIS_V2
   ============================================================ */


/* REVIEWS */

.review-list{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px
}


.review-card-pro{
 position:relative;
 display:grid;
 gap:14px;
 min-height:150px;
 border:1px solid #e7eaf0;
 border-radius:16px;
 padding:20px;
 background:#fafbfc;
 box-shadow:none
}


.review-card-head{
 display:grid!important;
 grid-template-columns:38px minmax(0,1fr) auto;
 align-items:center;
 gap:12px
}


.review-avatar{
 width:38px;
 height:38px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#fff;
 border:1px solid #e7e9ed;
 color:#111;
 font-size:12px;
 font-weight:900
}


.review-customer{
 display:grid;
 gap:2px
}


.review-customer strong{
 font-size:13px
}


.review-customer small{
 color:#8b93a0;
 font-size:10px
}


.review-card-rating{
 justify-self:end
}


.review-card-rating .stars{
 font-size:15px
}


.review-comment{
 margin:0!important;
 color:#3f4855!important;
 font-size:12px!important;
 line-height:1.65
}


.review-card-footer{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding-top:10px;
 border-top:1px solid #e7e9ed
}


.verified-review{
 display:inline-flex;
 align-items:center;
 width:max-content;
 padding:0!important;
 background:none!important;
 color:#07864b!important;
 font-size:10px!important;
 font-weight:800
}


.store-added-review{
 display:inline-flex;
 color:#7d8490;
 font-size:10px;
 font-weight:700
}


.review-card-footer>small{
 color:#9ba1ab;
 font-size:10px
}


/* ETBIS */

.etbis-verification{
 padding:36px 0 24px;
 background:#0e182c;
 color:#fff
}


.etbis-section-title{
 margin:0 0 18px;
 color:#ffbf00;
 font-size:13px;
 font-weight:900;
 letter-spacing:.02em
}


.etbis-pro-card{
 width:min(100%,360px);
 padding:18px;
 border:1px solid #40506a;
 border-radius:18px;
 background:#18253b;
 box-shadow:0 12px 35px rgba(0,0,0,.18)
}


.etbis-card-header{
 display:grid;
 grid-template-columns:38px minmax(0,1fr) auto;
 gap:11px;
 align-items:center
}


.etbis-official-mark{
 width:38px;
 height:38px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#e21d34;
 color:#fff;
 font-size:9px;
 font-weight:900;
 border:3px solid #fff
}


.etbis-card-header strong,
.etbis-card-header small{
 display:block
}


.etbis-card-header strong{
 font-size:12px;
 color:#fff
}


.etbis-card-header small{
 margin-top:2px;
 font-size:9px;
 color:#aebbd0
}


.etbis-status{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:27px;
 padding:5px 9px;
 border-radius:999px;
 background:#0b8e6a;
 color:#fff!important;
 font-size:9px;
 font-weight:800
}


.etbis-divider{
 height:1px;
 margin:14px 0;
 background:#33435c
}


.etbis-card-content{
 display:grid;
 grid-template-columns:95px minmax(0,1fr);
 gap:16px;
 align-items:center
}


.etbis-qr-frame{
 width:95px;
 height:95px;
 display:grid;
 place-items:center;
 padding:6px;
 border-radius:9px;
 background:#fff
}


#etbis-qr{
 width:82px;
 height:82px;
 overflow:hidden
}


#etbis-qr img,
#etbis-qr canvas{
 display:block!important;
 width:82px!important;
 height:82px!important
}


.etbis-qr-empty{
 width:82px;
 height:82px;
 display:grid;
 place-items:center;
 color:#111;
 font-weight:900;
 background:
 linear-gradient(45deg,#eee 25%,transparent 25%),
 linear-gradient(-45deg,#eee 25%,transparent 25%),
 linear-gradient(45deg,transparent 75%,#eee 75%),
 linear-gradient(-45deg,transparent 75%,#eee 75%);
 background-size:12px 12px
}


.etbis-business{
 min-width:0
}


.etbis-business>strong{
 display:block;
 margin-bottom:6px;
 color:#fff;
 font-size:12px
}


.etbis-business code{
 display:inline-block;
 max-width:100%;
 padding:3px 6px;
 border-radius:4px;
 overflow:hidden;
 text-overflow:ellipsis;
 color:#ffd32a;
 background:#09101d;
 font-size:9px;
 white-space:nowrap
}


.etbis-business p{
 margin:8px 0 5px;
 color:#9dacbf;
 font-size:9px;
 line-height:1.45
}


.etbis-check-link{
 color:#fff!important;
 font-size:9px;
 font-weight:800
}


.pro-footer{
 border-top:0!important
}


.etbis-verification + .footer-trust-row{
 padding-top:30px
}


@media(max-width:760px){

 .review-list{
  grid-template-columns:1fr
 }

 .review-card-pro{
  padding:16px
 }

 .review-card-head{
  grid-template-columns:34px minmax(0,1fr)
 }

 .review-card-rating{
  grid-column:2;
  justify-self:start
 }

 .etbis-pro-card{
  width:100%
 }

}

/* ============================================================
   FINAL FOOTER + ETBIS
   ============================================================ */

.pro-footer{
    margin-top:60px;
    background:#101a2e;
    color:#b6c2d4;
    border-top:0!important;
}

.footer-feature-strip{
    background:#091224;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    min-height:90px;
    align-items:center;
}

.footer-feature{
    display:flex;
    align-items:center;
    gap:13px;
}

.footer-feature-icon{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    font-size:18px;
    color:#fbbf24;
}

.footer-feature strong{
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.footer-feature small{
    display:block;
    margin-top:4px;
    color:#8fa0b9;
    font-size:10px;
}

.footer-main{
    padding:48px 0;
}

.footer-main-grid{
    display:grid;
    grid-template-columns:
        1.25fr
        1fr
        1fr
        1fr
        1.15fr;
    gap:38px;
    align-items:start;
}

.footer-brand{
    display:flex!important;
    align-items:center;
    gap:10px;
    margin:0 0 20px!important;
    color:#fff!important;
}

.footer-brand-mark{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid #fff;
    font-size:12px;
    font-weight:900;
}

.footer-brand strong{
    display:block;
    font-size:18px;
    color:#fff;
}

.footer-brand small{
    display:block;
    margin-top:2px;
    font-size:8px;
    color:#91a0b6;
    letter-spacing:.2em;
}

.footer-company p{
    max-width:265px;
    margin:0 0 12px;
    color:#9eacc0;
    font-size:12px;
    line-height:1.75;
}

.footer-address{
    color:#8190a6!important;
}

.footer-column{
    display:grid;
    align-content:start;
    gap:10px;
}

.footer-column h2,
.footer-etbis-column h2{
    margin:0 0 9px;
    color:#ffc21a;
    font-size:12px;
    font-weight:900;
}

.footer-column a{
    margin:0!important;
    padding:0!important;
    color:#a8b5c8!important;
    font-size:11px;
    line-height:1.5;
}

.footer-column a:hover{
    color:#fff!important;
}

.footer-contact-text{
    display:flex;
    gap:8px;
    color:#a8b5c8;
    font-size:11px;
    line-height:1.6;
}

.footer-whatsapp-link{
    color:#55d991!important;
    font-weight:800;
}

.footer-bottom-wrap{
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-bottom{
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#718096;
    font-size:10px;
}


/* ETBIS */

.etbis-pro-card{
    width:100%;
    max-width:310px;
    padding:16px;
    border-radius:17px;
    border:1px solid #3b4960;
    background:#1a273b;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
}

.etbis-card-top{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
}

.etbis-mini-logo{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#e21e37;
    color:#fff;
    border:2px solid #fff;
    font-size:8px;
    font-weight:900;
}

.etbis-top-text{
    min-width:0;
}

.etbis-top-text strong{
    display:block;
    color:#fff;
    font-size:11px;
    line-height:1.15;
}

.etbis-top-text small{
    display:block;
    margin-top:3px;
    color:#9bacc3;
    font-size:8px;
}

.etbis-approved{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    margin:0!important;
    padding:5px 9px!important;
    border-radius:999px;
    background:#0a9068;
    color:#fff!important;
    font-size:8px;
    font-weight:800;
    white-space:nowrap;
}

.etbis-line{
    height:1px;
    margin:13px 0;
    background:#34435a;
}

.etbis-card-body{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:14px;
    align-items:center;
}

.etbis-qr-box{
    width:92px;
    height:92px;
    display:grid;
    place-items:center;
    padding:5px;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
}

.etbis-qr-box a{
    width:100%;
    height:100%;
    display:grid!important;
    place-items:center;
    padding:0!important;
    margin:0!important;
}

#etbis-qr{
    width:82px;
    height:82px;
    display:grid;
    place-items:center;
    overflow:hidden;
}

#etbis-qr img,
#etbis-qr canvas{
    width:82px!important;
    height:82px!important;
    display:block!important;
}

.etbis-info{
    min-width:0;
}

.etbis-info>strong{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-size:11px;
}

.etbis-info code{
    display:inline-block;
    max-width:100%;
    padding:3px 6px;
    overflow:hidden;
    border-radius:4px;
    background:#080f1d;
    color:#ffd62d;
    font-size:8px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.etbis-info p{
    margin:7px 0 5px;
    color:#9aabc1;
    font-size:8px;
    line-height:1.45;
}

.etbis-check-link{
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:8px;
    font-weight:800;
}


/* RESPONSIVE */

@media(max-width:1100px){

    .footer-main-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .footer-feature-grid{
        grid-template-columns:
            repeat(2,1fr);
        padding:20px 0;
    }

}

@media(max-width:700px){

    .footer-feature-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .footer-main-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer-etbis-column{
        order:5;
    }

    .etbis-pro-card{
        max-width:100%;
    }

    .footer-bottom{
        flex-direction:column;
        justify-content:center;
        text-align:center;
        padding:18px 0;
    }

}