@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700&subset=latin-ext');
:root {
	--container-width:1200px;
}

.container-h{max-width:var(--container-width);}
.fa{font-weight:300;}
.acount-section>ul>li>a>i {font-size: 18px;}
/* header sticky */
.main-header.fix-nav{position:relative;top:0;left:0;right:0;margin:0 auto;width:100%;z-index:999;}
.main-header.fix-nav #navigation{top: 100%;left: 0;right: 0;margin: 0 auto;width: 100%;transition:all .15s ease-out;-webkit-transform: translateY(0);transform: translateY(0);}
.main-header.fix-nav .top-head-bg{position:relative;background:#fff;z-index:9999;}
.main-header.fix-nav .top-head{transition:all .12s ease-out;}
.main-header.fix-nav.fade-menu {position:absolute;-webkit-transition: .12s!important;transition: .12s!important;-webkit-transform: translateY(-100%);transform: translateY(-100%);box-shadow: 0 4px 12px -6px rgba(0,0,0, .3);}
.main-header.fix-nav.fade-menu.animate-menu {position:fixed;-webkit-transform: translateY(0);transform: translateY(0);}
.main-header.fix-nav.fade-menu #logo img {max-height: 40px;}
.main-header.fix-nav.fade-menu .top-head{padding-top: 10px;padding-bottom: 10px;}
.main-header.fix-nav.fade-menu #navigation{position: absolute;-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.main-header.fix-nav.fade-menu.active-menu #navigation{-webkit-transform: translateY(0);transform: translateY(0);}
@media screen and ( max-width:1090px ) {
	.main-header.fix-nav #navigation {position:relative;transition: none;-webkit-transform: none!important;transform: none!important;z-index:999;}
	.main-header.fix-nav.fade-menu .top-head-bg{display:none;}
	.main-header.fix-nav.fade-menu #navigation {position:relative;}
}
.main-header .menu-dd{pointer-events: none;}
.main-header .menu-dd.open{pointer-events: auto!important;}

/*banner*/
.bnn-group-big .owl-pagination{display:block;position:absolute;bottom: 30px;left: 0;right: 0;}
#main-bnn .owl-pagination .owl-page {overflow:hidden;display: inline-block;border:none!important;}
#main-bnn .owl-pagination .owl-page span{display:inline-block;border-bottom: 2px solid #fff;opacity: .4;width: 40px;transition:all .3s ease-in;}
#main-bnn .owl-pagination .owl-page.active span{opacity: 1;width: 50px;}
#main-bnn .owl-prev, #main-bnn .owl-next {display: block;}
.carousel-slide .owl-theme .owl-controls .owl-buttons div {font-size: 28px;width: 40px;background: rgba(255, 255, 255,.8);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;box-shadow: 0 2px 7px -2px rgb(0 0 0 / 30%);}
.carousel-slide .owl-prev{left:-10px;}
.carousel-slide .owl-next{right:-10px;}
/*small banner*/
.pin .image:before,.pin .image:after{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition:all .3s ease-in-out;}
.pin .image:before{width: 0%;height: 96%;border-top: 1px solid #ddd;border-bottom: 1px solid #ccc;}
.pin .image:after{width: 96%;height: 0%;border-left: 1px solid #ddd;border-right: 1px solid #ccc;}
.pin:hover .image:before,.pin:hover .image:after{width: 96%;height: 96%;}
/*product box*/
.product-box{padding-left: 4px;padding-right: 4px;}
.product-box .title {padding: 0 5px;margin-bottom: 5px;font-size: 13px;}
.product-icon-box {top:10px;}
/*footer*/
.bottom-section .col{padding: 25px 15px;}
footer,.main-footer {background: #222 !important;}
.main-footer{padding-top:30px;padding-bottom:30px}
.main-footer .col .title{text-transform:uppercase;color:#fff;font-size:15px;font-weight:300;margin-top:0;margin-bottom:20px}
.main-footer .col .title a{color:#fff;}
.main-footer .col ul li{display:block;margin-bottom:5px;color:#888}
.main-footer .col ul li a{display:block;color:#888;font-weight:400;font-size:13px;transition:all .3s ease-in-out;}
.main-footer .col ul li a:hover{color:#fff;}
.main-footer .col ul li i{font-size:15px;}
.main-footer .col-right {color: #888;}
.main-footer .col-right a{color: #fff;}
/* category */
.product-listing .product{margin-left: -10px;margin-right: -10px;}
.filter.box.-g-category-filters-apply-all {position: sticky;bottom: 0;background: #fff!important;z-index: 99;padding: 10px 15px 0 15px!important;margin: 0 -15px;box-shadow: 0px -1px 3px -2px #00000030!important;}
/*detail*/
.detail-tabs,
.detail-recomended{width:100%;}
ul.resp-tabs-list{display:none}
span.resp-accordion{display:block}
.resp-vtabs .resp-tab-content{border:1px solid #C1C1C1}
.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}
.resp-accordion-closed{display:none!important}
.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important}
.detail-tabs span.resp-accordion{padding:12px 15px!important;margin-bottom: 0;font-size: 15px;border:none!important;background: #f2f2f2!important;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position: relative;z-index:8;}
.detail-tabs .resp-tab-content{padding: 25px;border:none!important;}

/*menu update*/
.main-header .menu-dd.column2 ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column3 ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd.column4 ul{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.main-header .menu-dd.column3.banner ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column4.banner ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd ul li{width:100%!important;max-width:100%;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
@-moz-document url-prefix() {
.main-header .menu-dd ul li{float:none!important;}
}
.main-header .menu-dd ul li{float:none!important9}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.main-header .menu-dd ul li{float:none!important;}
}
@supports (-ms-ime-align:auto) {
.main-header .menu-dd ul li{float:none!important;}
}
.main-header .nav-menu-hh{position:relative;}
.main-header .menu-dd.column1{width:300px!important;}
.main-header .menu-dd.column1.banner{width:600px!important;}
.main-header .menu-dd.column2{width:550px!important;}
.main-header .menu-dd.column3{width:700px!important;}
.main-header .menu-dd.column4{width:min(calc(var(--container-width) - 60px), calc(100vw - 60px))!important;}
.main-header .menu-dd.column-sld{min-width:400px;}
.main-header .menu-dd.col-sub-img {width: 650px;}
.main-header .menu-dd.col1-img {width: 450px;}

.instagramContainer{padding-top:20px!important;}

/* MEDIA-Q */
@media screen and ( max-width:1300px ) {
.carousel-slide .owl-carousel{padding:0 20px;}
}
@media screen and (max-width: 800px){
.bottom-section .col {border:none!important;}
}
@media screen and (max-width: 480px){
.carousel-slide .owl-carousel{padding:0;}
}
@media screen and (max-height: 725px){
	.main-header .menu-dd {overflow-y:auto;max-height:550px;}
	.main-header .menu-dd::-webkit-scrollbar {width: 6px;}
	.main-header .menu-dd::-webkit-scrollbar-track {background:rgba(0,0,0,0.2);-webkit-border-radius: 10px;border-radius: 10px;}
	.main-header .menu-dd::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(68, 68, 68, .6);}
	.main-header .menu-dd::-webkit-scrollbar-thumb:window-inactive {background: rgba(68, 68, 68, .4);}
}

body{font-family: 'Poppins', sans-serif;}

#logo img{content: url('https://gomagcdn.ro/domains3/tonolio.ro/files/company/logo-tonolio-site-v28774.png');}
:root{--container-width:1400px}
h1{font-size:1.25em !important;}h2{font-size:1.2em !important;}.detail-title .title span{font-size:1.1em !important;}
h1,h2{color:#000000 !important;}
#wrapper .btn:not(.filter-trg){font-size: 12px!important;line-height:1.4!important;padding: 4px 8px!important;}
.btn.std{color:#fcf4e8;}
.btn.std{background:#416962;border:1px solid #416962;}
.btn{font-weight:normal !important;font-style: normal !important;text-decoration: none !important;text-transform: uppercase !important;font-weight:bold !important;}
.btn.btn-cmd,.cart-header-btn .q-cart, .cart-m .q-cart{color:#fcf4e8 !important;}
.btn.btn-cmd, .cart-header-btn .q-cart, .cart-m .q-cart{background:#416962 !important;border: 1px solid #416962;} .-g-one-time-offers .-g-one-time-cart-label {background: #41696220;}
.btn.btn-cmd{font-weight:normal !important;font-style: normal !important;text-decoration: none !important;text-transform: uppercase !important;font-weight:bold !important;}
body{background:#ffffff !important;} .-g2-checkout .checkout .fixed-side{box-shadow: none;}
.main-header .top-head-bg,.main-header .main-menu{max-width:1400px!important;margin-left:auto;margin-right:auto;}
.top-head {padding-top: 10px!important;padding-bottom: 10px!important;}
.top-head-bg,.main-header .cart-header.container-bg{background:#416962 !important;}
.acount-section > ul > li > a, .cart-menu ul li a, .cart-help a, .contact-cart, .international-header .flag-select{color:#f5e2c9!important;}
.main-header .nav-menu > li{padding-top:12px !important;padding-bottom:12px !important;}.main-header  .main-menu ul.nav-menu>li>a{font-size:15px !important;}.main-header .menu-dd.open{top: 45px;}.main-header .all-product-button .menu-dd{top: 46px!important;}
.main-header .main-menu,#mm-main-menu .mm-navbar,#mm-nav-filter .mm-navbar{background:#416962;}
				.main-header .main-menu{border:none!important;box-shadow:none!important;}
.main-header .main-menu ul.nav-menu>li>a, .mobile-icon li a, #mm-main-menu .mm-navbar, #mm-nav-filter .mm-navbar {color: #f5e2c9 !important;}
				.menu-trg span, .menu-trg span::after, .menu-trg span::before{background:#f5e2c9 !important;}
				#mm-main-menu .mm-btn:before {border-color: #f5e2c9;}
				#mm-nav-filter .mm-navbar #close-filters{fill: #f5e2c9;}
.main-menu ul.nav-menu>li>a{font-weight:normal !important;font-style: normal !important;text-decoration: none !important;text-transform: uppercase !important;font-weight:normal !important;}
.bottom-section,footer.container-h{max-width:1400px!important;margin-left:auto;margin-right:auto;}
footer,.main-footer{background:#416962 !important; border:0 !important;}
.main-footer{padding-top:10px !important;padding-bottom:10px !important;}
.main-footer a{font-size:13px !important;}
.main-footer a,.bottom-section .col .custom-chk a{color:#ffffff !important;}
.main-footer .col ul li,.main-footer .col h4, .main-footer .col-right{font-size:13px !important;}
.product-box .title{font-size:13px !important;}
.product-box .title{color:#000000 !important;}
.product-box .title{-webkit-line-clamp: 1;}
.product-box .title{font-weight:normal !important;font-style: normal !important;text-decoration: none !important;text-transform: uppercase !important;font-weight:bold !important;}
.product-box .price{font-size:16px !important;}
.product-box .price, .product-box .price .text-main, .detail-price, .cart-items .price .text-main, .cart-dd .price .text-main, .extra-offer .box-offer .price .text-main, .ac-price .text-main{color: #000000 !important;}
.product-box .price .price-full{font-size:13px !important;}
.product-box .price s, .detail-price s, .cart-items .price s, .cart-dd .price s, .extra-offer .box-offer .price .price-full, .ac-price s{color: #adadad !important;}
.product-box .image img{max-height:320px;}
#main-bnn{max-height: 1000px !important;}
.bnn-group-left{max-width: 1400px; margin: 0 auto;}
.stock-status.available {font-size:17px !important;}
.stock-status.available {color:#000000 !important;}
.stock-status.available {font-style: normal !important;text-decoration: none !important;text-transform: uppercase !important;font-weight:bold !important;}
.icon.new{background: #000000 !important; }
.icon.discount{background: #2d5c55 !important; }
.icon-group{background: #ffffff !important; }
.icon-group .col .icon-label, .icon-group .col .icon-label span{color: #04473d !important; }
.main-menu ul li:hover > a, .menu-dd li a:hover {color: #416962!important;}
.option-group .rating i.on, .fullRate,.rating-s > input:checked ~ label, .rating-s:not(:checked) > label:hover,
	 .rating-s:not(:checked) > label:hover ~ label, .rating-s > input:checked + label:hover, .rating-s > input:checked ~ label:hover, .rating-s > label:hover ~ input:checked ~ label, .rating-s > input:checked ~ label:hover ~ label {color: #416962 !important;}
body{font-size:13px;}
.search-button{background:#f5e2c9;}
.search-button{color:#416962;}
.bottom-section .title,.bottom-section .title span, .bottom-section .custom-chk, .bottom-section .custom-chk label, .support-contact, .main-footer .col .title, .main-footer .col ul li, .main-footer .col ul li, .main-footer .col-right{color: #ffffff!important;}
.t-tips{color:#416962;}
.bottom-section .col{padding-top:10px !important;padding-bottom:10px !important;}
.bottom-section,.bottom-section .holder{background:#416962 !important;border:0px !important;}
.newsletter-form input[type="submit"]{background: #f5e2c9;}
.newsletter-form input[type="submit"]{color: #000000;}
.bottom-section .title,.bottom-section .title span, .bottom-section .custom-chk, .bottom-section .custom-chk label, .support-contact{color: #ffffff!important;}

vertical-slide-img img {
    margin: 0 auto;
    max-height: 360px;
}

#_gomagHellobar {
    max-width: 1400px !important;
    margin-left: auto;
    margin-right: auto;
}

#logo img {
    max-height: 85px;
}

.product-box .price, .product-box .price .text-main, .detail-price, .cart-items .price .text-main, .cart-dd .price .text-main, .extra-offer .box-offer .price .text-main, .ac-price .text-main {
    color: #000000 !important;
    font-weight: bold;
}


.whatsappfloat {
    right: auto !important;
    left: 20px !important;
}



/* Modifica meniul pe mijlocul site-ului (DT)*/
.main-header .nav-menu {text-align: center;width: 100%;}
.menu-dd li .col{text-align:left;}


/*schimbare culoare transport gratuit in finalizare comanda*/
.cart-total li.discount {
    color: #416962;
    font-weight: bold;
}
/*incadrare buton adauga in cos*/
btn.btn-cmd {
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

/*incadrare buton adauga in cos*/
.btn.btn-cmd {
  border: 2px solid #000000;
  background-color: #416962;
  color: #fff;
  padding: 0px 20px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 11px;
}

.product-box .title {
    height: 60px!important;
        font-weight: normal !important;
    line-height: 1.3!important;
    text-overflow: inherit;
    white-space: inherit;
}

.cart-total li.discount {
    color: #416962;
    font-weight: 600;
}

/* Personalizari Cookie banner */

.ckPolicyGomag {
  left: 50% !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  max-width: 600px !important;
  width: 90% !important;
  padding: 25px 30px !important;
  font-size: 14px !important;
}
.ckPolicyGomag .cc-content.cc-limit {
  max-height: none !important;
  overflow: visible !important;
}
.ckPolicyGomag .cc-switch-text {
  display: none !important;
}
.ckPolicyGomag .ck-accept {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 20px !important;
  margin-top: 20px !important;
}
.ckPolicyGomag .ck-accept a#__gomagCookiePolicy#__gomagCookiePolicy,
.ckPolicyGomag .ck-accept a#__gomagCookiePolicyRefuse#__gomagCookiePolicyRefuse {
  margin: 0 !important;
  padding: 10px 36px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  line-height: 1.6 !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
  letter-spacing: 0.5px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}
.ckPolicyGomag .ck-accept a#__gomagCookiePolicy#__gomagCookiePolicy {
  font-weight: 600 !important;
}
.ckPolicyGomag .ck-accept a#__gomagCookiePolicyRefuse#__gomagCookiePolicyRefuse {
  border: 2px solid rgba(255,255,255,0.5) !important;
  background: transparent !important;
  color: #fff !important;
}
@media screen and (max-width: 480px) {
  .ckPolicyGomag {
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 20px !important;
    font-size: 13px !important;
  }
  .ckPolicyGomag .ck-accept {
    flex-direction: column-reverse !important;
    gap: 12px !important;
  }
  .ckPolicyGomag .ck-accept a#__gomagCookiePolicy#__gomagCookiePolicy,
  .ckPolicyGomag .ck-accept a#__gomagCookiePolicyRefuse#__gomagCookiePolicyRefuse {
    width: 100% !important;
    text-align: center !important;
    padding: 10px 20px !important;
  }
}

/* =========================================================
   TDA — TONOLIO CTA PRODUS + WHATSAPP — START
   Tema Factual 1 | model vizual Arana | 2026-08-26
   ========================================================= */

body[data-gmgx-tonolio-product-cta="active"] {
  --tonolio-olive-light: #5f8b82;
  --tonolio-olive: #48746b;
  --tonolio-olive-deep: #31554e;
  --tonolio-black: #000000;
  --tonolio-gold: #d9c59a;
  --tonolio-cream: #f3e7cd;
  --tonolio-cream-light: #fffaf0;
  --tonolio-shadow: rgba(38, 74, 68, 0.28);
}

#product-page .product-top .add-section {
  align-items: stretch !important;
  column-gap: 10px !important;
  row-gap: 12px !important;
}

/* CTA principal — aceeași construcție vizuală ca Arana */
[data-gmgx-tonolio-main-atc="true"] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 290px !important;
  width: auto !important;
  min-width: 290px !important;
  min-height: 58px !important;
  padding: 14px 30px !important;
  border: 2px solid var(--tonolio-gold) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--tonolio-olive-light) 0%, var(--tonolio-olive) 50%, var(--tonolio-olive-deep) 100%) !important;
  color: var(--tonolio-cream-light) !important;
  box-shadow: 0 14px 34px var(--tonolio-shadow), 0 0 0 6px rgba(217, 197, 154, 0.24) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
  transform: translateY(0) scale(1) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, filter 0.28s ease !important;
}

#product-page .product-top .add-section
  [data-gmgx-tonolio-main-atc="true"] {
  border-color: var(--tonolio-gold) !important;
}

[data-gmgx-tonolio-main-atc="true"]::before {
  content: "" !important;
  position: absolute !important;
  inset: -3px !important;
  z-index: -2 !important;
  border-radius: inherit !important;
  background: conic-gradient(from 0deg, transparent 0deg, transparent 48deg, rgba(255, 250, 242, 0.96) 84deg, var(--tonolio-cream) 108deg, var(--tonolio-gold) 132deg, rgba(255, 255, 255, 0.88) 152deg, transparent 188deg, transparent 360deg) !important;
  animation: tonolioCtaLaserSpin 2.8s linear infinite !important;
}

[data-gmgx-tonolio-main-atc="true"]::after {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, var(--tonolio-olive-light) 0%, var(--tonolio-olive) 50%, var(--tonolio-olive-deep) 100%) !important;
}

@keyframes tonolioCtaLaserSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

[data-gmgx-tonolio-main-atc="true"]:hover,
[data-gmgx-tonolio-main-atc="true"]:focus {
  border-color: var(--tonolio-cream) !important;
  filter: brightness(1.08) !important;
  transform: translateY(-2px) scale(1.018) !important;
  box-shadow: 0 0 0 7px rgba(217, 197, 154, 0.36), 0 18px 42px rgba(29, 33, 15, 0.34) !important;
}

[data-gmgx-tonolio-main-atc="true"].disabled,
[data-gmgx-tonolio-main-atc="true"].is-disabled,
[data-gmgx-tonolio-main-atc="true"][aria-disabled="true"] {
  opacity: 0.58 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

[data-gmgx-tonolio-main-atc="true"] .gmgx-tonolio-atc-label,
.gmgx-tonolio-product-cta__float .gmgx-tonolio-atc-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #fffaf0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

[data-gmgx-tonolio-main-atc="true"] .gmgx-tonolio-atc-label strong,
.gmgx-tonolio-product-cta__float .gmgx-tonolio-atc-label strong {
  display: block !important;
  color: #fffaf0 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

[data-gmgx-tonolio-main-atc="true"] .gmgx-tonolio-atc-label small,
.gmgx-tonolio-product-cta__float .gmgx-tonolio-atc-label small {
  display: block !important;
  margin-top: 3px !important;
  color: #fffaf0 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  opacity: 0.96 !important;
}

@keyframes tonolioAtcShake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-3px); }
  40% { transform: translateX(3px); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(2px); }
}

[data-gmgx-tonolio-main-atc="true"].gmgx-tonolio-atc-shake {
  animation: tonolioAtcShake 0.45s ease-in-out !important;
}

/* WhatsApp — pastilă compactă, nu icon separat */
.gmgx-tonolio-product-cta__whatsapp-wrap {
  display: none !important;
}

.gmgx-tonolio-product-cta__whatsapp-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-top: 12px !important;
  clear: both !important;
}

.gmgx-tonolio-product-cta__whatsapp,
.gmgx-tonolio-product-cta__whatsapp:link,
.gmgx-tonolio-product-cta__whatsapp:visited {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 360px !important;
  min-height: 50px !important;
  padding: 13px 20px !important;
  border: 2px solid var(--tonolio-gold) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #3d665f 0%, var(--tonolio-olive-deep) 52%, #233f3a 100%) !important;
  color: var(--tonolio-cream-light) !important;
  box-shadow: 0 12px 26px rgba(38, 74, 68, 0.15), 0 0 0 5px rgba(217, 197, 154, 0.25) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transform: translateY(0) scale(1) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, filter 0.28s ease, background 0.28s ease, color 0.28s ease !important;
}

.gmgx-tonolio-product-cta__whatsapp::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.72) 45%, transparent 72%) !important;
  transform: translateX(-135%) !important;
  transition: transform 0.68s ease !important;
}

.gmgx-tonolio-product-cta__whatsapp:hover::before,
.gmgx-tonolio-product-cta__whatsapp:focus::before {
  transform: translateX(135%) !important;
}

.gmgx-tonolio-product-cta__whatsapp:hover,
.gmgx-tonolio-product-cta__whatsapp:focus {
  border-color: var(--tonolio-cream) !important;
  background: linear-gradient(135deg, var(--tonolio-olive-light) 0%, var(--tonolio-olive) 48%, var(--tonolio-olive-deep) 100%) !important;
  color: var(--tonolio-cream-light) !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 0 0 6px rgba(217, 197, 154, 0.34), 0 16px 34px rgba(38, 74, 68, 0.28) !important;
}

.gmgx-tonolio-product-cta__whatsapp,
.gmgx-tonolio-product-cta__whatsapp *,
.gmgx-tonolio-product-cta__whatsapp svg,
.gmgx-tonolio-product-cta__whatsapp path {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.gmgx-tonolio-product-cta__whatsapp-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  max-width: 19px !important;
  max-height: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gmgx-tonolio-product-cta__whatsapp-icon svg {
  display: block !important;
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  min-height: 19px !important;
  max-width: 19px !important;
  max-height: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* CTA flotant — apare doar după ieșirea CTA-ului principal din viewport */
.gmgx-tonolio-product-cta__float {
  display: none !important;
}

.gmgx-tonolio-product-cta__float:not([hidden]) {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 990 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 235px !important;
  min-height: 54px !important;
  padding: 12px 24px !important;
  border: 2px solid var(--tonolio-gold) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--tonolio-olive-light) 0%, var(--tonolio-olive) 48%, var(--tonolio-olive-deep) 100%) !important;
  color: var(--tonolio-cream-light) !important;
  box-shadow: 0 16px 36px rgba(38, 74, 68, 0.30), 0 0 0 6px rgba(217, 197, 154, 0.24) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  cursor: pointer !important;
  animation: tonolioFloatEnter 0.28s ease both !important;
}

body.-g2-help-widget-loaded .gmgx-tonolio-product-cta__float:not([hidden]) {
  bottom: 88px !important;
}

/* Dezactivează doar CTA-ul flotant custom vechi, înlocuit de componenta curentă. */
body[data-gmgx-tonolio-product-cta="active"] .floating-add-to-cart {
  display: none !important;
}

@keyframes tonolioFloatEnter {
  0% { opacity: 0; transform: translateY(20px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

.gmgx-tonolio-product-cta__float:not([hidden]):hover,
.gmgx-tonolio-product-cta__float:not([hidden]):focus {
  border-color: var(--tonolio-cream) !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 0 0 7px rgba(217, 197, 154, 0.36), 0 20px 42px rgba(29, 33, 15, 0.34) !important;
}

@media screen and (max-width: 767px) {
  [data-gmgx-tonolio-main-atc="true"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .gmgx-tonolio-product-cta__whatsapp-wrap {
    margin-top: 10px !important;
  }

  .gmgx-tonolio-product-cta__whatsapp,
  .gmgx-tonolio-product-cta__whatsapp:link,
  .gmgx-tonolio-product-cta__whatsapp:visited {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
  }

  .gmgx-tonolio-product-cta__float:not([hidden]) {
    right: 14px !important;
    bottom: 14px !important;
    left: 14px !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-gmgx-tonolio-main-atc="true"],
  [data-gmgx-tonolio-main-atc="true"]::before,
  .gmgx-tonolio-product-cta__whatsapp,
  .gmgx-tonolio-product-cta__float:not([hidden]) {
    animation: none !important;
    transition: none !important;
  }
}

/* TDA — TONOLIO CTA PRODUS + WHATSAPP — END */