/*
Theme Name: VDTheme Performance Test
Description: Tobylex WooCommerce tema – zasebna testna performance verzija
Version: 1.1.70
Text Domain: vdtheme
*/

/*===================== TABLE OF CONTENT =======================

1. Reset
2. Body Style
3. Placeholders & Highlights
4. Container & Grid
5. Headings
6. Buttons
7. Form
8. Paddings & Margins
9. Breadcrumbs
10. Custom Style
11. Cookies
12. Header
13. Intro
14. Home Categories
15. Home Products
16. Home Info
17. Logos
18. About
19. Footer
20. Products Page
21. Single Product Page
22. Brands Page
23. News Page
24. About Page
25. FAQ Page
26. Contact Page
27. Newsletter
28. Locator Page
=============================================================*/
/* ================================================================================== 
1. Reset
===================================================================================== */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a,
a:active,
a:hover,
a:focus {
  outline: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  max-width: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 30px;
  margin-bottom: 35px;
  border-width: 0;
  border-top: 1px solid #e1e1e1;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
strong {
  font-weight: 700;
}
.fancybox__button--zoo,
.fancybox__button--slideshow,
.fancybox__button--fullscreen,
.fancybox__button--thumbs,
.fancybox__button--zoom {
  display: none;
}
.none {
  display: none;
}
ul,
ol {
  padding-left: 4rem;
}

/* ================================================================================== 
2. Body Style
===================================================================================== */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 56.25%;
  word-wrap: break-word;
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
  html {
    font-size: 62.5%;
  }
}
body {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #010105;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.8rem;
}
main {
  position: relative;
}
/* ================================================================================== 
3. Placeholders & Highlights
===================================================================================== */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1 !important;
}
:-moz-placeholder {
  color: inherit;
  opacity: 1;
}
::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
:-ms-input-placeholder {
  color: inherit;
}
::-moz-selection {
  background-color: #f68902;
  color: #fff;
}
::selection {
  background-color: #f68902;
  color: #fff;
}
/* ================================================================================== 
4. Container & Grid
===================================================================================== */
.container {
  position: relative;
  width: 100%;
  max-width: 148rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2rem;
}
.container-lg {
  max-width: 180rem;
}
.container-xl {
  max-width: 192rem;
  padding: 0;
}
.container-sm {
  max-width: 100rem;
}
/* ================================================================================== 
5. Headings
===================================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 2rem;
  font-weight: 600;
  line-height: 1.3;
}
.title h1,
.title h2 {
  font-size: 3.4rem;
}
p {
  margin-bottom: 2rem;
}
.title {
  margin-bottom: 6rem;
}
.title-center {
  text-align: center;
}
.intro .title h1 {
  font-size: 3.6rem;
  font-weight: 700;
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .title h1,
  .title h2 {
    font-size: 3.4rem;
  }
  .intro .title h1 {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .title h1,
  .title h2 {
    font-size: 3.6rem;
  }
  .intro .title h1 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .title h1,
  .title h2 {
    font-size: 4rem;
  }
  .intro .title h1 {
    font-size: 6rem;
  }
}

/* ================================================================================== 
6. Buttons
===================================================================================== */
.btn {
  display: inline-block;
  padding: 1rem 3.6rem;
  font-weight: 400;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.btn-primary {
  background-color: #f68902;
  color: #fff;
}
.btn-primary:hover {
  background-color: #010105;
}
/* ================================================================================== 
7. Form
===================================================================================== */
input,
textarea,
select {
  display: block;
  width: 100%;
  border: 1px solid #f2f2f2;
  padding: 1rem 2rem;
  outline: none;
  background-color: #f2f2f2;
  border-radius: 10rem;
  font-size: 1.5rem;
}
textarea {
  resize: vertical;
  height: 19rem;
  border-radius: 1rem;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #f68902;
}
label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
button {
  transition: all 0.4s ease-in-out;
  border: 0;
}
fieldset {
  border: 0;
  margin-bottom: 2rem;
}
label.check-wrapper {
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
}
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid #43515a;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-wrapper input:checked ~ .checkmark:after {
  display: block;
}
.check-wrapper .checkmark::after {
  left: 0.4rem;
  top: 0.2rem;
  width: 0.5rem;
  height: 1rem;
  border: solid #43515a;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* ================================================================================== 
8. Paddings & Margins
===================================================================================== */
.space {
  padding: 5rem 0;
}
.mt-5 {
  margin-top: 5rem;
}
.no-pt {
  padding-top: 0 !important;
}
.no-pb {
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .space {
    padding: 10rem 0;
  }
}
.page-space {
  padding-top: 5rem;
}
/* .menu-item-has-children za wp sub parent*/
/* .current_page_item za wp active link u navigaciji*/
/* ================================================================================== 
9. Breadcrumbs
===================================================================================== */
.breadcrumbs {
  font-size: 1.4rem;
}
.breadcrumbs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs ul li {
  display: inline-block;
  font-weight: 600;
  color: #f68902;
}
.breadcrumbs ul li::after {
  content: "|";
  display: inline-block;
  margin: 0 1rem;
  color: #000;
}
.breadcrumbs ul li a {
  display: inline-block;
  font-weight: 400;
  color: #000;
}
.breadcrumbs ul li:last-child:after {
  content: none;
}
/* ================================================================================== 
10. Custom Style
===================================================================================== */
.list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list ul li {
  position: relative;
  padding-left: 3rem;
  margin-bottom: 3rem;
}
.list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 2rem;
  height: 2rem;
  background-image: url(/wp-content/uploads/2024/02/list.svg);
  background-repeat: no-repeat;
  background-size: 2rem;
}
/* ================================================================================== 
11. Cookies
===================================================================================== */
.cky-btn-accept {
  background: #000 !important;
  border: 2px solid #000 !important;
}
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
  color: #000 !important;
  border: 2px solid #000 !important;
}
button.cky-show-desc-btn:not(:hover):not(:active) {
  color: #000 !important;
  font-weight: 600;
}
.cky-btn-revisit-wrapper {
  background-color: #000 !important;
}
.moove-gdpr-info-bar-container {
  font-family: "Mulish", sans-serif !important;
  font-weight: 400 !important;
}
#moove_gdpr_cookie_modal,
#moove_gdpr_cookie_info_bar,
.gdpr_cookie_settings_shortcode_content {
  font-family: "Mulish", sans-serif !important;
  font-weight: 400 !important;
}
.moove-gdpr-info-bar-container p {
  font-weight: 400 !important;
}
/* ================================================================================== 
12. Header
===================================================================================== */
header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  padding: 1.5rem 0;
}
header .container {
  display: flex;
  flex: row;
  justify-content: space-between;
  align-items: center;
}
header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-logo {
  display: block;
}
.header-logo img {
  display: block;
  width: 20rem;
}
header nav {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  padding: 2rem;
  padding-top: 10rem;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  opacity: 0;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  overflow-y: auto;
}
header nav.open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
header nav li {
  display: block;
}
header nav li a {
  display: block;
  padding: 1rem 1rem;
  font-weight: 600;
}
header nav li:last-child a {
  padding-right: 0;
}
header nav li a:hover,
nav li.current_page_item a {
  color: #f68902;
}

.toggle {
  cursor: pointer;
  overflow: hidden;
  width: 36px;
  height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
  margin-left: 3rem;
  order: 3;
}

.line-toggle {
  position: absolute;
  display: block;
  width: 36px;
  height: 2px;
  background: #30373e;
  border-radius: 20px;
  transition: all 0.6s;
  right: 0;
  z-index: 11;
}

.line-toggle:first-child {
  transform: translateY(-10px) translateX(0);
  transition-delay: 0s;
}

.toggle .line-toggle:nth-child(2) {
  transition-delay: 0.12s;
}

.line-toggle:last-child {
  transform: translateY(10px) translateX(0);
  transition-delay: 0s;
}
.toggle.activate .line-toggle:first-child {
  transform: translateY(0) translateX(0) rotate(45deg);
  width: 30px;
  height: 2px;
  transition-delay: 0.1s;
}

.toggle.activate .line-toggle:nth-child(2) {
  transform: translateX(110px);
  transition-delay: 0s;
}

.toggle.activate .line-toggle:last-child {
  transform: translateY(0) translateX(0) rotate(314deg);
  width: 30px;
  height: 2px;
  transition-delay: 0.1s;
}

.mobile-info {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dashed #000;
}
.menu-item-has-children {
  position: relative;
}
.sub-menu {
  display: none;
  padding-left: 3rem;
}

.sub-menu li {
  display: block;
}
.sub-menu li a {
  display: block;
  padding: 1rem;
}
.header-top {
  padding: 2rem 0 0 0;
  font-size: 1.6rem;
}
.header-top .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header-search form {
  position: relative;
  width: 20rem;
}
.header-search input {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  border-radius: 10rem;
  font-size: 1.2rem;
  font-style: italic;
  color: rgba(1, 1, 5, 0.5);
  width: 100%;
  box-sizing: border-box;
}
.search-btn {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-image: url(/wp-content/uploads/2024/02/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding: 0;
}
.cart-btn {
  display: flex;
  position: relative;
  margin-left: 2rem;
}
.header-cart-quantity {
  position: absolute;
  top: -1rem;
  right: -5px;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #f68902;
  font-size: 9px;
}
.cart-btn img {
  width: 2.2rem;
  height: auto;
  display: block;
}
.header-top .btn-primary {
  margin-left: auto;
  margin-right: 2rem;
  padding: 0.5rem 2rem;
}
.reg-btn {
  font-weight: 600;
}
.reg-btn:hover {
  color: #f68902;
}
.header-search {
  display: none;
}
.mobile-info .header-search {
  display: flex;
}
.mobile-info .header-search form {
  width: 100%;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  header nav {
    width: 40rem;
  }
  .header-search {
    display: flex;
  }
}
@media only screen and (min-width: 33.75em) {
  /*540px*/
  .header-search form {
    width: 30rem;
  }
}
@media only screen and (min-width: 40.0625em) {
  /*641px*/
  .header-top .btn-primary {
    margin-right: 4rem;
  }
  .cart-btn {
    margin-left: 5rem;
  }
  .header-logo img {
    width: 26.7rem;
  }
}

@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .header-search form {
    width: 40rem;
  }
}

@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .toggle {
    display: none;
  }
  header nav {
    position: static;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    min-height: auto;
    overflow-y: visible;
    transform: none;
    transition: none;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
    margin-left: auto;
  }
  header nav li {
    display: inline-block;
  }
  header nav li a {
    display: inline-block;
    padding: 2rem 1.6rem;
  }
  .mobile-info {
    display: none;
  }
  .sub-menu {
    position: absolute;
    left: 0;
    top: 6rem;
    width: 24rem;
    background-color: #fff;
    padding: 2rem;
    border: 1px solid #e7e7e7;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  header nav li a {
    padding: 2rem;
  }
}
@media only screen and (min-width: 90em) {
  /*1440px*/
}
/* ================================================================================== 
13. Intro
===================================================================================== */
.intro-wrapper {
  display: flex;
  flex-direction: column-reverse;

  padding-top: 5rem;
}

.intro-text {
  width: 100%;
  text-align: center;
}
.intro-text .title {
  margin-bottom: 3rem;
}
.intro-btns {
  margin-top: 3rem;
}
.intro-image {
  width: 100%;
  margin-bottom: 5rem;
  position: relative;
}
.intro-image img {
  width: 100%;
  height: auto;
  display: block;
}
.intro-text strong {
  color: #f68902;
}
.intro-image h3 {
  display: none;
}
.intro-image h3 span {
  color: #f68902;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .intro-image h3 {
    position: absolute;
    left: 10rem;
    bottom: 3rem;
    font-size: 2.4rem;
    max-width: 30rem;
    width: 100%;
    display: block;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .intro-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .intro-text {
    width: 45%;
    text-align: left;
  }
  .intro-image {
    width: 55%;
    margin-bottom: 0;
  }
  .intro-image h3 {
    font-size: 3rem;
    max-width: 40rem;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .intro-image {
    width: calc(100% - 60rem);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .intro-text {
    width: 100%;
    max-width: 52rem;
  }
  .intro {
    height: 54rem;
  }
  .intro-wrapper {
    padding: 0;
    height: 100%;
  }
  .intro .container {
    height: 100%;
  }
  .intro .container .container {
    position: static;
    height: 100%;
  }
}
@media only screen and (min-width: 90em) {
  /*1440px*/
  .intro-image {
    width: calc(100% - 65rem);
  }
  .intro {
    height: 70rem;
  }
}
@media only screen and (min-width: 105em) {
  /*1680px*/
  .intro-image {
    width: calc(100% - 80rem);
  }
  .intro {
    height: 74rem;
  }
  .intro.banner {
    height: 78rem;
  }
}
/* ================================================================================== 
14. Home Categories
===================================================================================== */
.categories-home {
  background-color: #f9f9f9;
  background-image: url(/wp-content/uploads/2024/02/bg2.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  position: relative;
  margin: 7rem 0;
}
.categories-overlay {
  background-color: #f9f9f9;
  background-image: url(/wp-content/uploads/2024/02/bg2.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.categories-home::before {
  content: "";
  width: 100%;
  background-image: url(/wp-content/uploads/2024/02/bg1.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  height: 20rem;
  position: absolute;
  left: 0;
  top: -2rem;
}
.categories-home::after {
  content: "";
  width: 100%;
  background-image: url(/wp-content/uploads/2024/02/bg4.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
  height: 20rem;
  position: absolute;
  left: 0;
  bottom: -2rem;
}
.categories-home .container {
  z-index: 2;
}
.categories-wrapper {
  max-width: 108rem;
  width: 100%;
  margin: 0 auto;
}
.category-box {
  width: 100%;
  border-radius: 3rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 5rem 3rem 0 3rem;
  margin-bottom: 3rem;
}
.category-box h3 {
  font-size: 2.2rem;
}
.category-box img {
  margin: 0 auto;
  width: 50%;
  height: auto;
  transform: translateY(2rem);
  transition: all 0.4s ease-in-out;
}
.category-box:hover img {
  transform: translateY(0);
}
.category-box:nth-child(1) {
  background: linear-gradient(135deg, #ffffff 0%, #cbb6eb 100%);
}
.category-box:nth-child(2) {
  background: linear-gradient(135deg, #ffffff 0%, #e6c190 100%);
}
.category-box:nth-child(3) {
  background: linear-gradient(135deg, #ffffff 0%, #ebb0cc 100%);
}
.category-box:nth-child(4) {
  background: linear-gradient(135deg, #ffffff 0%, #b3e7bc 100%);
}
.category-box:nth-child(5) {
  background: linear-gradient(135deg, #ffffff 0%, #9eccdf 100%);
}
.category-box:nth-child(6) {
  background: linear-gradient(135deg, #ffffff 0%, #6c6c6c 100%);
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .category-box {
    width: 48.5%;
  }
  .categories-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
  }
  .categories-home::before {
    top: -5rem;
  }
  .categories-home {
    margin: 10rem 0;
  }
  .categories-home::after {
    bottom: -5rem;
  }
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .category-box {
    width: 31.3%;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .category-box h3 {
    font-size: 2.8rem;
  }
}
/* ================================================================================== 
15. Home Products
===================================================================================== */

.products-box {
  width: 100%;
  background-color: #ffff;
  border-radius: 3rem;
  transition: all 0.4s ease-in-out;

  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}
.products-box:last-child {
  margin-bottom: 0;
}
.products-image {
  overflow: hidden;
  display: block;
  margin-bottom: 2rem;
}
.products-image img {
  display: block;
  width: 100%;
  height: 25rem;
  object-fit: contain;
}
.products-box h4 {
  color: #b9b9b9;
  transition: all 0.4s ease-in-out;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.products-box h4:hover {
  color: #010105;
}
.products-box h3 {
  font-size: 1.8rem;
}

.product-box-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
}
.btn-cart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  background-color: #f68902;
  margin-left: 2rem;
}
.btn-cart img {
  width: 1.7rem;
  height: auto;
  display: block;
}
.prod-price {
  margin-right: auto;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .products-box {
    width: 48.5%;
    padding: 3rem;
  }
  .products-box:last-child {
    margin-bottom: 3rem;
  }
  .products-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
  }
  .products-box:hover {
    box-shadow: 0 0 31px 9px rgba(0, 0, 0, 0.05);
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  body:not(.woocommerce-cart) .products-box {
    width: 31.3%;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  body:not(.woocommerce-cart) .products-box {
    width: 22.7%;
  }
}
/*-------------*/
.home-products2 {
  background-color: #f9f9f9;
  background-size: 100%;
  position: relative;
}
.home-products2 .container {
  z-index: 2;
}
.home-products2::before {
  content: "";
  width: 100%;
  background-image: url(/wp-content/uploads/2024/02/bg1.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  height: 20rem;
  position: absolute;
  left: 0;
  top: -2rem;
}
.home-products2::after {
  content: "";
  width: 100%;
  background-image: url(/wp-content/uploads/2024/02/bg4.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
  height: 20rem;
  position: absolute;
  left: 0;
  bottom: -2rem;
}
.home-products2 .products-box {
  margin: 0;
  width: 100%;
  padding: 3rem;
}
.home-products2 .slick-slide {
  padding: 2rem;
}
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  cursor: pointer;
  width: 4.8rem;
  height: 4.8rem;
  background-color: #000000;
  display: flex;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.slick-arrow:hover {
  background-color: #f68902;
}
.slick-prev {
  left: 1rem;
  background-image: url(/wp-content/uploads/2024/02/prev-white.svg);
}
.slick-next {
  right: 1rem;
  background-image: url(/wp-content/uploads/2024/02/next-white.svg);
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/

  .home-products2::before {
    top: -5rem;
  }

  .home-products2::after {
    bottom: -5rem;
  }
}
@media only screen and (min-width: 105em) {
  /*1680px*/
  .slick-prev {
    left: -8rem;
  }
  .slick-next {
    right: -8rem;
  }
}
/* ================================================================================== 
16. Home Info
===================================================================================== */
.home-info {
  padding-top: 10rem;
}

.info-title strong {
  color: #f68902;
}

.info-title .title {
  margin-bottom: 3rem;
}

.info-wrapper {
  width: 100%;
  padding: 5rem 2rem;

  background-color: #fce8cf;
}
.info-wrapper article {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 5rem;
  background-color: transparent;
  margin-bottom: 3rem;
}
.info-wrapper article:last-child {
  margin-bottom: 0;
}
.info-icon {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  background-color: #fff;
}
.info-icon img {
  display: block;
  width: 5rem;
  height: 3rem;
  object-fit: contain;
}

.info-wrapper article h3 {
  font-size: 1.8rem;
}
.info-overlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 89rem;
  background-image: url(/wp-content/uploads/2024/02/bg5.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: -1;
  display: none;
}

.info-content {
  position: relative;
  margin-top: 5rem;
}
.bird {
  position: absolute;
  top: 10rem;
  right: 0;
  width: 25rem;
  z-index: -2;
  display: none;
}
.bird img {
  display: block;
  width: 100%;
  height: auto;
}

.dog {
  position: absolute;
  bottom: 14rem;
  left: 5rem;
  width: 30rem;
  z-index: 1;
  display: none;
}
.dog img {
  display: block;
  width: 100%;
  height: auto;
}
.paws {
  position: absolute;
  bottom: 5rem;
  right: 20rem;
  width: 10rem;
  z-index: 1;
  display: none;
}
.paws img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 30em) {
  /*480px*/
  .info-btns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .title-text {
    text-align: center;
  }
  .info-title {
    text-align: center;
  }
}
@media only screen and (min-width: 33.75em) {
  /*540px*/
  .info-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .info-wrapper article {
    width: 50%;
    padding: 3rem;
    margin-bottom: 0;
  }
  .info-wrapper article:first-child {
    color: #fff;
    background-color: #f68902;
  }
}
@media only screen and (min-width: 40.0625em) {
  /*641px*/
  .info-icon {
    width: 10rem;
    height: 10rem;
  }
  .info-wrapper article {
    padding: 4rem 5rem;
  }
  .info-icon img {
    width: 6.3rem;
    height: 4rem;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .info-title {
    display: flex;
  }
  .info-title .title {
    max-width: 40rem;
    width: 100%;
    margin-bottom: 0;
  }

  .title-text {
    max-width: 60rem;
    width: 100%;
    margin-left: 5rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .home-info {
    padding-top: 0;
  }
  .info-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
  .dog {
    display: block;
  }
  .info-wrapper {
    max-width: 90rem;
    margin-left: auto;
    background-color: transparent;
    padding: 0;
    padding-top: 18rem;
  }
  .info-content {
    padding-right: 10rem;
  }
  .info-overlay {
    display: block;
  }
  .bird {
    display: block;
  }
  .info-wrapper article h3 {
    font-size: 2.3rem;
  }
}
@media only screen and (min-width: 105em) {
  /*1500px*/
  .info-wrapper {
    max-width: 72rem;
    padding-top: 0;
  }
  .dog {
    left: 10rem;
    width: 46rem;
  }
  .info-wrapper article {
    padding: 8rem 5rem;
  }
  .home-info {
    margin-top: 13rem;
  }
  .bird {
    top: 5rem;
    width: 34rem;
  }
  .info-content {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 105em) {
  /*1680px*/
  .dog {
    bottom: 10rem;
    width: 55rem;
  }
  .bird {
    width: 44rem;
  }
  .info-wrapper {
    max-width: 81rem;
  }
  .paws {
    display: block;
  }
}
/* ================================================================================== 
17. Logos
===================================================================================== */
.logos-slider img {
  display: block;
  width: 100%;
  height: auto;
}
.logos-slider .slick-slide {
  padding: 2rem;
}
/* ================================================================================== 
18. About
===================================================================================== */

.about .container .container {
  position: static;
}
.about-text {
  width: 100%;
  margin-bottom: 5rem;
}
.about-text .title {
  margin-bottom: 3rem;
}
.about-text .btn {
  margin-top: 3rem;
}
.about-image {
  width: 100%;
}
.about-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .about-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .about-text {
    width: 40%;
    margin-bottom: 0;
  }
  .about-image {
    width: 55%;
  }
}
@media only screen and (min-width: 105em) {
  /*1680px*/
  .about-image {
    width: 55%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  .about-wrapper {
    height: 60rem;
  }
}
/* ================================================================================== 
19. Footer
===================================================================================== */
footer {
  padding: 5rem 0 15rem 0;
  position: relative;
  background-color: #f68902;
  color: #fff;
  margin-top: 10rem;
}
footer::before {
  content: "";
  width: 100%;
  background-image: url(/wp-content/uploads/2024/02/bg6-1.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  height: 20rem;
  position: absolute;
  left: 0;
  top: -2rem;
}
footer .container {
  z-index: 1;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-wrapper article {
  margin-bottom: 5rem;
  width: 100%;
  text-align: center;
}
.footer-wrapper article:last-child {
  margin-bottom: 0;
}
.footer-wrapper h3 {
  font-size: 2rem;
}
.social {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.social a {
  display: block;
  margin-right: 1rem;
}
.social a:last-child {
  margin-right: 0;
}
.social a img {
  display: block;
  width: 4rem;
  height: auto;
}
.footer-logo {
  margin-bottom: 5rem;
}
.footer-logo img {
  display: block;
  width: 23rem;
  height: auto;
  margin: 0 auto;
}
.dog2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  max-width: 50rem;
}
.dog2 img {
  display: block;
  width: 100%;
  display: block;
}
.copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin-top: 5rem;
}
.footer-cards {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 3rem;
}
.footer-cards img {
  width: 4rem;
  height: 3rem;
  object-fit: contain;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/

  footer::before {
    top: -5rem;
  }
}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .footer-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-wrapper article {
    margin-bottom: 5rem;
    width: 50%;
    text-align: left;
  }
  .footer-wrapper article:last-child {
    margin-bottom: 3rem;
  }
  .footer-logo img {
    width: 28rem;
    margin: 0;
  }
  .footer-logo {
    margin-bottom: 8rem;
  }
  .social {
    justify-content: flex-start;
  }
  .footer-cards {
    justify-content: flex-start;
  }
  .copyright {
    justify-content: space-between;
    flex-direction: row;
    text-align: left;
    max-width: 50rem;
    width: 100%;
  }
  footer::before {
    top: -8rem;
  }
  .dog2 {
    right: 10rem;
    left: auto;
    transform: none;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  footer::before {
    top: -10rem;
  }
}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .footer-wrapper article {
    margin-bottom: 0;
    width: auto;
  }
  .footer-cards {
    margin-top: 8rem;
  }
  .footer-wrapper article:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .footer-wrapper h3 {
    font-size: 2.3rem;
  }
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
  .dog2 {
    max-width: 74rem;
  }
}
/* ================================================================================== 
20. Products Page
===================================================================================== */
.title-row {
  padding-bottom: 3rem;
  border-bottom: 1px solid #e7e7e7;
}
.title-row {
  margin-bottom: 5rem;
}
.title-row .title {
  margin-bottom: 1rem;
}
.title-row h1 {
  margin-bottom: 0;
}

.page-aside {
  width: 100%;
  padding: 3rem;
  background-color: #f9f9f9;
  border-radius: 2rem;
  font-size: 1.6rem;
}
.page-content {
  width: 100%;
  margin-top: 5rem;
}
.products-wrapper .products-box {
  width: 100%;
  margin-bottom: 3rem;
  border: 1px solid #e7e7e7;
  padding: 3rem;
}
body.woocommerce-cart .products-box {
  border: 1px solid #e7e7e7;
}
.products-wrapper .products-box:last-child {
  margin-bottom: 0;
}
.content-top {
  font-size: 1.5rem;
  margin-bottom: 5rem;
}
.sort-wrap {
  margin-bottom: 2rem;
}
.content-top span {
  font-weight: 700;
  color: #f68902;
}
.page-aside ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-aside h3 {
  cursor: pointer;
  margin-top: 3rem;
  background-image: url(/wp-content/uploads/2024/02/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1rem;
}

.page-aside h2 {
  margin-bottom: 0;
  border-bottom: 1px dashed #000;
  padding-bottom: 3rem;
}
.page-aside ul li {
  display: block;
  margin-bottom: 5px;
}
.page-aside ul li a {
  display: block;
}
.page-aside ul li a:hover,
.page-aside ul li.current_page_item a {
  color: #f68902;
}
.page-aside ul {
  display: none;
}
.product-count {
  text-align: center;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .products-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
  }
  .products-wrapper .products-box {
    width: 48.5%;
  }
  .products-wrapper .products-box:last-child {
    margin-bottom: 3rem;
  }
  .title-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .title-row .title {
    margin-bottom: 0;
  }
  .content-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .sort-wrap {
    margin-bottom: 0;
  }
  .product-count {
    text-align: left;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .page-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .page-aside {
    width: 30rem;
    position: sticky;
    top: 10rem;
    height: calc(100vh - 15rem);
    overflow-y: auto;
  }
  .page-content {
    width: calc(100% - 35rem);
    margin-top: 0;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .products-wrapper .products-box {
    width: 31.3%;
  }
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
  .page-aside {
    width: 35rem;
  }
  .page-content {
    width: calc(100% - 40rem);
  }
}
/* ================================================================================== 
21. Single Product Page
===================================================================================== */
.single-text {
  width: 100%;
  padding: 5rem 2.5rem;
  border-radius: 2rem;
  background-color: #f9f9f9;
}
.single-image {
  width: 100%;
}
.single-image img {
  display: block;
  width: 100%;
}
.single-image a {
  display: block;
  position: relative;
}
.single-image a::before {
  content: "";
  position: absolute;
  right: 2rem;
  top: 2rem;
  background-color: #f9f9f9;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-image: url(/wp-content/uploads/2024/02/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem;
}
.single-text .title h3 {
  font-size: 1.6rem;
  color: #f68902;
}
.single-text .title {
  margin-bottom: 3rem;
}
.single-price {
  font-size: 3rem;
  padding: 1rem 2rem;
  background: #f2f2f2;
  display: inline-block;
}
.single-text-inner {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dashed #000;
}
.single-bottom {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dashed #000;
}
.single-quant {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}
.single-quant button {
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #e7e7e7;
}
.single-quant input {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  text-align: center;
  margin: 0 1rem;
}
.single-bottom .btn {
  margin-top: 3rem;
}
.relative {
  position: relative;
}
.tabs {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  flex-direction: column;
  gap: 1rem;
}
.single-product ul.tabs.wc-tabs li {
  border: none !important;
  background: #fff !important;
  padding: 0 0.5em !important;
}
.single-product .woocommerce-Tabs-panel {
  padding: 0 3rem !important;
}
.single-product .woocommerce-tabs.wc-tabs-wrapper {
  margin-bottom: 10rem;
}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none !important;
}
.tabs a {
  padding: 2rem 4rem !important;
  display: inline-block;
  border: 1px solid #e7e7e7;
  border-radius: 10rem;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: left 2rem center;
  background-size: 4rem;
  color: #000 !important;
}

.single-product ul.tabs.wc-tabs li.active a {
  background-color: #f0d8bb;
  border-color: #f68902;
  background-image: url(/wp-content/uploads/2024/02/paw.svg);
}
.tabs a:hover,
.tabs a.active-tab {
  background-color: #f0d8bb;
  border-color: #f68902;
  background-image: url(/wp-content/uploads/2024/02/paw.svg);
}
.tabs-container {
  width: 100%;
  display: none;
  padding: 2rem;
  margin-top: 1rem;
}
.tabs-container.active-tab {
  display: block;
}
.tabs-container h3 {
  font-size: 3rem;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .single-bottom {
    display: flex;
    align-items: center;
  }
  .single-bottom .btn {
    margin-top: 0;
  }
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .single-text {
    padding: 5rem;
  }
}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .tabs {
    flex-direction: row;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .single-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .single-text {
    width: 60%;
  }
  .single-image {
    width: 35%;
  }
}
/* ================================================================================== 
22. Brands Page
===================================================================================== */
.brands-wrapper a {
  width: 100%;
  padding: 3rem;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands-wrapper a img {
  display: block;
  width: 70%;
  height: auto;
}
.brands-wrapper a:hover {
  border-color: #f68902;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .brands-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .brands-wrapper a {
    width: 50%;
  }
}
@media only screen and (min-width: 40.0625em) {
  /*641px*/
  .brands-wrapper a {
    width: 33.33%;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .brands-wrapper a {
    width: 25%;
  }
}
/* ================================================================================== 
23. News Page
===================================================================================== */
.bg-page {
  background-image: url(/wp-content/uploads/2024/02/bg2.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.news-wrapper article {
  width: 100%;
  margin-bottom: 3rem;
  border-radius: 2rem;
  overflow: hidden;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
}
.news-wrapper article:last-child {
  margin-bottom: 0;
}
.news-image {
  display: block;
  overflow: hidden;
  border-radius: 2rem;
  margin-bottom: 3rem;
}
.news-image img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.4s ease-in-out;
}
.news-image:hover img {
  transform: scale(1.2);
}
.news-wrapper article h3 {
  padding: 0 3rem;
}
.news-wrapper article p {
  padding: 0 3rem;
  font-size: 1.6rem;
}
.news-wrapper article .btn {
  align-self: flex-start;
  margin-top: auto;
  margin-left: 3rem;
  margin-right: 3rem;
  margin-bottom: 3rem;
}
.article-image {
  margin-bottom: 5rem;
}
.article-image img {
  display: block;
  width: 100%;
  height: auto;
  border-start-end-radius: 2rem;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .news-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
  }
  .news-wrapper article {
    width: 48.5%;
  }
  .news-wrapper article:last-child {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .news-wrapper article {
    width: 31.3%;
  }
}
/* ================================================================================== 
24. About Page
===================================================================================== */
.about-page-wrapper .about-image {
  position: static;
  transform: none;
  top: auto;
  right: auto;
  left: auto;
}
.about-page-wrapper .about-wrapper:nth-child(2n + 2) {
  flex-direction: row-reverse;
  margin-top: 5rem;
}
.info-pages {
  margin-top: 0;
}
/* ================================================================================== 
25. FAQ Page
===================================================================================== */
.accordion-wrapper {
  counter-reset: accordion-counter;
  /* margin-top: 10rem; */
}

.accordion {
  padding: 2rem;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  counter-increment: accordion-counter;
  border-bottom: 1px solid #e7e7e7;
}
.accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}
.accordion__head_text {
  position: relative;
  padding-left: 5rem;
  margin-bottom: 0;
  font-weight: 500;
  width: 80%;
}
.accordion__head_text:before {
  content: counter(accordion-counter);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.5rem;
  height: 3.5rem;
  background-color: #45484f;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 600;
}
.accordion__head_btn {
  width: 4rem;
  height: 4rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: none;
  background-color: transparent;
}
.accordion__head_btn:before,
.accordion__head_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  background-color: #45484f;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/* .accordion:hover {
background-color: #7654B4;
}
.accordion--active {
background-color: #7654B4;
} */
.accordion--active .accordion__head_text:before {
  background-color: #f68902;
  color: #fff;
  -webkit-transform: translateY(-50%) rotate(360deg);
  -ms-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg);
}
.accordion--active .accordion__head_btn {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.accordion--active .accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion--active .accordion__body {
  margin-top: 3rem;
}
/* ================================================================================== 
26. Contact Page
===================================================================================== */

.contact-wrapper article {
  width: 100%;
  border-radius: 2rem;
  border: 1px solid #e7e7e7;
  padding: 5rem 2.5rem;
  margin-bottom: 3rem;
}
.contact-wrapper article:last-child {
  margin-bottom: 0;
}
.contact-icon {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0d8bb;
  margin-bottom: 3rem;
}
.contact-icon img {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  object-fit: contain;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .contact-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .contact-wrapper article {
    width: 48%;
    padding: 5rem;
  }
  .contact-icon {
    width: 10rem;
    height: 10rem;
  }
  .contact-icon img {
    width: 4rem;
    height: 4rem;
  }
  .contact-wrapper article:last-child {
    margin-bottom: 3rem;
  }
}

@media (max-width: 1024px) {
  .container.header-logo {
    justify-content: space-between;
  }

  a.header-logo {
    display: none;
  }
}

/*cart page css*/

.woocommerce .cart .button,
.woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#respond input#submit,
a.button,
button.button,
input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt {
  background-color: #f68902;
  color: #fff !important;
  margin-left: auto;
  display: inline-block;
  padding: 1.5rem 4rem !important;
  font-weight: 400;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.woocommerce-info,
.woocommerce-message {
  border-top-color: #f68902;
}

.woocommerce-info::before,
.woocommerce-message::before {
  color: #f68902;
}
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
#respond input#submit:hover,
a.button:hover,
button.button:hover,
input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #010105 !important;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  padding: 13px 10px !important;
  width: 130px;
}
.woocommerce a.remove {
  color: #f68902 !important;
}

.woocommerce a.remove:hover {
  color: #fff !important;
  background: #f68902;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.woocommerce-checkout input[type="checkbox"],
.woocommerce-checkout input[type="radio"],
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme
  input[type="checkbox"] {
  display: flex !important;
  width: 10px;
  position: relative;
  top: 15px;
}

li.wc_payment_method.payment_method_vivawallet_native label,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme
  span,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme
  span {
  position: relative;
  left: 20px;
  top: -9px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox
  span {
  position: relative;
  left: 20px;
  top: -5px;
}

.woocommerce-cart .header-top,
.woocommerce-checkout .header-top {
  /*     display: none; */
}

.woocommerce-cart ul#primary-menu,
.woocommerce-checkout ul#primary-menu {
  /*     display: none; */
}

/* .woocommerce-cart header .return-to-shop,.woocommerce-checkout header .return-to-shop {
    display: block !important;
    margin-bottom: 0 !important;
    position: absolute;
    right: 10px;
} */
/* .woocommerce-cart .button.wc-backward,
.woocommerce-checkout .button.wc-backward {
  padding: 1rem 4rem !important;

} */
/* .woocommerce-cart .toggle,.woocommerce-checkout .toggle {
    display: none;
} */
.woocommerce-cart .wc-proceed-to-checkout {
  text-align: end;
}
.single-product .Category-show a {
  font-weight: 700;
}
.payment_methods.methods li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.payment_methods.methods li input {
  width: auto;
  margin: 0;
  top: auto;
  margin-right: 1rem;
}

.payment_methods.methods li label {
  margin: 0;
  position: static;
}
.payment_methods.methods li img {
  width: 10rem;
  margin-left: 2rem;
  display: inline-block;
  height: 3rem;
  object-fit: contain;
  object-position: left;
}
.payment_methods.methods li svg {
  margin-left: 2rem;
}
.woocommerce form .form-row .input-checkbox {
  margin: 0;
  margin-right: 1rem;
  top: auto;
  width: auto;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  margin: 0;
}
.woocommerce-terms-and-conditions-wrapper .form-row.validate-required,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  display: flex !important;
  align-items: center;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox
  span {
  top: auto;
  left: auto;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  background: #f2f2f2;
  border-radius: 10rem;
  line-height: 37px;
  font-size: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.select2-container--default .select2-selection--single {
  background: #f2f2f2;
  border-radius: 10rem;
  border-color: #f2f2f2;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout
  #payment
  div.payment_box
  .wc-credit-card-form-card-number {
  font-size: 1.5rem !important;
}

/* tags css */
.tags-custom {
  top: 27px;
  right: 30px;
  background: #e97600;
  color: #ffffff;
  border-radius: 100px;
  width: 88px;
  height: 88px;
  text-transform: uppercase;
  font-size: 12px;

  font-weight: 700;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
article.product-slide,
.slick-slide .products-box,
article.products-box {
  position: relative;
}
.tags-custom.out-of-stock {
  background: #ff0000;
}
.single-product .tags-custom {
  left: 30px !important;
  right: initial !important;
  z-index: 9;
}
.single-product main#main > .tags-custom {
  left: 90px !important;
}
@media only screen and (max-width: 767px) {
  .single-product .tags-custom {
    width: 68px;
    height: 68px;
  }
}
/*---------*/
#ship-to-different-address label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#ship-to-different-address input {
  width: auto;
  margin-right: 1rem;
  margin-bottom: 0;
  top: auto;
}
.woocommerce-input-wrapper textarea {
  height: 25rem !important;
}
#billing_country_field {
  margin-bottom: 2rem;
}
/*---------*/
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce-MyAccount-navigation {
  padding: 3rem;
  border-radius: 1rem;
  background-color: #f9f9f9;
  margin-bottom: 3rem;
}
.woocommerce-MyAccount-navigation ul li {
  margin-bottom: 2rem;
}
.woocommerce-MyAccount-navigation ul li a {
  padding-left: 5rem;
  position: relative;
}
.woocommerce-MyAccount-navigation ul li a::before {
  content: "";
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 2rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: rgba(246, 137, 2, 0.1);
  background-position: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a::before {
  background-image: url(images/home.svg);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--orders
  a::before {
  background-image: url(images/orders.svg);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--downloads
  a::before {
  background-image: url(images/downloads.svg);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-address
  a::before {
  background-image: url(images/address.svg);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--payment-methods
  a::before {
  background-image: url(images/payment.svg);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-account
  a::before {
  background-image: url(images/details.svg);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a::before {
  background-image: url(images/logout.svg);
}
.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dashed #000;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #e97600;
}
.woocommerce-MyAccount-content .edit {
  display: inline-block;
  padding: 1rem 3.6rem;
  font-weight: 400;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #f68902;
  color: #fff;
}
header.woocommerce-Address-title {
  position: static;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 1.7rem;
}
.woocommerce-MyAccount-content .woocommerce-Addresses {
  border-radius: 1rem;
  background-color: #f9f9f9;
  padding: 2rem;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: #f9f9f9;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: rgba(246, 137, 2, 0.1);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border-color: rgba(246, 137, 2, 0.1);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}
.woocommerce-MyAccount-content em {
  font-size: 1.4rem;
  opacity: 0.8;
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .woocommerce-MyAccount-navigation {
    margin-bottom: 0;
  }
}
.woocommerce div.product .product_title {
  margin: 3rem 0;
}
.woocommerce-product-details__short-description p {
  margin-bottom: 2rem !important;
}
.Category-show {
  margin-bottom: 2rem !important;
  display: block;
}
/* ================================================================================== 
27. Newsletter
===================================================================================== */
.newsletter {
  max-width: 40rem;
  width: 100%;
  margin: 0 auto;
  margin-top: 5rem;
}
.newsletter .mc4wp-form-fields {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.newsletter .mc4wp-form-fields .btn-newsletter {
  transform: none !important;
}
.newsletter h3 {
  text-align: center;
}
.newsletter input {
  background-color: rgba(255, 255, 255, 0.2);
}
.newsletter form {
  display: flex;
  align-items: center;
  position: relative;
}
.mc4wp-form-fields {
  width: 100%;
}
.mc4wp-response {
  position: absolute;
  top: 50px;
  color: #fff;
}
.btn-newsletter {
  border-radius: 10rem;
  background-color: #fff !important;
  font-size: 1.4rem;
  /* position: absolute; */
  /* top: 50%; */
  /*     transform: translateY(-50%); */
  transform: translateY(20%);
  right: 1rem;
  padding: 1rem 2rem;
  color: #f68902;
  font-weight: 700;
}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .newsletter {
    margin: 0;
    margin-top: 5rem;
  }
  .newsletter h3 {
    text-align: left;
  }
}
/* ================================================================================== 
28. Locator Page
===================================================================================== */

.locator-box {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border-radius: 2rem;
  padding: 5rem 2rem;
  background-color: #f68902;
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem;
  transition: all 0.4s ease-in-out;
}
.locator-box:last-child {
  margin-bottom: 0;
}
.locator-box::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background-color: #010105;
  background-image: url(images/arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.text-locator {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 5rem;
  text-align: center;
}

.locator-box img {
  width: 16rem;
  height: 12rem;
  object-fit: contain;
  transition: all 0.4s ease-in-out;
}
.locator-box h3 {
  font-size: 2.3rem;
  font-weight: 700;
  margin: 0;
}
.locator-box:hover img {
  filter: brightness(0) invert(1);
}
.locator-box:hover {
  background-color: #010105;
  color: #fff;
}
@media only screen and (min-width: 33.75em) {
  /*540px*/
  .locator-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100rem;
    width: 100%;
    margin: 0 auto;
  }
  .locator-box {
    width: 48%;
    margin-bottom: 0;
  }
  .locator-box img {
    width: 19rem;
    height: 17rem;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .locator-box {
    padding: 5rem;
  }
}

@media only screen and (max-width: 900px) {
  .single-image
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image
    img {
    object-fit: contain !important;
    height: 430px !important;
  }
}
@media only screen and (max-width: 480px) {
  .single-image
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image
    img {
    height: 320px !important;
  }
}
/*------*/
.up-sells {
  margin-bottom: 8rem;
  width: 100%;
}
.up-sells ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.up-sells ul::before,
.up-sells ul::after {
  content: none;
  display: none !important;
}
.cjenik {
  margin-top: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.cjenik a {
  margin-left: 0;
}

section.intro.banner {
  /* background: url(/wp-content/uploads/2026/04/Banner3-scaled.webp); */
  background: url(/wp-content/uploads/2026/05/BN_1920x1080.png);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 16/9;
  height: auto !important;
  width: 100% !important;

}
/* @media (max-width: 600px) {
  section.intro.banner {
    height: 45vh;
    background-position-x: -6rem;
  }
}
@media (min-width: 601px) and (max-width: 1000px) {
  section.intro.banner {
    height: 70vh;
  }
} */

body.single-product .product-slide .products-box {
  width: 100%;
}

/* ==================================================================================
   Brands page refresh - Tobylex
===================================================================================== */
.brands-section {
  margin-top: 2.5rem;
  padding: 2.8rem;
  background: #f4f6f7;
  border: 1px solid #e7eaec;
  border-radius: 1.6rem;
}

.brands-intro {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 2.5rem;
}

.brands-intro-icon {
  flex: 0 0 5.4rem;
  width: 5.4rem;
  height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #f68902;
  border-radius: 50%;
  color: #f68902;
  font-size: 2.6rem;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.06);
}

.brands-intro-text h2 {
  margin: 0 0 0.5rem;
  font-size: 2.6rem;
  line-height: 1.2;
}

.brands-intro-text p {
  max-width: 82rem;
  margin: 0;
  color: #62676b;
  font-size: 1.6rem;
  line-height: 1.55;
}

.brands-section .brands-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.6rem;
}

.brands-section .brands-wrapper .brand-card {
  width: auto;
  min-height: 20rem;
  padding: 2rem;
  background: #fff;
  border: 1px solid #e1e4e7;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.4rem;
  text-decoration: none;
  box-shadow: 0 0.4rem 1.4rem rgba(0, 0, 0, 0.055);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.brands-section .brands-wrapper .brand-card:hover {
  transform: translateY(-0.3rem);
  border-color: #f68902;
  box-shadow: 0 0.8rem 2.2rem rgba(0, 0, 0, 0.09);
}

.brands-section .brand-logo {
  flex: 1;
  width: 100%;
  min-height: 11rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brands-section .brand-logo img {
  display: block;
  width: auto;
  max-width: 82%;
  max-height: 10rem;
  height: auto;
  object-fit: contain;
}

.brands-section .brand-name {
  color: #1c1d1f;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.brands-section .brand-placeholder {
  width: 8rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f6f7;
  border-radius: 50%;
  color: #f68902;
  font-size: 3.6rem;
  font-weight: 700;
}

@media only screen and (max-width: 56.25em) {
  .brands-section .brands-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 40em) {
  .brands-section {
    padding: 1.8rem;
  }

  .brands-intro {
    align-items: flex-start;
  }

  .brands-intro-text h2 {
    font-size: 2.2rem;
  }

  .brands-section .brands-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brands-section .brands-wrapper .brand-card {
    min-height: 16rem;
    padding: 1.5rem;
  }

  .brands-section .brand-logo {
    min-height: 8rem;
  }

  .brands-section .brand-logo img {
    max-height: 7.5rem;
  }
}

@media only screen and (max-width: 30em) {
  .brands-section {
    padding: 1.4rem;
    border-radius: 1.2rem;
  }

  .brands-intro-icon {
    flex-basis: 4.6rem;
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.1rem;
  }

  .brands-intro-text p {
    font-size: 1.45rem;
  }
}

/*NOVI DIO*/

/* Razmak između kartica u slideru proizvoda */
.home-products2 .slick-slide {
    padding: 0 10px;
    box-sizing: border-box;
}

/* Kartica mora zauzeti širinu svojeg Slick slajda */
.home-products2 .slick-slide .products-box {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Poravnanje prvog i posljednjeg proizvoda s rubom sadržaja */
.home-products2 .slick-list {
    margin-left: -10px;
    margin-right: -10px;
}





/* ==================================================================================
   TOBYLEX - DODATNA PRODAJA U KOŠARICI
   ================================================================================== */
.woocommerce-cart .tobylex-cart-cross-sells {
  width: 100%;
  clear: both;
  margin-top: 5rem;
}

.woocommerce-cart .tobylex-cart-cross-sells .cross-sells {
  width: 100%;
  float: none;
  clear: both;
}

.woocommerce-cart .tobylex-cart-cross-sells .cross-sells > h2 {
  margin: 0 0 2.5rem;
  font-size: 2.8rem;
}

.woocommerce-cart .tobylex-cart-cross-sells ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.4rem;
  width: 100%;
  margin: 0;
  padding: 0;
}

.woocommerce-cart .tobylex-cart-cross-sells ul.products::before,
.woocommerce-cart .tobylex-cart-cross-sells ul.products::after {
  display: none;
}

.woocommerce-cart .tobylex-cart-cross-sells .products-box {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 2.4rem;
}

.woocommerce-cart .tobylex-cart-cross-sells .products-image img {
  height: 20rem;
}

.woocommerce-cart .tobylex-cart-cross-sells .products-box h3 {
  font-size: 1.7rem;
}

@media only screen and (max-width: 64em) {
  .woocommerce-cart .tobylex-cart-cross-sells ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 37.5em) {
  .woocommerce-cart .tobylex-cart-cross-sells {
    margin-top: 3.5rem;
    overflow: hidden;
  }

  .woocommerce-cart .tobylex-cart-cross-sells .cross-sells > h2 {
    margin-bottom: 2rem;
    font-size: 2.3rem;
  }

  .woocommerce-cart .tobylex-cart-cross-sells ul.products {
    display: flex;
    gap: 1.4rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 1.2rem;
    -webkit-overflow-scrolling: touch;
  }

  .woocommerce-cart .tobylex-cart-cross-sells .products-box {
    flex: 0 0 82%;
    width: 82%;
    scroll-snap-align: start;
  }

  .woocommerce-cart .tobylex-cart-cross-sells .products-image img {
    height: 19rem;
  }
}

/* ==================================================================================
   TOBYLEX – REDIZAJN SAŽETKA KOŠARICE I DOSTAVE (v1.0.7)
   Fokus: pregledniji desktop i mobilni prikaz bez poruke o pragu besplatne dostave.
   ================================================================================== */
body.woocommerce-cart .cart-collaterals {
  margin-top: 3rem;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
  float: none;
  width: min(100%, 76rem);
  margin-left: auto;
}

body.woocommerce-cart .cart-collaterals .cart_totals > h2 {
  margin: 0 0 2rem;
  font-size: clamp(2.4rem, 3vw, 3.2rem);
  line-height: 1.2;
}

body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
  width: 100%;
  margin: 0;
  border: 1px solid #dedede;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}

body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
  padding: 1.8rem 2rem;
  border-top: 1px solid #ececec;
  vertical-align: top;
  font-size: 1.7rem;
  line-height: 1.45;
}

body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr:first-child th,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr:first-child td {
  border-top: 0;
}

body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th {
  width: 30%;
  font-weight: 700;
  color: #111;
}

body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
  color: #151515;
}

/* Dostava kao jasni, puni klikabilni redovi. */
body.woocommerce-cart .cart_totals ul#shipping_method {
  display: grid;
  gap: .9rem;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

body.woocommerce-cart .cart_totals ul#shipping_method li {
  position: relative;
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  min-height: 5.4rem;
  margin: 0 !important;
  padding: 1.2rem 1.4rem;
  border: 1px solid #e4e4e4;
  border-radius: .8rem;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

body.woocommerce-cart .cart_totals ul#shipping_method li:hover {
  border-color: #f68902;
}

body.woocommerce-cart .cart_totals ul#shipping_method li:has(input[type="radio"]:checked) {
  border-color: #f68902;
  background: #fff8ef;
  box-shadow: 0 0 0 1px rgba(246, 137, 2, .08);
}

body.woocommerce-cart .cart_totals ul#shipping_method input[type="radio"] {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  accent-color: #f68902;
  cursor: pointer;
}

body.woocommerce-cart .cart_totals ul#shipping_method label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.6rem;
  width: 100%;
  margin: 0;
  font-weight: 500;
  cursor: pointer;
}

body.woocommerce-cart .cart_totals ul#shipping_method label .woocommerce-Price-amount {
  flex: 0 0 auto;
  margin-left: auto;
  font-weight: 700;
  white-space: nowrap;
}

body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
  margin: 1.6rem 0 0;
  padding: 1.3rem 1.4rem;
  border-radius: .8rem;
  background: #f7f7f7;
  color: #3d3d3d;
  line-height: 1.5;
}

body.woocommerce-cart .cart_totals .woocommerce-shipping-destination strong {
  color: #111;
}

body.woocommerce-cart .cart_totals .shipping-calculator-button {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  color: #d66f00;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .2rem;
}

/* Ukupni iznos mora biti dominantan element sažetka. */
body.woocommerce-cart .cart_totals tr.order-total th,
body.woocommerce-cart .cart_totals tr.order-total td {
  padding-top: 2rem;
  padding-bottom: 2rem;
  vertical-align: middle;
}

body.woocommerce-cart .cart_totals tr.order-total .woocommerce-Price-amount {
  font-size: 2.15rem;
  font-weight: 800;
  color: #111;
}

body.woocommerce-cart .cart_totals tr.order-total .includes_tax,
body.woocommerce-cart .cart_totals tr.order-total small.includes_tax {
  display: none !important;
}

body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
  padding: 2.4rem 0 0;
  text-align: right;
}

body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button {
  min-width: 27rem;
  margin: 0;
  padding: 1.55rem 3rem !important;
  text-align: center;
  line-height: 1.2;
}

/* Tablet i mobitel: sažetak prelazi na jednu kolonu i ne ostavlja uske tablične retke. */
@media only screen and (max-width: 48em) {
  body.woocommerce-cart .cart-collaterals {
    margin-top: 2.4rem;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals {
    width: 100%;
    margin: 0;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals > h2 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table,
  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tbody,
  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr,
  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th,
  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
    display: block;
    width: 100%;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr {
    padding: 1.6rem;
    border-top: 1px solid #ececec;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr:first-child {
    border-top: 0;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th,
  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
    padding: 0;
    border: 0;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th {
    margin-bottom: .65rem;
    font-size: 1.55rem;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
    font-size: 1.6rem;
    text-align: left;
  }

  body.woocommerce-cart .cart_totals tr.cart-subtotal {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.2rem;
  }

  body.woocommerce-cart .cart_totals tr.cart-subtotal th,
  body.woocommerce-cart .cart_totals tr.cart-subtotal td {
    width: auto !important;
    margin: 0;
  }

  body.woocommerce-cart .cart_totals tr.cart-subtotal td {
    text-align: right;
    font-weight: 700;
  }

  body.woocommerce-cart .cart_totals ul#shipping_method {
    gap: .8rem;
  }

  body.woocommerce-cart .cart_totals ul#shipping_method li {
    min-height: 5.8rem;
    padding: 1.2rem;
  }

  body.woocommerce-cart .cart_totals ul#shipping_method label {
    gap: 1rem;
    font-size: 1.55rem;
  }

  body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    margin-top: 1.2rem;
    font-size: 1.45rem;
  }

  body.woocommerce-cart .cart_totals tr.order-total {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1.2rem;
  }

  body.woocommerce-cart .cart_totals tr.order-total th,
  body.woocommerce-cart .cart_totals tr.order-total td {
    width: auto !important;
    margin: 0;
  }

  body.woocommerce-cart .cart_totals tr.order-total td {
    text-align: right;
  }

  body.woocommerce-cart .cart_totals tr.order-total .woocommerce-Price-amount {
    font-size: 2.2rem;
  }

  body.woocommerce-cart .cart_totals tr.order-total .includes_tax,
  body.woocommerce-cart .cart_totals tr.order-total small.includes_tax {
    max-width: 18rem;
    margin-left: auto;
    line-height: 1.35;
  }

  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    padding-top: 1.8rem;
  }

  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 1.6rem 2rem !important;
    font-size: 1.65rem;
  }
}

@media only screen and (max-width: 25em) {
  body.woocommerce-cart .cart_totals ul#shipping_method label {
    flex-wrap: wrap;
  }

  body.woocommerce-cart .cart_totals ul#shipping_method label .woocommerce-Price-amount {
    width: 100%;
    margin: .2rem 0 0;
  }
}


/* ==================================================================================
   TOBYLEX – MOBILNI POPRAVAK SAŽETKA KOŠARICE (v1.0.9)
   WooCommerce na malim ekranima dodaje data-title pseudo-oznake u ćelije. Budući da
   Tobylex već prikazuje vlastite zaglavne oznake, te pseudo-oznake stvaraju duplikate.
   ================================================================================== */
@media only screen and (max-width: 48em) {
  body.woocommerce-cart .cart_totals table.shop_table_responsive tr td::before,
  body.woocommerce-cart .cart_totals table.shop_table_responsive tr td:before,
  body.woocommerce-cart .cart_totals table.shop_table tr td::before,
  body.woocommerce-cart .cart_totals table.shop_table tr td:before {
    display: none !important;
    content: none !important;
  }

  /* Dostava: naslov iznad, metode pune širine bez neželjenog uvlačenja. */
  body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals.shipping {
    display: block !important;
  }

  body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals.shipping > th,
  body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals.shipping > td {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    text-align: left !important;
  }

  body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals.shipping > th {
    margin-bottom: 1rem !important;
  }

  body.woocommerce-cart .cart_totals ul#shipping_method {
    width: 100%;
    margin: 0 !important;
  }

  body.woocommerce-cart .cart_totals ul#shipping_method li {
    width: 100%;
  }

  body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left;
  }

  /* Međuzbroj i ukupno ostaju jedan čist red: naziv lijevo, iznos desno. */
  body.woocommerce-cart .cart_totals tr.cart-subtotal,
  body.woocommerce-cart .cart_totals tr.order-total {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.woocommerce-cart .cart_totals tr.cart-subtotal td,
  body.woocommerce-cart .cart_totals tr.order-total td {
    padding-left: 0 !important;
    text-align: right !important;
  }
}

/* ==================================================================================
   TOBYLEX – CHECKOUT REDIZAJN (v1.0.19)
   Vizualna dorada klasičnog WooCommerce checkouta uz očuvanje dodataka za dostavu,
   lokatore paketomata i dinamičko AJAX osvježavanje checkouta.
   ================================================================================== */
body.woocommerce-checkout .woocommerce {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

body.woocommerce-checkout form.checkout {
  font-size: 1.5rem;
}

body.woocommerce-checkout form.checkout h3,
body.woocommerce-checkout #order_review_heading {
  margin: 0 0 1.6rem;
  font-size: 2.2rem;
  line-height: 1.25;
}

/* Polja kupca */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.6rem;
}

body.woocommerce-checkout form .form-row {
  margin: 0 0 1.4rem;
}

body.woocommerce-checkout form .form-row-first,
body.woocommerce-checkout form .form-row-last {
  width: calc(50% - .8rem);
}

body.woocommerce-checkout form .form-row-wide {
  width: 100%;
}

body.woocommerce-checkout form .form-row label {
  margin-bottom: .6rem;
  font-weight: 600;
  line-height: 1.35;
}

body.woocommerce-checkout form .form-row input.input-text,
body.woocommerce-checkout form .form-row textarea,
body.woocommerce-checkout form .form-row .select2-selection--single {
  min-height: 4.6rem;
  padding: 1rem 1.3rem;
  border: 1px solid #d8d8d8;
  border-radius: .8rem;
  background: #fff;
  box-shadow: none;
  font-size: 1.5rem;
  transition: border-color .18s ease, box-shadow .18s ease;
}

body.woocommerce-checkout form .form-row textarea {
  min-height: 13rem !important;
  height: 13rem !important;
  resize: vertical;
}

body.woocommerce-checkout form .form-row input.input-text:focus,
body.woocommerce-checkout form .form-row textarea:focus,
body.woocommerce-checkout form .form-row .select2-container--open .select2-selection--single {
  outline: none;
  border-color: #f68902;
  box-shadow: 0 0 0 3px rgba(246, 137, 2, .11);
}

body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  background: transparent;
  border-radius: 0;
  line-height: 2.4rem;
  font-size: 1.5rem;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single {
  border-radius: .8rem;
  border-color: #d8d8d8;
  background: #fff;
}

/* Sažetak narudžbe */
body.woocommerce-checkout #order_review {
  margin-top: .4rem;
}

body.woocommerce-checkout #order_review table.shop_table {
  width: 100%;
  margin: 0 0 2rem;
  border: 1px solid #dedede;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}

body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
  padding: 1.2rem 1.5rem;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
  line-height: 1.45;
}

body.woocommerce-checkout #order_review table.shop_table thead th {
  background: #fafafa;
  font-weight: 700;
}

body.woocommerce-checkout #order_review table.shop_table tr:last-child th,
body.woocommerce-checkout #order_review table.shop_table tr:last-child td {
  border-bottom: 0;
}

body.woocommerce-checkout #order_review table.shop_table td.product-total,
body.woocommerce-checkout #order_review table.shop_table tfoot td {
  text-align: right;
  white-space: nowrap;
}

body.woocommerce-checkout #order_review table.shop_table .cart-subtotal th,
body.woocommerce-checkout #order_review table.shop_table .cart-subtotal td,
body.woocommerce-checkout #order_review table.shop_table .order-total th,
body.woocommerce-checkout #order_review table.shop_table .order-total td {
  font-weight: 700;
}

body.woocommerce-checkout #order_review table.shop_table .order-total th,
body.woocommerce-checkout #order_review table.shop_table .order-total td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1.8rem;
}

body.woocommerce-checkout #order_review .includes_tax {
  display: none !important;
}

/* Dostava – iste kartice kao u košarici */
body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals.shipping > th {
  width: 34%;
  padding-top: 1.5rem;
}

body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals.shipping > td {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

body.woocommerce-checkout #order_review ul#shipping_method {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

body.woocommerce-checkout #order_review ul#shipping_method li {
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: 5.2rem;
  margin: 0 0 .8rem !important;
  padding: 1rem 1.3rem !important;
  border: 1px solid #dedede;
  border-radius: .9rem;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

body.woocommerce-checkout #order_review ul#shipping_method li:last-child {
  margin-bottom: 0 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method li:hover {
  border-color: #f4b366;
}

body.woocommerce-checkout #order_review ul#shipping_method li:has(input[type="radio"]:checked) {
  border-color: #f68902;
  background: rgba(246, 137, 2, .07);
  box-shadow: 0 0 0 1px rgba(246, 137, 2, .05);
}

body.woocommerce-checkout #order_review ul#shipping_method input[type="radio"] {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto;
  width: 1.6rem !important;
  height: 1.6rem;
  margin: 0 1.2rem 0 0 !important;
  accent-color: #f68902;
}

body.woocommerce-checkout #order_review ul#shipping_method label {
  position: static !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
  gap: 1.4rem;
  margin: 0 !important;
  cursor: pointer;
  line-height: 1.35;
}

body.woocommerce-checkout #order_review ul#shipping_method label .woocommerce-Price-amount {
  margin-left: auto;
  font-weight: 700;
  white-space: nowrap;
}

/* Dodatni lokatori/selektori dostavnih dodataka ostaju u punoj širini ispod tablice. */
body.woocommerce-checkout .woocommerce-checkout-review-order > [class*="box-now"],
body.woocommerce-checkout .woocommerce-checkout-review-order > [class*="boxnow"],
body.woocommerce-checkout .woocommerce-checkout-review-order > [class*="paketomat"],
body.woocommerce-checkout .woocommerce-checkout-review-order > [class*="parcel"],
body.woocommerce-checkout .woocommerce-checkout-review-order > [class*="locker"] {
  max-width: 100%;
}

/* Plaćanja */
body.woocommerce-checkout #payment {
  margin-top: 2rem;
  padding: 1.4rem;
  border: 1px solid #e2e2e2;
  border-radius: 1rem;
  background: #fafafa;
}

body.woocommerce-checkout #payment ul.payment_methods {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  display: block;
  margin: 0 0 .9rem !important;
  padding: 0 !important;
  border: 1px solid #dedede;
  border-radius: .9rem;
  background: #fff;
  overflow: hidden;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:last-child {
  margin-bottom: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type="radio"] {
  position: absolute !important;
  opacity: 0;
  pointer-events: none;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  position: relative !important;
  display: flex !important;
  align-items: center;
  min-height: 5.2rem;
  margin: 0 !important;
  padding: 1rem 1.3rem 1rem 4.4rem;
  cursor: pointer;
  font-weight: 600;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::before {
  content: "";
  position: absolute;
  left: 1.4rem;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #aaa;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
  box-sizing: border-box;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(> input[type="radio"]:checked) {
  border-color: #f68902;
  background: rgba(246, 137, 2, .055);
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(> input[type="radio"]:checked) > label::before {
  border: 4px solid #f68902;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label img {
  width: auto;
  max-width: 9rem;
  height: 2.8rem;
  margin: 0 0 0 1.4rem;
  object-fit: contain;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label svg {
  max-height: 2.8rem;
  margin-left: 1.4rem;
}

body.woocommerce-checkout #payment div.payment_box {
  width: auto;
  margin: 0 1.2rem 1.2rem 4.4rem;
  padding: 1.2rem 1.4rem;
  border-radius: .7rem;
  background: rgba(246, 137, 2, .10);
  color: #333;
}

body.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}

/* Privatnost, uvjeti i završni CTA */
body.woocommerce-checkout #payment .place-order {
  margin-top: 1.4rem;
  padding: 1.6rem 1.2rem 1.2rem !important;
  border-top: 1px solid #e2e2e2;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text {
  margin-bottom: 1.3rem;
  color: #555;
  font-size: 1.35rem;
  line-height: 1.55;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row.validate-required,
body.woocommerce-checkout .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
  align-items: flex-start;
}

body.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox input[type="checkbox"] {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto;
  width: 1.8rem !important;
  height: 1.8rem;
  margin: .15rem 1rem 0 0 !important;
  accent-color: #f68902;
}

body.woocommerce-checkout #payment #place_order {
  float: none;
  display: block;
  width: min(100%, 32rem);
  min-height: 5.2rem;
  margin: 1.8rem 0 0 auto;
  border-radius: 10rem;
  background: #f68902 !important;
  color: #fff !important;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

body.woocommerce-checkout #payment #place_order:hover {
  background: #df7900 !important;
}

/* Tablet */
@media only screen and (max-width: 64em) {
  body.woocommerce-checkout .woocommerce {
    width: 100%;
    max-width: none;
  }
}

/* Mobitel: nema desktop tablice ni duplih WooCommerce data-title oznaka. */
@media only screen and (max-width: 48em) {
  body.woocommerce-checkout .woocommerce {
    width: 100%;
    max-width: none;
  }

  body.woocommerce-checkout form.checkout h3,
  body.woocommerce-checkout #order_review_heading {
    font-size: 2rem;
  }

  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: block;
  }

  body.woocommerce-checkout form .form-row-first,
  body.woocommerce-checkout form .form-row-last,
  body.woocommerce-checkout form .form-row-wide {
    float: none;
    width: 100%;
  }

  body.woocommerce-checkout #order_review table.shop_table_responsive tr td::before,
  body.woocommerce-checkout #order_review table.shop_table_responsive tr td:before,
  body.woocommerce-checkout #order_review table.shop_table tr td::before,
  body.woocommerce-checkout #order_review table.shop_table tr td:before {
    display: none !important;
    content: none !important;
  }

  body.woocommerce-checkout #order_review table.shop_table,
  body.woocommerce-checkout #order_review table.shop_table tbody,
  body.woocommerce-checkout #order_review table.shop_table tfoot,
  body.woocommerce-checkout #order_review table.shop_table tr {
    display: block;
    width: 100%;
  }

  body.woocommerce-checkout #order_review table.shop_table thead {
    display: none;
  }

  body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item,
  body.woocommerce-checkout #order_review table.shop_table tfoot tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem 1.2rem;
    padding: 1.2rem 1.3rem;
    border-bottom: 1px solid #e5e5e5;
  }

  body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item td,
  body.woocommerce-checkout #order_review table.shop_table tfoot tr th,
  body.woocommerce-checkout #order_review table.shop_table tfoot tr td {
    display: block;
    width: auto;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item td.product-total,
  body.woocommerce-checkout #order_review table.shop_table tfoot tr td {
    text-align: right !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tfoot tr.woocommerce-shipping-totals.shipping {
    display: block;
  }

  body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals.shipping > th,
  body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals.shipping > td {
    display: block;
    width: 100%;
    text-align: left !important;
  }

  body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals.shipping > th {
    margin-bottom: 1rem;
  }

  body.woocommerce-checkout #order_review ul#shipping_method li {
    min-height: 5.4rem;
  }

  body.woocommerce-checkout #order_review ul#shipping_method label {
    gap: .9rem;
  }

  body.woocommerce-checkout #payment {
    padding: 1rem;
  }

  body.woocommerce-checkout #payment div.payment_box {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  body.woocommerce-checkout #payment .place-order {
    padding-left: .4rem !important;
    padding-right: .4rem !important;
  }

  body.woocommerce-checkout #payment #place_order {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Vrlo uski zasloni: cijena dostave može prijeći u novi red bez sudara s nazivom. */
@media only screen and (max-width: 24em) {
  body.woocommerce-checkout #order_review ul#shipping_method label {
    flex-wrap: wrap;
  }

  body.woocommerce-checkout #order_review ul#shipping_method label .woocommerce-Price-amount {
    width: 100%;
    margin-left: 0;
  }
}

/* ==================================================================================
   TOBYLEX – HP PAKETOMAT / usklađeno s TLX HP Paketomat dodatkom (v1.0.12)
   Koristi stvarne klase dodatka .tlx-hppak-* umjesto JS prepoznavanja elemenata.
   ================================================================================== */
body.woocommerce-checkout #order_review #tlx-hppak-box.tlx-hppak-box {
  width: 100% !important;
  max-width: 76rem !important;
  margin: 1.2rem 0 1.6rem !important;
  padding: 1.2rem 1.4rem !important;
  border: 1px solid #dedede !important;
  border-radius: .9rem !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #171717 !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-title {
  margin: 0 0 .35rem !important;
  font-size: 1.55rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #171717 !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-help {
  margin: 0 0 .9rem !important;
  font-size: 1.2rem !important;
  line-height: 1.45 !important;
  color: #5b5b5b !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-help a {
  color: #ff8700 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-panel {
  margin-top: .8rem !important;
  padding: 1rem !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: .75rem !important;
  background: #fafafa !important;
  box-shadow: none !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-panel label {
  margin: 0 0 .45rem !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #2a2a2a !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row {
  display: flex !important;
  align-items: stretch !important;
  gap: .8rem !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 4rem !important;
  height: 4rem !important;
  padding: .7rem 1rem !important;
  border: 1px solid #cfcfcf !important;
  border-radius: .7rem !important;
  background: #fff !important;
  color: #171717 !important;
  font-size: 1.3rem !important;
  box-shadow: none !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row input:focus {
  border-color: #ff8700 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255,135,0,.12) !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row .button {
  flex: 0 0 auto !important;
  min-width: 11rem !important;
  min-height: 4rem !important;
  height: 4rem !important;
  padding: 0 1.6rem !important;
  border: 1px solid #ff8700 !important;
  border-radius: 10rem !important;
  background: #ff8700 !important;
  color: #fff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row .button:hover,
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row .button:focus {
  background: #e97900 !important;
  border-color: #e97900 !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-results {
  margin-top: .8rem !important;
  gap: .6rem !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-result {
  padding: .8rem 1rem !important;
  border: 1px solid #dedede !important;
  border-radius: .7rem !important;
  background: #fff !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-result:hover {
  border-color: #ff8700 !important;
  background: #fff8ef !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-selected {
  margin-top: .8rem !important;
  padding: .8rem 1rem !important;
  border: 1px solid #ffd19c !important;
  border-radius: .7rem !important;
  background: #fff8ef !important;
  color: #2a2a2a !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-info,
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-error {
  padding: .8rem 1rem !important;
  border-radius: .7rem !important;
  font-size: 1.2rem !important;
}
body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-info {
  border-color: #dedede !important;
  background: #f7f7f7 !important;
}
body.woocommerce-checkout #order_review .tlx-hppak-method-logo img {
  width: 5rem !important;
  max-height: 1.6rem !important;
}
@media only screen and (max-width: 48em) {
  body.woocommerce-checkout #order_review #tlx-hppak-box.tlx-hppak-box {
    max-width: none !important;
    margin: 1rem 0 1.2rem !important;
    padding: 1rem !important;
    border-radius: .8rem !important;
  }
  body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-title {
    font-size: 1.45rem !important;
  }
  body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-help {
    font-size: 1.15rem !important;
  }
  body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-panel {
    padding: .85rem !important;
  }
  body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row {
    display: flex !important;
    flex-direction: column !important;
    gap: .65rem !important;
  }
  body.woocommerce-checkout #order_review #tlx-hppak-box .tlx-hppak-search-row .button {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}


/* ================================================================
   TOBYLEX – VIVA WALLET PORAVNANJE (v1.0.13)
   Viva Wallet je u starijem dijelu teme imao zaseban pomak labela
   (left:20px / top:-9px). Checkout kartice sada koriste jedinstven
   raspored za sve metode plaćanja, pa taj pomak poništavamo.
   ================================================================ */
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_vivawallet_native > label {
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_vivawallet_native > label img {
  display: inline-block !important;
  width: auto !important;
  max-width: 7.5rem !important;
  height: 2.6rem !important;
  margin: 0 0 0 1.2rem !important;
  vertical-align: middle;
  object-fit: contain;
  object-position: left center;
}

@media only screen and (max-width: 48em) {
  body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_vivawallet_native > label img {
    max-width: 6.8rem !important;
    height: 2.4rem !important;
    margin-left: 1rem !important;
  }
}

/* ==================================================================================
   TOBYLEX 1.0.14 – ugrađeni filtar proizvoda
================================================================================== */
.tobylex-filter-aside.page-aside{width:37rem;max-width:37rem}
@media (min-width:1025px){
  .page-wrapper > .page-content{width:calc(100% - 42rem)}
}
@media (max-width:1024px){
  .tobylex-filter-aside.page-aside{float:none!important;width:100%!important;max-width:none!important;margin:0!important}
  .pages-wrapper > .page-content,.page-wrapper > .page-content{padding-left:0!important;width:100%!important}
}


/* ==================================================================================
   TOBYLEX – CHECKOUT ŠIRINA (v1.0.20)
   Checkout koristi identičnu raspoloživu širinu kao košarica. WooCommerce i dodaci
   ponekad postavljaju vlastiti max-width/margine na unutarnje checkout omotače,
   pa ih ovdje ciljano poništavamo bez promjene funkcionalnosti checkouta.
   ================================================================================== */
body.woocommerce-checkout .pages > .container > .woocommerce,
body.woocommerce-checkout .pages > .container > .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-checkout .pages > .container > .woocommerce > .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .pages > .container > .woocommerce > form.checkout_coupon,
body.woocommerce-checkout .pages > .container > .woocommerce > form.woocommerce-checkout,
body.woocommerce-checkout .pages > .container > .woocommerce > form.checkout {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

body.woocommerce-checkout form.checkout #customer_details,
body.woocommerce-checkout form.woocommerce-checkout #customer_details,
body.woocommerce-checkout form.checkout #order_review_heading,
body.woocommerce-checkout form.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout form.checkout #order_review,
body.woocommerce-checkout form.woocommerce-checkout #order_review {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* Kupon ne smije ostati u užem, centriranom WooCommerce omotaču. */
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon {
  float: none !important;
  clear: both !important;
}

@media only screen and (max-width: 64em) {
  body.woocommerce-checkout .pages > .container > .woocommerce,
  body.woocommerce-checkout .pages > .container > .woocommerce > .woocommerce-form-coupon-toggle,
  body.woocommerce-checkout .pages > .container > .woocommerce > form.checkout_coupon,
  body.woocommerce-checkout .pages > .container > .woocommerce > form.woocommerce-checkout,
  body.woocommerce-checkout .pages > .container > .woocommerce > form.checkout {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ==================================================================================
   TOBYLEX HOME SLIDER 1.0.23
   Jednostavan slider: najviše 3 slajda, svaki desktop/tablet/mobitel + link.
================================================================================== */
.tobylex-home-slider{
  position:relative;
  width:100%;
  max-width:148rem;
  margin-left:auto;
  margin-right:auto;
  padding-left:2rem;
  padding-right:2rem;
  overflow:hidden;
  background:#fff;
}
/* Prvi, postojeći hero već ima vlastite .container omotače.
   Kada je unutar slidera, vanjski slider sada preuzima istu širinu/padding,
   pa unutarnje omotače neutraliziramo kako se sadržaj ne bi dvostruko suzio. */
.tobylex-home-slider .tobylex-home-slide-legacy > .intro > .container.container-xl,
.tobylex-home-slider .tobylex-home-slide-legacy > .intro > .container.container-xl > .container{
  width:100%;
  max-width:none;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}
.tobylex-home-slider-track,
.tobylex-home-slider-track .slick-list,
.tobylex-home-slider-track .slick-track{
  width:100%;
}
.tobylex-home-slide{
  width:100%;
  max-width:100%;
  min-width:0;
  outline:0;
}
.tobylex-home-slide-image picture,
.tobylex-home-slide-image img,
.tobylex-home-slide-link{
  display:block;
  width:100%;
}
.tobylex-home-slide-image img{
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.tobylex-home-slide-link{cursor:pointer;}
.tobylex-home-slider .tobylex-home-slide-legacy > .intro{margin:0;}

@media (max-width:767px){
  .tobylex-home-slider{padding-left:1.5rem;padding-right:1.5rem;}
  .tobylex-home-slide-image img{width:100%;height:auto;}
}


/* ==================================================================================
   Single product refresh - Tobylex 1.0.24
   Compact hierarchy, less empty space, stronger purchase area
===================================================================================== */
body.single-product div.product .container {
  max-width: 144rem;
  width: calc(100% - 4rem);
  margin-left: auto;
  margin-right: auto;
}

body.single-product .single-wrapperxxx {
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  column-gap: 5rem;
  align-items: start;
}

/* Keep the main product area compact; tabs continue below both columns. */
body.single-product .single-wrapperxxx > .woocommerce-product-gallery,
body.single-product .single-wrapperxxx > .images {
  grid-column: 1;
  grid-row: 1;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

body.single-product .single-wrapperxxx > .summary.entry-summary {
  grid-column: 2;
  grid-row: 1;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

body.single-product .single-wrapperxxx > .woocommerce-tabs,
body.single-product .single-wrapperxxx > .up-sells,
body.single-product .single-wrapperxxx > .related {
  grid-column: 1 / -1;
  width: 100% !important;
  float: none !important;
}

body.single-product .single-text {
  padding: 2.6rem 3rem;
  border-radius: 1.6rem;
  background: #f8f8f8;
}

body.single-product .woocommerce div.product .product_title,
body.single-product div.product .product_title {
  margin: .8rem 0 1.4rem;
  line-height: 1.18;
  font-size: clamp(2.5rem, 2.2vw, 3.8rem);
}

body.single-product .single-text .title {
  margin-bottom: 1.2rem;
}

body.single-product .single-price {
  font-size: clamp(2.2rem, 2vw, 3rem);
  padding: .9rem 1.4rem;
  margin: 0 0 1.5rem;
  border-radius: .8rem;
  background: #f1f1f1;
  line-height: 1.25;
}

body.single-product .single-text-inner {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e2e2e2;
}

body.single-product .woocommerce-product-details__short-description {
  font-size: 1.45rem;
  line-height: 1.55;
}

body.single-product .woocommerce-product-details__short-description p {
  margin-bottom: 1.1rem !important;
}

body.single-product .tobylex-inline-product-meta,
body.single-product .Category-show,
body.single-product .summary .product_meta {
  font-size: 1.1rem;
  line-height: 1.45;
  color: #666;
}

body.single-product .Category-show {
  margin: .8rem 0 0 !important;
  padding-top: .8rem;
  border-top: 1px solid #e5e5e5;
}

body.single-product .Category-show a,
body.single-product .summary .product_meta a {
  font-weight: 500;
  color: #555;
}

body.single-product .summary .product_meta {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid #e1e1e1;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.4rem;
}

body.single-product .summary .product_meta > span {
  display: inline-flex;
  align-items: baseline;
  gap: .35rem;
  margin: 0;
}

body.single-product .single-bottom,
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart {
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid #e2e2e2 !important;
}

body.single-product .single-bottom form.cart,
body.single-product form.cart {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0;
}

body.single-product form.cart .quantity {
  margin: 0 !important;
}

body.single-product .single-bottom .quantity input.qty,
body.single-product form.cart .quantity input.qty {
  min-height: 4.4rem;
}

body.single-product button.single_add_to_cart_button {
  min-height: 4.4rem;
  padding: 1.1rem 2.8rem !important;
  font-size: 1.5rem !important;
  margin: 0 !important;
}

/* Gallery: reduce the tall empty field around narrow pack shots. */
body.single-product .woocommerce-product-gallery {
  padding: 1.2rem;
}

body.single-product .woocommerce-product-gallery__wrapper {
  margin: 0;
}

body.single-product .woocommerce-product-gallery__image > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.single-product .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: min(58rem, 62vh) !important;
  object-fit: contain !important;
  object-position: center !important;
}

body.single-product .flex-control-thumbs,
body.single-product ol.flex-control-thumbs {
  display: flex;
  gap: 1rem;
  margin-top: 1.2rem !important;
  padding: 0 !important;
}

body.single-product .flex-control-thumbs li {
  width: 7.2rem !important;
  float: none !important;
}

body.single-product .flex-control-thumbs img {
  width: 7.2rem !important;
  height: 7.2rem !important;
  object-fit: contain !important;
  padding: .5rem;
  border: 1px solid #e8e8e8;
  border-radius: .9rem;
  background: #fff;
}

/* Tabs should be secondary, not oversized. */
body.single-product .woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 3.5rem;
  margin-bottom: 5rem;
}

body.single-product .woocommerce-tabs ul.tabs {
  gap: .8rem;
  margin-bottom: 2rem !important;
}

body.single-product .woocommerce-tabs ul.tabs li {
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  padding: 1rem 1.8rem !important;
  min-height: 4.2rem;
  border-radius: 2.5rem;
  font-size: 1.3rem;
  background-size: 2rem;
  background-position: left 1.1rem center;
}

body.single-product .woocommerce-tabs ul.tabs li.active a {
  padding-left: 3.7rem !important;
}

body.single-product .woocommerce-Tabs-panel {
  padding: 0 .5rem !important;
  max-width: 110rem;
}

body.single-product .woocommerce-Tabs-panel > h2:first-child,
body.single-product .woocommerce-Tabs-panel > h3:first-child {
  margin-top: 0;
}

@media (max-width: 1100px) {
  body.single-product .single-wrapperxxx {
    grid-template-columns: minmax(0, 46%) minmax(0, 54%);
    column-gap: 3rem;
  }
  body.single-product .single-text {
    padding: 2.2rem;
  }
}

@media (max-width: 900px) {
  body.single-product div.product .container {
    width: calc(100% - 2.4rem);
  }
  body.single-product .single-wrapperxxx {
    display: block;
  }
  body.single-product .single-wrapperxxx > .woocommerce-product-gallery,
  body.single-product .single-wrapperxxx > .images,
  body.single-product .single-wrapperxxx > .summary.entry-summary {
    width: 100% !important;
    margin: 0 !important;
  }
  body.single-product .single-text {
    margin-top: 1.5rem !important;
    padding: 2rem 1.8rem;
  }
  body.single-product .woocommerce-product-gallery__image img {
    height: min(48rem, 55vh) !important;
  }
  body.single-product .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 2.5rem;
  }
}

@media (max-width: 600px) {
  body.single-product div.product .container {
    width: calc(100% - 2rem);
  }
  body.single-product .woocommerce-product-gallery {
    padding: 0;
  }
  body.single-product .woocommerce-product-gallery__image img {
    height: 34rem !important;
  }
  body.single-product .single-text {
    padding: 1.6rem;
    border-radius: 1.2rem;
  }
  body.single-product .woocommerce div.product .product_title,
  body.single-product div.product .product_title {
    font-size: 2.5rem;
    margin: .5rem 0 1rem;
  }
  body.single-product .single-price {
    font-size: 2.2rem;
  }
  body.single-product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-direction: column;
    gap: .6rem;
  }
  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product .tabs a {
    width: 100%;
    padding: .9rem 1.4rem !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li.active a {
    padding-left: 3.5rem !important;
  }
  body.single-product .summary .product_meta {
    gap: .35rem .9rem;
  }
}


/* Tobylex 1.0.25 — sitniji sekundarni podaci na stranici proizvoda */
body.single-product .tobylex-secondary-price-info {
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
  color: #737373 !important;
  margin: .45rem 0 !important;
}
body.single-product .tobylex-inline-product-meta .sku_wrapper {
  font-size: 1.05rem !important;
}
@media (max-width: 767px) {
  body.single-product .tobylex-secondary-price-info,
  body.single-product .tobylex-inline-product-meta .sku_wrapper {
    font-size: 1.1rem !important;
  }
}


/* Tobylex 1.0.27 — product page + TLX Rokovi trajanja integration */

/* Šifra proizvoda: sekundarna, ali jasno čitljiva. */
body.single-product .tobylex-inline-product-meta,
body.single-product .tobylex-inline-product-meta .sku_wrapper {
  font-size: 1.35rem !important;
  line-height: 1.45 !important;
  color: #666 !important;
}
body.single-product .tobylex-inline-product-meta {
  margin: 0 0 1rem !important;
}

/* Jedinična i povijesna cijena: namjerno diskretnije od cijene i stanja zalihe. */
body.single-product .tobylex-secondary-price-info,
body.single-product .summary .tobylex-secondary-price-info,
body.single-product .single-text .tobylex-secondary-price-info {
  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  color: #777 !important;
  margin: .5rem 0 !important;
  font-weight: 400 !important;
}
body.single-product .tobylex-secondary-price-info strong,
body.single-product .tobylex-secondary-price-info b {
  font-size: inherit !important;
  font-weight: 500 !important;
}

/* TLX Rokovi trajanja: rok mora postojati, ali ne smije preuzeti vizualni prioritet. */
body.single-product .tlx-expiry-front {
  display: inline-flex;
  align-items: baseline;
  gap: .45rem;
  width: auto;
  max-width: 100%;
  margin: .55rem 1.4rem .55rem 0 !important;
  padding: .55rem .9rem !important;
  border: 1px solid #e7e7e7;
  border-radius: .7rem;
  background: #fff;
  color: #666 !important;
  font-size: 1.12rem !important;
  line-height: 1.3 !important;
}
body.single-product .tlx-expiry-front strong {
  color: #555;
  font-size: inherit !important;
  font-weight: 600;
}
body.single-product .tlx-expiry-front span {
  font-size: inherit !important;
}

/* Ostali statusni redovi u kupovnom bloku neka budu nešto mirniji. */
body.single-product .single-text .stock,
body.single-product .summary .stock {
  font-size: 1.25rem !important;
  margin: .65rem 0 !important;
}

/* Tabovi vraćeni na izraženiju, pregledniju veličinu. */
body.single-product .woocommerce-tabs ul.tabs {
  gap: 1rem;
  margin-bottom: 2.4rem !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  padding: 1.45rem 2.8rem !important;
  min-height: 5.5rem;
  border-radius: 3rem;
  font-size: 1.55rem;
  line-height: 1.2;
  font-weight: 600;
  background-size: 2.8rem;
  background-position: left 1.5rem center;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
  padding-left: 4.7rem !important;
}

/* Opis na desktopu koristi do dvije trećine širine glavnog webshop kontejnera. */
body.single-product .woocommerce-Tabs-panel {
  width: 66.666%;
  max-width: none !important;
  padding: 0 1rem 0 0 !important;
  box-sizing: border-box;
}
body.single-product .woocommerce-Tabs-panel > * {
  max-width: 100%;
}

@media (max-width: 900px) {
  body.single-product .woocommerce-Tabs-panel {
    width: 100%;
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  body.single-product .tobylex-inline-product-meta,
  body.single-product .tobylex-inline-product-meta .sku_wrapper {
    font-size: 1.3rem !important;
  }
  body.single-product .tobylex-secondary-price-info,
  body.single-product .summary .tobylex-secondary-price-info,
  body.single-product .single-text .tobylex-secondary-price-info {
    font-size: 1.05rem !important;
  }
  body.single-product .tlx-expiry-front {
    font-size: 1.08rem !important;
  }
}
@media (max-width: 600px) {
  body.single-product .woocommerce-tabs ul.tabs {
    gap: .8rem;
  }
  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product .tabs a {
    width: 100%;
    min-height: 5.1rem;
    padding: 1.25rem 1.7rem !important;
    font-size: 1.45rem;
    background-size: 2.5rem;
    background-position: left 1.3rem center;
  }
  body.single-product .woocommerce-tabs ul.tabs li.active a {
    padding-left: 4.2rem !important;
  }
}


/* Tobylex 1.0.31 — stabilizacija product tabova i opisa bez širenja stranice */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: 100% !important;
  margin: 2.8rem 0 4.5rem !important;
  padding: 0 !important;
  position: relative;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box;
}
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 2.4rem !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box;
  overflow: visible !important;
}
body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}
body.single-product .woocommerce-Tabs-panel {
  width: 66.666% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem 0 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box;
}
body.single-product .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-Tabs-panel h3,
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel ul,
body.single-product .woocommerce-Tabs-panel ol {
  margin-left: 0;
}
@media (max-width: 900px) {
  body.single-product .woocommerce-Tabs-panel {
    width: 100% !important;
    padding-right: 0 !important;
  }
}


/* Tobylex 1.0.32 — nativni WooCommerce izdvojeni i akcijski proizvodi */
.tlx-home-section-title{position:relative}
.tlx-home-view-all{display:inline-block;margin-top:.7rem;color:#f68902;font-size:1.35rem;font-weight:600;text-decoration:none}
.tlx-home-view-all:hover{text-decoration:underline}
.tlx-home-products-empty,.tlx-featured-empty{grid-column:1/-1;text-align:center;color:#777;padding:2rem 0}
.tlx-featured-products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:0 0 2.5rem}
.tlx-featured-products-toolbar p{margin:0;color:#666}
.tlx-featured-products-toolbar .woocommerce-ordering{margin:0;float:none}
.tlx-featured-all-grid{margin-top:1rem}
.tlx-featured-pagination{margin-top:4rem;text-align:center}
.tlx-featured-pagination ul{display:flex;justify-content:center;gap:.7rem;list-style:none;margin:0;padding:0}
.tlx-featured-pagination a,.tlx-featured-pagination span{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;padding:0 1rem;border:1px solid #e5e5e5;border-radius:2rem;color:#111;text-decoration:none;background:#fff}
.tlx-featured-pagination .current{border-color:#f68902;background:#fff5ea;color:#f68902;font-weight:700}
@media(max-width:767px){.tlx-featured-products-toolbar{align-items:flex-start;flex-direction:column;gap:1rem}.tlx-home-view-all{font-size:1.25rem}}


/* Tobylex 1.0.33 — 4 proizvoda u retku na stranici Izdvojeni proizvodi */
.tlx-featured-all-grid {
  gap: 2% !important;
}
@media only screen and (min-width: 1201px) {
  .tlx-featured-all-grid .products-box {
    width: 23.5% !important;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
  .tlx-featured-all-grid .products-box {
    width: 32% !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
  .tlx-featured-all-grid .products-box {
    width: 49% !important;
  }
}


/* Tobylex 1.0.34 — 8 izdvojenih na naslovnici, 4 u retku na desktopu */
@media only screen and (min-width: 1201px) {
  .home-products .products-wrapper {
    gap: 2% !important;
  }
  .home-products .products-wrapper .products-box {
    width: 23.5% !important;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
  .home-products .products-wrapper .products-box {
    width: 31.3% !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
  .home-products .products-wrapper .products-box {
    width: 48.5% !important;
  }
}


/* Tobylex 1.0.35 — Akcijski proizvodi: isti ritam i razmak kao Slični proizvodi */
.home-products2 .tlx-sale-slide.slick-slide {
  padding: 0 10px !important;
  box-sizing: border-box;
}
.home-products2 .tlx-sale-slide .products-box {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 2.6rem !important;
  box-sizing: border-box;
}
.home-products2 .tlx-sale-slide .products-image img {
  height: 22rem;
}
.home-products2 .tlx-sale-slide .products-box h4 {
  font-size: 1.5rem;
}
.home-products2 .tlx-sale-slide .products-box h3 {
  font-size: 1.7rem;
  line-height: 1.35;
}
.home-products2 .tlx-sale-slide .product-box-bottom {
  font-size: 1.5rem;
}
@media (max-width: 900px) {
  .home-products2 .tlx-sale-slide .products-box {
    padding: 2.3rem !important;
  }
  .home-products2 .tlx-sale-slide .products-image img {
    height: 21rem;
  }
}
@media (max-width: 600px) {
  .home-products2 .tlx-sale-slide.slick-slide {
    padding: 0 8px !important;
  }
  .home-products2 .tlx-sale-slide .products-box {
    padding: 2rem !important;
  }
  .home-products2 .tlx-sale-slide .products-image img {
    height: 20rem;
  }
}


/* TOBYLEX 1.0.43: automatsko ažuriranje košarice – ručni gumb više nije potreban */
body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] {
    display: none !important;
}

body.woocommerce-cart .woocommerce-cart-form td.actions {
    text-align: left !important;
}


/* ==================================================================================
   Tobylex 1.0.45 — single product visual balance
   45/55 hero, stronger price/purchase hierarchy, wider readable description
===================================================================================== */
@media (min-width: 1101px) {
  body.single-product .single-wrapperxxx {
    grid-template-columns: minmax(0, 45%) minmax(0, 55%);
    column-gap: 4.2rem;
  }
}

/* Gallery: use more of the available visual area without changing source images. */
body.single-product .woocommerce-product-gallery {
  padding: .8rem 1rem 1rem;
}
body.single-product .woocommerce-product-gallery__image img {
  height: min(62rem, 66vh) !important;
  max-width: 100% !important;
}
body.single-product .flex-control-thumbs,
body.single-product ol.flex-control-thumbs {
  margin-top: .9rem !important;
}

/* Product information card: cleaner and more purposeful. */
body.single-product .single-text {
  padding: 2.5rem 2.8rem 2.3rem;
  border-radius: 1.5rem;
  background: #f8f8f8;
}
body.single-product .woocommerce div.product .product_title,
body.single-product div.product .product_title {
  margin: .45rem 0 1.25rem;
  font-size: clamp(2.7rem, 2.25vw, 3.9rem);
  line-height: 1.15;
  letter-spacing: -.015em;
}

/* Make the real selling price clearly dominant. */
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  font-size: clamp(2.6rem, 2.15vw, 3.35rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}
body.single-product .single-price {
  display: inline-block;
  padding: .85rem 1.25rem;
  margin: 0 0 1.25rem;
  background: #f1f1f1;
  border-radius: .75rem;
}

/* Technical data stays readable but visually secondary. */
body.single-product .single-text-inner {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
body.single-product .tobylex-inline-product-meta {
  margin: 0 0 .9rem !important;
}
body.single-product .tobylex-inline-product-meta,
body.single-product .tobylex-inline-product-meta .sku_wrapper {
  font-size: 1.22rem !important;
  color: #707070 !important;
}
body.single-product .woocommerce-product-details__short-description {
  font-size: 1.38rem;
  line-height: 1.55;
}
body.single-product .woocommerce-product-details__short-description > p:first-child {
  margin-top: 0 !important;
}
body.single-product .woocommerce-product-details__short-description,
body.single-product .Category-show {
  background: transparent !important;
}
body.single-product .Category-show {
  margin-top: .65rem !important;
  padding-top: .65rem;
}
body.single-product .tobylex-secondary-price-info,
body.single-product .summary .tobylex-secondary-price-info,
body.single-product .single-text .tobylex-secondary-price-info {
  font-size: 1.02rem !important;
  margin: .38rem 0 !important;
}
body.single-product .tlx-expiry-front {
  margin: .5rem 1rem .4rem 0 !important;
  padding: .45rem .75rem !important;
  font-size: 1.04rem !important;
}
body.single-product .single-text .stock,
body.single-product .summary .stock {
  margin: .5rem 0 !important;
  font-size: 1.2rem !important;
  font-weight: 600;
}
body.single-product .summary .product_meta {
  margin-top: .85rem;
  padding-top: .85rem;
}

/* Purchase action should visually finish the information card. */
body.single-product .single-bottom,
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart {
  margin-top: 1.15rem !important;
  padding-top: 1.25rem !important;
}
body.single-product .single-bottom form.cart,
body.single-product form.cart {
  gap: 1.15rem;
}
body.single-product .single-bottom .quantity input.qty,
body.single-product form.cart .quantity input.qty {
  min-height: 4.7rem;
}
body.single-product button.single_add_to_cart_button {
  min-height: 4.7rem;
  padding: 1.15rem 3.25rem !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
}

/* Tabs connect more tightly with the product block. */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 2.2rem !important;
  margin-bottom: 4.8rem !important;
}
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  margin-bottom: 2rem !important;
}

/* Wider description only — the page/container itself is NOT widened. */
body.single-product .woocommerce-Tabs-panel {
  width: 78% !important;
  max-width: 112rem !important;
  padding-right: 1.5rem !important;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li {
  font-size: 1.42rem;
  line-height: 1.68;
}
body.single-product .woocommerce-Tabs-panel h2 {
  font-size: clamp(2.35rem, 1.9vw, 3rem);
  line-height: 1.25;
  margin: 0 0 1.5rem;
}
body.single-product .woocommerce-Tabs-panel h3 {
  font-size: clamp(1.85rem, 1.45vw, 2.25rem);
  line-height: 1.3;
  margin: 2.7rem 0 1rem;
}
body.single-product .woocommerce-Tabs-panel ul,
body.single-product .woocommerce-Tabs-panel ol {
  padding-left: 2.1rem;
}

@media (max-width: 1100px) {
  body.single-product .single-wrapperxxx {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    column-gap: 3rem;
  }
  body.single-product .woocommerce-Tabs-panel {
    width: 82% !important;
  }
}
@media (max-width: 900px) {
  body.single-product .woocommerce-Tabs-panel {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
  }
  body.single-product .woocommerce-product-gallery__image img {
    height: min(50rem, 58vh) !important;
  }
}
@media (max-width: 600px) {
  body.single-product .single-text {
    padding: 1.7rem 1.6rem;
  }
  body.single-product .woocommerce div.product .product_title,
  body.single-product div.product .product_title {
    font-size: 2.55rem;
  }
  body.single-product .single-price,
  body.single-product .summary p.price,
  body.single-product .summary span.price {
    font-size: 2.35rem !important;
  }
  body.single-product .woocommerce-product-gallery__image img {
    height: 36rem !important;
  }
  body.single-product button.single_add_to_cart_button {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
  }
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li {
    font-size: 1.36rem;
  }
}


/* Tobylex 1.0.46 — stabilna WooCommerce galerija minijatura bez Slick klonova */
body.single-product .tlx-product-thumbs-shell{position:relative;display:flex;align-items:center;gap:1rem;width:100%;margin-top:1.2rem}
body.single-product .tlx-product-thumbs-viewport{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}
body.single-product .tlx-product-thumbs-viewport::-webkit-scrollbar{display:none}
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs,body.single-product .tlx-product-thumbs-viewport ol.flex-control-thumbs{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;min-width:100%;gap:1rem;margin:0!important;padding:0!important;transform:none!important}
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs li{flex:0 0 7.2rem!important;width:7.2rem!important;float:none!important;margin:0!important;scroll-snap-align:start}
body.single-product .tlx-product-thumbs-arrow{flex:0 0 4.6rem;width:4.6rem;height:4.6rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:.8rem;background:#050505;color:#fff;font-size:2rem;line-height:1;cursor:pointer;transition:opacity .15s ease,transform .15s ease}
body.single-product .tlx-product-thumbs-arrow:hover{transform:translateY(-1px)}
body.single-product .tlx-product-thumbs-arrow:disabled{opacity:.28;cursor:default;transform:none}
body.single-product .tlx-thumbs-no-overflow .tlx-product-thumbs-arrow{display:none}
@media(max-width:600px){body.single-product .tlx-product-thumbs-shell{gap:.7rem}body.single-product .tlx-product-thumbs-arrow{flex-basis:4rem;width:4rem;height:4rem}body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs li{flex-basis:6.4rem!important;width:6.4rem!important}body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs img{width:6.4rem!important;height:6.4rem!important}}


/* Tobylex 1.0.47 — odvajanje proizvoda od pozadine webshopa */
body.single-product .single-wrapperxxx {
  row-gap: 0;
}
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  column-gap: 5rem;
  align-items: start;
  padding: 3rem;
  margin-bottom: .5rem;
  border: 1px solid #ececec;
  border-radius: 2.4rem;
  background: #fff;
  box-shadow: 0 14px 34px rgba(17, 17, 17, 0.04);
}
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  grid-column: 1;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 1rem 1.4rem 1rem .4rem;
}
body.single-product .tobylex-product-hero > .summary.entry-summary {
  grid-column: 2;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: 46rem;
}
body.single-product .tobylex-product-hero .single-text {
  min-height: 100%;
  border: 1px solid #efefef;
}
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .single-wrapperxxx > .up-sells,
body.single-product .single-wrapperxxx > .related {
  grid-column: 1 / -1;
}
@media (max-width: 1100px) {
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns: minmax(0, 46%) minmax(0, 54%);
    column-gap: 3rem;
    padding: 2.4rem;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 40rem;
  }
}
@media (max-width: 900px) {
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    display: block;
    padding: 1.8rem;
    border-radius: 1.8rem;
  }
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images {
    padding: 0;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 0;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    margin-top: 1.6rem !important;
  }
}
@media (max-width: 600px) {
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    padding: 1.3rem;
    border-radius: 1.4rem;
  }
}


/* Tobylex single-product unified badge: one small orange square badge */
.single-product .woocommerce-product-gallery,
.single-product div.product .images,
.single-product div.product .woocommerce-product-gallery {
  position: relative;
}
.single-product .woocommerce-product-gallery .onsale,
.single-product div.product .images .onsale {
  display: none !important;
}
.single-product .tags-custom.sale {
  top: 18px;
  left: 18px !important;
  right: auto !important;
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 10px;
  background: #e97600;
  color: #fff;
  font-size: 11px;
  line-height: 1.1;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}
.single-product main#main > .tags-custom.sale {
  left: 18px !important;
}
@media only screen and (max-width: 767px) {
  .single-product .tags-custom.sale {
    top: 14px;
    left: 14px !important;
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 8px;
    font-size: 10px;
  }
}


/* Single product badge inside image gallery */
.single-product .woocommerce-product-gallery {
  position: relative;
  overflow: visible;
}
.single-product .woocommerce-product-gallery > .tags-custom {
  position: absolute;
  top: 16px;
  left: 16px;
  right: auto;
  bottom: auto;
  margin: 0;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.single-product .woocommerce-product-gallery > .tags-custom.sale {
  width: 58px;
  height: 58px;
  min-width: 58px;
  padding: 6px;
  border-radius: 8px;
  background: #ef8b00;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
.single-product .woocommerce-product-gallery > .tags-custom.new,
.single-product .woocommerce-product-gallery > .tags-custom.out-of-stock {
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .single-product .woocommerce-product-gallery > .tags-custom {
    top: 12px;
    left: 12px;
  }
  .single-product .woocommerce-product-gallery > .tags-custom.sale {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 8px;
    font-size: 9px;
  }
}


/* Tobylex 1.0.50 — donji opis proizvoda u kartici poput gornjeg info bloka */
body.single-product .woocommerce-Tabs-panel {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 2.4rem;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);
  padding: 3rem 3.2rem !important;
}
body.single-product .woocommerce-Tabs-panel h2:first-child,
body.single-product .woocommerce-Tabs-panel h3:first-child,
body.single-product .woocommerce-Tabs-panel p:first-child {
  margin-top: 0 !important;
}
body.single-product .woocommerce-Tabs-panel > :last-child {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 991px) {
  body.single-product .woocommerce-Tabs-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2.4rem 2.2rem !important;
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  body.single-product .woocommerce-Tabs-panel {
    padding: 2rem 1.8rem !important;
    border-radius: 1.8rem;
  }
}


/* ==================================================================================
   Tobylex 1.0.52 — product page redesign prema odobrenom mockupu
   Separate image/info cards, integrated tabs+description card, refined related items.
===================================================================================== */
body.single-product {
  background: #f7f7f7;
}
body.single-product div.product .container {
  max-width: 144rem;
  width: calc(100% - 5rem);
}

/* Main product area: two separate cards instead of one large combined panel. */
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  display: grid;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  gap: 2.4rem;
  align-items: stretch;
  padding: 0;
  margin: 0 0 2.2rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images,
body.single-product .tobylex-product-hero > .summary.entry-summary {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 2rem;
  box-shadow: 0 10px 28px rgba(25, 25, 25, .045);
  box-sizing: border-box;
}
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  padding: 2.2rem 2.4rem 2rem;
  min-width: 0;
  overflow: hidden;
}
body.single-product .tobylex-product-hero > .summary.entry-summary {
  padding: 2.8rem 3rem;
  min-height: 100%;
  border-color: #e9e9e9;
}

/* Product image should be dominant without creating a huge empty field. */
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: 44rem;
  padding: 1rem;
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  height: min(50rem, 57vh) !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* Small sale badge positioned inside image card, close to the image. */
body.single-product .woocommerce-product-gallery > .tags-custom.sale {
  top: 1.8rem;
  left: 1.8rem !important;
  width: auto;
  min-width: 5.8rem;
  height: 3.4rem;
  padding: 0 .95rem;
  border-radius: .7rem;
  box-shadow: none;
  font-size: 1.05rem;
  letter-spacing: 0;
}

/* Thumbnail rail: white, compact, subtle navigation. */
body.single-product .tlx-product-thumbs-shell {
  margin-top: 1.6rem;
  gap: .9rem;
}
body.single-product .tlx-product-thumbs-arrow {
  flex-basis: 4rem;
  width: 4rem;
  height: 4rem;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  background: #fff;
  color: #111;
  font-size: 1.65rem;
  box-shadow: 0 3px 10px rgba(0,0,0,.04);
}
body.single-product .flex-control-thumbs img,
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs img {
  border-radius: .8rem;
  border-color: #e6e6e6;
  background: #fff;
}
body.single-product .flex-control-thumbs img.flex-active,
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs img.flex-active {
  border-color: #f28a00;
  box-shadow: 0 0 0 1px #f28a00 inset;
}

/* Right information card hierarchy. */
body.single-product .single-text .title,
body.single-product .single-text .woocommerce-breadcrumb {
  margin-bottom: .8rem;
}
body.single-product .woocommerce div.product .product_title,
body.single-product div.product .product_title {
  margin: .5rem 0 .9rem;
  font-size: clamp(2.8rem, 2.15vw, 3.8rem);
  line-height: 1.12;
  letter-spacing: -.025em;
}
body.single-product .single-text .title + p,
body.single-product .summary .product-subtitle {
  color: #f28a00;
}
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  margin: 1.2rem 0 1.6rem !important;
  padding: 0 !important;
  border-radius: 0;
  background: transparent !important;
  font-size: clamp(2.7rem, 2.15vw, 3.5rem) !important;
  line-height: 1.15;
  font-weight: 700;
}
body.single-product .single-price del,
body.single-product .summary p.price del {
  margin-left: 1rem;
  color: #aaa;
  font-size: 1.55rem;
  font-weight: 400;
}
body.single-product .single-price ins,
body.single-product .summary p.price ins {
  text-decoration: none;
}
body.single-product .single-text-inner {
  margin-top: 1.4rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e7e7e7;
}
body.single-product .tobylex-inline-product-meta,
body.single-product .summary .product_meta,
body.single-product .Category-show,
body.single-product .tobylex-secondary-price-info,
body.single-product .tlx-expiry-front {
  font-size: 1.15rem !important;
  line-height: 1.45 !important;
  color: #707070 !important;
}
body.single-product .woocommerce-product-details__short-description {
  margin-top: 1.2rem;
  padding: 1.6rem 0 0;
  border-top: 1px solid #e9e9e9;
  font-size: 1.35rem;
  line-height: 1.62;
  color: #343434;
}
body.single-product .Category-show {
  display: block;
  margin-top: 1.1rem !important;
  padding-top: .9rem;
}
body.single-product .summary .product_meta {
  margin-top: 1.1rem;
  padding-top: 1rem;
}
body.single-product .single-text .stock,
body.single-product .summary .stock {
  font-size: 1.3rem !important;
  color: #258a3d;
}

/* Purchase panel at the bottom of info card. */
body.single-product .single-bottom,
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart {
  margin-top: 1.7rem !important;
  padding: 1.6rem !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 1.3rem;
  background: #fbfbfb;
}
body.single-product .single-bottom form.cart,
body.single-product form.cart {
  gap: 1.2rem;
}
body.single-product button.single_add_to_cart_button {
  flex: 1 1 22rem;
  min-height: 5rem;
  padding: 1.2rem 3.2rem !important;
  border-radius: 1rem !important;
  font-size: 1.5rem !important;
}

/* Tabs + description become one large lower card, as in the approved mockup. */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 4rem !important;
  padding: 2.2rem 2.6rem 2.8rem !important;
  border: 1px solid #e9e9e9;
  border-radius: 2rem;
  background: #fff;
  box-shadow: 0 10px 28px rgba(25,25,25,.04);
}
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 0 2.2rem !important;
  padding: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  min-height: 4.4rem;
  padding: 1rem 2.2rem !important;
  border: 1px solid #e4e4e4;
  border-radius: 2.4rem;
  background: #fff;
  font-size: 1.35rem;
  font-weight: 600;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
  padding-left: 4.2rem !important;
  border-color: #f28a00;
  background-color: #fff2e4;
  color: #111;
}
body.single-product .woocommerce-Tabs-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #242424;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li {
  font-size: 1.35rem;
  line-height: 1.67;
}
body.single-product .woocommerce-Tabs-panel h2 {
  font-size: clamp(2.35rem, 1.8vw, 2.9rem);
  margin: 0 0 1.5rem;
}
body.single-product .woocommerce-Tabs-panel h3 {
  font-size: clamp(1.8rem, 1.35vw, 2.2rem);
  margin: 2.3rem 0 .9rem;
}

/* Long product descriptions are easier to scan in two balanced columns. */
@media (min-width: 1180px) {
  body.single-product #tab-description {
    column-count: 2;
    column-gap: 5rem;
    column-rule: 1px solid #f0f0f0;
  }
  body.single-product #tab-description > h2,
  body.single-product #tab-description > h3,
  body.single-product #tab-description > h4,
  body.single-product #tab-description > p,
  body.single-product #tab-description > ul,
  body.single-product #tab-description > ol,
  body.single-product #tab-description > table {
    break-inside: avoid;
  }
}

/* Related products: lower, lighter cards with more breathing room. */
body.single-product .home-products2 {
  padding-top: 1rem;
  padding-bottom: 5rem;
  background: transparent;
}
body.single-product .home-products2 .title {
  margin-bottom: 1.8rem;
  text-align: left;
}
body.single-product .home-products2 .title h2 {
  font-size: 2.5rem;
}
body.single-product .home-products2 .products-slider .slick-slide {
  padding: 0 .8rem;
}
body.single-product .home-products2 .products-box {
  padding: 1.8rem !important;
  border: 1px solid #e9e9e9;
  border-radius: 1.4rem;
  background: #fff;
  box-shadow: 0 7px 20px rgba(25,25,25,.035);
}
body.single-product .home-products2 .products-image img {
  height: 15rem !important;
  object-fit: contain;
}
body.single-product .home-products2 .products-box h4 {
  margin-top: .8rem;
  font-size: 1.1rem;
  color: #999;
}
body.single-product .home-products2 .products-box h3 {
  min-height: 4.4rem;
  font-size: 1.35rem;
  line-height: 1.35;
}
body.single-product .home-products2 .prod-price {
  font-size: 1.45rem;
  font-weight: 700;
}
body.single-product .home-products2 .btn-cart {
  width: 3.8rem;
  height: 3.8rem;
}

@media (max-width: 1100px) {
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns: minmax(0, 45%) minmax(0, 55%);
    gap: 1.8rem;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    padding: 2.2rem;
  }
}
@media (max-width: 900px) {
  body.single-product div.product .container {
    width: calc(100% - 2.4rem);
  }
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    display: block;
  }
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images,
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    border-radius: 1.5rem;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    margin-top: 1.6rem !important;
  }
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
    padding: 1.8rem !important;
    border-radius: 1.5rem;
  }
}
@media (max-width: 600px) {
  body.single-product div.product .container {
    width: calc(100% - 1.6rem);
  }
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images {
    padding: 1.2rem;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    padding: 1.6rem;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    height: 34rem !important;
  }
  body.single-product .woocommerce-product-gallery > .tags-custom.sale {
    top: 1rem;
    left: 1rem !important;
    min-width: 5rem;
    height: 3rem;
    font-size: .95rem;
  }
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product ul.tabs.wc-tabs {
    flex-direction: column;
  }
  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product .tabs a {
    width: 100%;
  }
}


/* Tobylex 1.0.53 — čisti tabovi na stranici proizvoda, bez šape i dvostrukog uzorka */
body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a,
body.single-product .woocommerce-tabs ul.tabs li a:hover,
body.single-product .tabs a:hover,
body.single-product .tabs a.active-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4.4rem;
  padding: 1rem 2.3rem !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 2.4rem !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: none !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li.active a:hover {
  padding: 1rem 2.5rem !important;
  border-color: #f28a00 !important;
  background-color: #f28a00 !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: 600;
}
@media (max-width: 600px) {
  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product .tabs a,
  body.single-product .woocommerce-tabs ul.tabs li.active a {
    width: 100%;
    min-height: 4.2rem;
    padding: .9rem 1.6rem !important;
    font-size: 1.3rem;
  }
}


/* Tobylex 1.0.54 — kompaktne WooCommerce obavijesti na stranici proizvoda */
body.single-product .container > .woocommerce-notices-wrapper {
  width: 100%;
  margin: 0 0 2rem;
}
body.single-product .container > .woocommerce-notices-wrapper:empty {
  display: none;
}
body.single-product .woocommerce-error,
body.single-product .woocommerce-message,
body.single-product .woocommerce-info {
  display: flex;
  align-items: center;
  min-height: 5.8rem;
  margin: 0 0 1.2rem !important;
  padding: 1.2rem 1.4rem 1.2rem 4.5rem !important;
  border: 1px solid #ececec !important;
  border-top: 1px solid #ececec !important;
  border-radius: 1.4rem;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.035);
  color: #333;
  font-size: 1.35rem;
  line-height: 1.45;
  box-sizing: border-box;
}
body.single-product .woocommerce-error {
  border-color: #f1d5d5 !important;
  background: #fffafa;
}
body.single-product .woocommerce-message {
  border-color: #dfeadf !important;
  background: #fbfefb;
}
body.single-product .woocommerce-info {
  border-color: #e2e8ee !important;
  background: #fbfdff;
}
body.single-product .woocommerce-error::before,
body.single-product .woocommerce-message::before,
body.single-product .woocommerce-info::before {
  top: 50% !important;
  left: 1.6rem !important;
  transform: translateY(-50%);
  margin: 0 !important;
  font-size: 1.6rem;
}
body.single-product .woocommerce-error::before { color: #c62828 !important; }
body.single-product .woocommerce-message::before { color: #2e7d32 !important; }
body.single-product .woocommerce-info::before { color: #f68902 !important; }
body.single-product .woocommerce-error .button,
body.single-product .woocommerce-message .button,
body.single-product .woocommerce-info .button {
  order: 2;
  flex: 0 0 auto;
  margin: 0 0 0 auto !important;
  padding: .9rem 1.8rem !important;
  min-height: 3.8rem;
  border-radius: 2rem;
  font-size: 1.2rem !important;
  line-height: 1.2;
  white-space: nowrap;
}
@media (max-width: 767px) {
  body.single-product .woocommerce-error,
  body.single-product .woocommerce-message,
  body.single-product .woocommerce-info {
    display: block;
    padding: 1.2rem 1.2rem 1.2rem 4rem !important;
    font-size: 1.25rem;
  }
  body.single-product .woocommerce-error .button,
  body.single-product .woocommerce-message .button,
  body.single-product .woocommerce-info .button {
    display: inline-flex;
    margin: .9rem 0 0 !important;
  }
}

/* ==================================================================================
   Tobylex 1.0.55 — final product layout from approved mockup
===================================================================================== */
body.single-product .single-wrapperxxx {
  display: grid !important;
  grid-template-columns: minmax(0, 3.05fr) minmax(28rem, 1fr) !important;
  column-gap: 2.4rem !important;
  row-gap: 2.4rem !important;
  align-items: start;
}
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  grid-column: 1 / -1 !important;
  grid-row: 1;
  margin-bottom: 0 !important;
  grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
  gap: 2.4rem !important;
}
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  grid-column: 1 !important;
  grid-row: 2;
  margin: 0 0 3.5rem !important;
  min-width: 0;
}
body.single-product .single-wrapperxxx > .tlx-product-benefits {
  grid-column: 2 !important;
  grid-row: 2;
}
body.single-product .single-wrapperxxx > .up-sells,
body.single-product .single-wrapperxxx > .related {
  grid-column: 1 / -1 !important;
}

/* Gallery card */
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  padding: 2.4rem 2.6rem 2.2rem !important;
  border-radius: 1.8rem !important;
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: 46rem !important;
  padding: 1rem !important;
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  height: min(52rem, 58vh) !important;
}
body.single-product .woocommerce-product-gallery > .tags-custom.sale {
  top: 1.8rem !important;
  left: 1.8rem !important;
  min-width: 5.5rem !important;
  width: auto !important;
  height: 3.2rem !important;
  padding: 0 .95rem !important;
  border-radius: .75rem !important;
  background: #f58220 !important;
  font-size: 1.05rem !important;
}

/* Right purchase card */
body.single-product .tobylex-product-hero > .summary.entry-summary {
  padding: 2.8rem 3rem !important;
  border-radius: 1.8rem !important;
}
body.single-product .summary .title,
body.single-product .summary .breadcrumb,
body.single-product .summary .woocommerce-breadcrumb {
  font-size: 1.15rem !important;
  color: #777 !important;
}
body.single-product div.product .product_title {
  margin: .7rem 0 1rem !important;
  font-size: clamp(2.8rem, 2.1vw, 3.7rem) !important;
  line-height: 1.12 !important;
}
body.single-product .summary .woocommerce-product-rating {
  margin: .4rem 0 .9rem !important;
}
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  margin: 1.15rem 0 .45rem !important;
  font-size: clamp(2.8rem, 2.1vw, 3.5rem) !important;
  font-weight: 600 !important;
}
body.single-product .woocommerce-product-details__short-description {
  display: none !important;
}
body.single-product .summary .product_meta,
body.single-product .summary .Category-show,
body.single-product .summary .tobylex-inline-product-meta {
  display: none !important;
}
body.single-product .summary .xstock,
body.single-product .summary .product_stock {
  display: none !important;
}
body.single-product .tlx-price-date-source {
  display: none !important;
}

/* Stock line directly under the price, derived from grid but shown as status. */
body.single-product .tlx-product-info-grid .tlx-info-stock {
  position: absolute;
  left: 3rem;
  top: 18.2rem;
  display: flex;
  width: auto;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.single-product .summary.entry-summary { position: relative; }
body.single-product .tlx-product-info-grid .tlx-info-stock small { display:none; }
body.single-product .tlx-product-info-grid .tlx-info-stock strong {
  color: #279746 !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
}
body.single-product .tlx-product-info-grid .tlx-info-stock.is-out-of-stock strong { color:#c62828 !important; }
body.single-product .tlx-product-info-grid .tlx-info-stock .tlx-info-icon {
  color:#279746;
  font-size:1.1rem;
  margin-right:.45rem;
}

/* Purchase block */
body.single-product .single-bottom,
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart {
  margin-top: 4.4rem !important;
  padding: 1.5rem 0 1.6rem !important;
  border: 0 !important;
  border-top: 1px solid #e8e8e8 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.single-product .single-bottom form.cart,
body.single-product form.cart {
  display: grid !important;
  grid-template-columns: minmax(14rem, 18rem) minmax(20rem, 1fr) !important;
  align-items: end !important;
  gap: 1.2rem !important;
}
body.single-product form.cart .quantity {
  width: 100%;
  min-height: 5rem;
  border: 1px solid #e2e2e2;
  border-radius: 1rem;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.single-product form.cart .quantity input.qty {
  min-height: 4.8rem !important;
}
body.single-product button.single_add_to_cart_button {
  width:100%;
  min-height:5rem !important;
  border-radius:1rem !important;
  background:#f58220 !important;
  font-size:1.5rem !important;
}

/* Dedicated metadata grid */
body.single-product .tlx-product-info-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin-top:1.2rem;
  border:1px solid #e7e7e7;
  border-radius:1.2rem;
  overflow:hidden;
  background:#fff;
}
body.single-product .tlx-product-info-item {
  display:flex;
  align-items:center;
  gap:1rem;
  min-width:0;
  padding:1.35rem 1.45rem;
  border-bottom:1px solid #efefef;
}
body.single-product .tlx-product-info-item:nth-child(odd):not(.tlx-info-stock) { border-right:1px solid #efefef; }
body.single-product .tlx-product-info-item:nth-last-child(-n+2):not(.tlx-info-stock) { border-bottom:0; }
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex:0 0 2.4rem;
  width:2.4rem;
  text-align:center;
  font-size:1.6rem;
  color:#222;
}
body.single-product .tlx-product-info-item span:last-child {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
body.single-product .tlx-product-info-item small {
  color:#777;
  font-size:1.02rem;
  line-height:1.3;
}
body.single-product .tlx-product-info-item strong {
  color:#151515;
  font-size:1.15rem;
  line-height:1.35;
  font-weight:600 !important;
  overflow-wrap:anywhere;
}

/* Tabs/content card */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  padding:1.7rem 2.2rem 2.4rem !important;
  border-radius:1.8rem !important;
}
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  gap:.9rem !important;
  margin-bottom:1.8rem !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  min-height:4rem !important;
  padding:.9rem 2rem !important;
  border-radius:1rem !important;
  font-size:1.25rem !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
  padding:.9rem 2rem !important;
  background:#f58220 !important;
  border-color:#f58220 !important;
  color:#fff !important;
}
body.single-product #tab-description {
  column-count:1 !important;
  max-width:none !important;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li {
  font-size:1.3rem !important;
  line-height:1.62 !important;
}
body.single-product .woocommerce-Tabs-panel h2 {
  font-size:2rem !important;
  margin:0 0 1.3rem !important;
}
body.single-product .woocommerce-Tabs-panel h3 {
  font-size:1.65rem !important;
  margin:1.9rem 0 .8rem !important;
}

/* Purchase benefits card */
body.single-product .tlx-product-benefits {
  padding:1.2rem 1.6rem;
  border:1px solid #e9e9e9;
  border-radius:1.8rem;
  background:#fff;
  box-shadow:0 10px 28px rgba(25,25,25,.04);
}
body.single-product .tlx-benefit-row {
  display:flex;
  align-items:center;
  gap:1.2rem;
  padding:1.25rem .4rem;
  border-bottom:1px solid #ededed;
}
body.single-product .tlx-benefit-row:last-child { border-bottom:0; }
body.single-product .tlx-benefit-row svg {
  flex:0 0 3.2rem;
  width:3.2rem;
  height:3.2rem;
  fill:none;
  stroke:#f58220;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.single-product .tlx-benefit-row span {
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
body.single-product .tlx-benefit-row strong {
  color:#151515;
  font-size:1.18rem;
  font-weight:600 !important;
}
body.single-product .tlx-benefit-row small {
  color:#737373;
  font-size:1.05rem;
}

/* Neutralize legacy Additional CSS that otherwise fights the new gallery/tabs. */
body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  object-fit:contain !important;
}
body.single-product .flex-control-nav .slick-list.draggable,
body.single-product ol.flex-control-nav .slick-track {
  max-width:none !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li a:hover {
  background-image:none !important;
  background-position:initial !important;
  background-size:auto !important;
}

@media (max-width:1100px) {
  body.single-product .single-wrapperxxx {
    grid-template-columns:minmax(0,1fr) minmax(25rem,.38fr) !important;
  }
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns:minmax(0,45%) minmax(0,55%) !important;
  }
  body.single-product .tlx-product-info-grid .tlx-info-stock { top:17.4rem; }
}
@media (max-width:900px) {
  body.single-product .single-wrapperxxx { display:block !important; }
  body.single-product .single-wrapperxxx > .tobylex-product-hero { display:block !important; }
  body.single-product .single-wrapperxxx > .tlx-product-benefits { margin:0 0 3rem; }
  body.single-product .tlx-product-info-grid .tlx-info-stock { position:static; grid-column:1/-1; padding:1.1rem 1.45rem !important; border-top:1px solid #efefef !important; }
  body.single-product .tlx-product-info-grid .tlx-info-stock small { display:block; }
  body.single-product .single-bottom,
  body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart { margin-top:1.6rem !important; }
}
@media (max-width:600px) {
  body.single-product .tlx-product-info-grid { grid-template-columns:1fr; }
  body.single-product .tlx-product-info-item { border-right:0 !important; border-bottom:1px solid #efefef !important; }
  body.single-product .tlx-product-info-item:last-child { border-bottom:0 !important; }
  body.single-product .single-bottom form.cart,
  body.single-product form.cart { grid-template-columns:1fr !important; }
  body.single-product .tlx-product-benefits { border-radius:1.4rem; }
}


/* ==================================================================================
   Tobylex 1.0.56 — korisni stilovi premješteni iz WordPress "Dodatni CSS"
   Namjerno NISU prenesena stara pravila za galeriju, Slick minijature, širinu
   product kartica, stare šape/tabove i široke globalne tipografske overrideove.
===================================================================================== */

/* WooCommerce dostava — uredno poravnani radio gumbi i nazivi. */
.woocommerce-cart ul#shipping_method li,
.woocommerce-checkout ul#shipping_method li,
.woocommerce ul#shipping_method li {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100%;
  min-height:34px;
  margin:0 !important;
  padding:2px 0 !important;
}
.woocommerce-cart ul#shipping_method li label,
.woocommerce-checkout ul#shipping_method li label,
.woocommerce ul#shipping_method li label {
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.35 !important;
}
.woocommerce-cart ul#shipping_method li input[type="radio"],
.woocommerce-checkout ul#shipping_method li input[type="radio"] {
  flex:0 0 15px;
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  position:relative !important;
  top:auto !important;
}

/* TOBYLEX narančasti radio gumbi — košarica i naplata. */
.woocommerce-checkout input[type="radio"],
.woocommerce-cart input[type="radio"],
#payment input[type="radio"] {
  appearance:none;
  -webkit-appearance:none;
  width:15px !important;
  height:15px !important;
  min-width:15px;
  border:1px solid #999 !important;
  border-radius:50%;
  background:#fff;
  cursor:pointer;
}
.woocommerce-checkout input[type="radio"]:checked,
.woocommerce-cart input[type="radio"]:checked,
#payment input[type="radio"]:checked {
  border-color:#f58220 !important;
  background:radial-gradient(circle, #f58220 45%, transparent 50%);
}
.woocommerce-checkout #payment a,
.woocommerce-checkout .payment_box a { color:#f58220 !important; }

/* Kvadratić za prihvaćanje uvjeta kupnje. */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"],
.woocommerce-checkout input#terms {
  appearance:none;
  -webkit-appearance:none;
  width:14px !important;
  height:14px !important;
  min-width:14px;
  border:1px solid #999 !important;
  border-radius:2px;
  background:#fff !important;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
  margin-right:7px;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked,
.woocommerce-checkout input#terms:checked {
  background:#f58220 !important;
  border-color:#f58220 !important;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked::after,
.woocommerce-checkout input#terms:checked::after {
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:4px;
  height:8px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

/* Varijabilni proizvodi — čist i uočljiv selektor. */
.woocommerce div.product form.cart .variations select {
  width:min(100%, 300px) !important;
  min-width:220px;
  min-height:48px;
  height:48px;
  padding:0 46px 0 20px;
  background:#fff;
  border:2px solid #d9d9d9;
  border-radius:24px;
  color:#1f2933;
  font-size:16px;
  font-weight:400 !important;
  box-shadow:0 2px 7px rgba(0,0,0,.05);
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.woocommerce div.product form.cart .variations select:hover {
  border-color:#ff8a00;
  background:#fffaf4;
}
.woocommerce div.product form.cart .variations select:focus {
  border-color:#ff8a00;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,138,0,.16);
  outline:none;
}
.woocommerce div.product form.cart .variations th.label label {
  color:#17202a;
  font-size:17px;
  font-weight:500 !important;
}
.woocommerce div.product form.cart .variations td.value { padding-left:18px; }
.woocommerce div.product .single_variation .woocommerce-variation-price,
.woocommerce div.product .single_variation .woocommerce-variation-price .price,
.woocommerce div.product .single_variation .price,
.woocommerce div.product .single_variation .amount,
.woocommerce div.product .single_variation .woocommerce-Price-amount {
  color:#333 !important;
  font-weight:500 !important;
}

/* Dodatne informacije proizvoda — stabilna tablica. */
.woocommerce table.shop_attributes,
.woocommerce-product-attributes {
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td,
.woocommerce-product-attributes-item th,
.woocommerce-product-attributes-item td {
  padding:8px 16px !important;
  vertical-align:middle !important;
  line-height:1.35 !important;
}
.woocommerce table.shop_attributes th,
.woocommerce-product-attributes-item th {
  width:185px !important;
  min-width:185px;
  text-align:left !important;
  white-space:normal !important;
  overflow-wrap:break-word;
}
.woocommerce table.shop_attributes td,
.woocommerce-product-attributes-item td { text-align:left !important; }
.woocommerce table.shop_attributes td p { margin:0 !important; padding:0 !important; }

/* WooCommerce poruke u košarici. */
.woocommerce-cart .woocommerce-message {
  border:none !important;
  border-top:3px solid #ff8a00 !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Mali pomoćni elementi. */
button.mgbutton { background:#f68902 !important; color:#fff !important; }
.mc4wp-alert { color:#fff !important; }

/* Uvjeti i odredbe. */
.tlx-terms {
  max-width:1100px;
  margin:0 auto;
  padding:30px 20px;
  color:#222;
  line-height:1.75;
  font-size:16px;
}
.tlx-terms h1 {
  font-size:38px;
  margin-bottom:15px;
  color:#111;
  border-bottom:4px solid #f58220;
  padding-bottom:12px;
}
.tlx-terms h2 {
  font-size:25px;
  margin:45px 0 16px;
  color:#111;
  border-left:6px solid #f58220;
  padding-left:14px;
  text-transform:uppercase;
}
.tlx-terms p { margin-bottom:16px; }
.tlx-terms ul { margin:12px 0 20px 24px; padding:0; }
.tlx-terms li { margin-bottom:10px; }
.tlx-terms .tlx-box {
  background:#fff7ef;
  border:1px solid #ffd5ab;
  border-left:6px solid #f58220;
  padding:22px;
  border-radius:10px;
  margin:26px 0;
}
.tlx-contact { background:#f5f5f5; border-radius:10px; padding:20px; margin:25px 0; }
.tlx-divider { margin:80px 0; border:0; border-top:4px solid #f58220; }
.tlx-muted { color:#666; font-size:14px; }
.tlx-terms a { color:#f58220; text-decoration:none; font-weight:500; }
.tlx-terms a:hover { text-decoration:underline; }

/* Tobylex News / Magazine. */
.tlx-news {
  max-width:980px;
  margin:60px auto;
  padding:60px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 15px 45px rgba(0,0,0,.06);
  font-family:Georgia, "Times New Roman", serif;
  color:#222;
  line-height:1.9;
  position:relative;
}
.tlx-news h1 { font-size:48px; line-height:1.1; font-weight:600; margin-bottom:20px; letter-spacing:-1px; color:#111; }
.tlx-news .subtitle { font-size:22px; color:#777; font-style:italic; margin-bottom:40px; line-height:1.6; }
.tlx-news .meta { font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#999; margin-bottom:40px; border-bottom:1px solid #eee; padding-bottom:18px; }
.tlx-news p { font-size:19px; margin-bottom:26px; }
.tlx-news .lead { font-size:24px; line-height:1.7; color:#333; font-weight:500; }
.tlx-news h2 { font-size:32px; margin:70px 0 25px; line-height:1.2; color:#111; position:relative; }
.tlx-news h2::after { content:""; display:block; width:80px; height:4px; background:#ff7a00; margin-top:16px; border-radius:999px; }
.tlx-news h3 { font-size:24px; margin:45px 0 18px; color:#111; }
.tlx-news ul,.tlx-news ol { margin:30px 0; padding-left:30px; }
.tlx-news li { margin-bottom:14px; font-size:18px; }
.tlx-news hr { border:0; border-top:1px solid #ececec; margin:60px 0; }
.tlx-news .highlight { background:#fff6ed; border-left:6px solid #ff7a00; padding:26px; margin:40px 0; border-radius:16px; font-size:19px; line-height:1.8; }
.tlx-news .quote { font-size:28px; line-height:1.6; font-style:italic; color:#444; text-align:center; margin:60px auto; max-width:760px; position:relative; }
.tlx-news .quote::before { content:"“"; font-size:90px; color:#ff7a00; position:absolute; left:-20px; top:-30px; opacity:.15; }
.tlx-news a { color:#ff7a00; text-decoration:none; font-weight:600; }
.tlx-news a:hover { text-decoration:underline; }
.tlx-news strong { color:#111; }

/* Stranica Brendovi. */
.tobylex-brendovi {
  background:#f4f6f7;
  padding:30px;
  border-radius:14px;
  margin:20px 0 40px;
}
.tobylex-brendovi td,
.tobylex-brendovi li,
.tobylex-brendovi .brand-item {
  background:#fff;
  border:1px solid #e1e5e8;
  transition:all .2s ease;
}
.tobylex-brendovi img {
  display:block;
  max-width:230px;
  max-height:120px;
  width:auto;
  height:auto;
  margin:0 auto;
  object-fit:contain;
}
.tobylex-brendovi td:hover,
.tobylex-brendovi li:hover,
.tobylex-brendovi .brand-item:hover {
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  transform:translateY(-2px);
  border-color:#c9d1d5;
}

@media (max-width:767px) {
  .woocommerce div.product form.cart .variations select { width:100% !important; min-width:0; max-width:none; }
  .woocommerce div.product form.cart .variations td.value { padding-left:0; }
  .woocommerce table.shop_attributes th,
  .woocommerce-product-attributes-item th { width:145px !important; min-width:145px; }
  .woocommerce table.shop_attributes th,
  .woocommerce table.shop_attributes td,
  .woocommerce-product-attributes-item th,
  .woocommerce-product-attributes-item td { padding:7px 8px !important; }
  .tlx-news { padding:30px 24px; margin:20px; border-radius:18px; }
  .tlx-news h1 { font-size:36px; }
  .tlx-news .subtitle { font-size:20px; }
  .tlx-news p { font-size:18px; }
  .tlx-news li { font-size:17px; }
  .tlx-news .lead { font-size:21px; }
  .tlx-news h2 { font-size:28px; }
  .tlx-news h3 { font-size:22px; }
  .tlx-news .quote { font-size:24px; }
  .tobylex-brendovi { padding:12px; border-radius:10px; }
  .tobylex-brendovi img { max-width:150px; max-height:90px; }
}


/* Tobylex 1.0.57 — manji razmak između naslovnog slidera i kategorija */
.categories-home {
  margin-top: 2rem !important;
  margin-bottom: 7rem;
  padding-top: 4.5rem;
}
.categories-home::before {
  height: 14rem;
  top: -1.5rem;
}
.categories-home::after {
  height: 16rem;
}
@media only screen and (min-width: 30.0625em) {
  .categories-home {
    margin-top: 2.5rem !important;
    margin-bottom: 8rem;
    padding-top: 5rem;
  }
  .categories-home::before {
    top: -2rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  .categories-home {
    margin-top: 2.5rem !important;
    padding-top: 6rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.58 — katalog proizvoda: 3 kartice u retku + čišći filter
   Scoped only to WooCommerce archive/category/tag pages.
===================================================================================== */
body.woocommerce.archive:not(.single-product) .page-wrapper,
body.woocommerce.archive:not(.single-product) .pages-wrapper {
  align-items: flex-start;
  gap: 3.2rem;
}

/* Sidebar: samo filter kartica, bez velike sive plohe ispod nje. */
body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside {
  width: 28.8rem;
  flex: 0 0 31rem;
  padding: 0;
  background: transparent;
  border-radius: 0;
  height: auto;
  max-height: calc(100vh - 12rem);
  overflow: visible;
  position: sticky;
  top: 10rem;
}
body.woocommerce.archive:not(.single-product) .tlx-product-filter {
  border-radius: 2rem;
  border: 1px solid #e7e7e7;
  border-top: 4px solid #f68902;
  padding: 2.4rem 2rem;
  box-shadow: 0 10px 28px rgba(0,0,0,.045);
}
body.woocommerce.archive:not(.single-product) .tlx-filter-head {
  padding-bottom: 1.8rem;
}
body.woocommerce.archive:not(.single-product) .tlx-filter-head h2 {
  font-size: 2.1rem;
  font-weight: 600;
}
body.woocommerce.archive:not(.single-product) .tlx-filter-section {
  padding: .9rem 0;
}
body.woocommerce.archive:not(.single-product) .tlx-filter-section-title {
  min-height: 4.8rem;
  padding: 1.1rem 1rem;
  font-size: 1.55rem;
  font-weight: 500;
}
body.woocommerce.archive:not(.single-product) .tlx-sale-option {
  min-height: 4.6rem;
  margin-top: .8rem;
  border-radius: 1rem;
  font-size: 1.4rem;
}

/* Sadržaj kataloga i točno tri proizvoda u retku na desktopu. */
body.woocommerce.archive:not(.single-product) .page-content {
  width: calc(100% - 34.2rem);
  min-width: 0;
}
body.woocommerce.archive:not(.single-product) .products-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.6rem !important;
  align-items: stretch;
}
body.woocommerce.archive:not(.single-product) .products-wrapper::before,
body.woocommerce.archive:not(.single-product) .products-wrapper::after {
  display: none !important;
  content: none !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-box,
body.woocommerce.archive:not(.single-product) article.products-box {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  min-height: 55rem;
  margin: 0 !important;
  padding: 2.4rem !important;
  border: 1px solid #e6e6e6;
  border-radius: 2.2rem;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.025);
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-box:hover {
  transform: translateY(-2px);
  border-color: #dddddd;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Slika proizvoda: više zraka i ujednačena visina. */
body.woocommerce.archive:not(.single-product) .products-wrapper .products-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25.5rem;
  margin: 0 0 1.8rem;
  overflow: visible;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-image img {
  width: 100%;
  height: 100% !important;
  max-width: 23rem;
  object-fit: contain !important;
  object-position: center;
}

/* Oznake: male kapsule umjesto velikih krugova. */
body.woocommerce.archive:not(.single-product) .products-wrapper .tags-custom {
  top: 1.2rem !important;
  right: 1.2rem !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 2.8rem !important;
  padding: 0 .95rem !important;
  border-radius: 999px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  letter-spacing: .01em;
  white-space: nowrap;
  box-shadow: none;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .tags-custom.out-of-stock {
  background: #ef1d1d !important;
}

/* Tekst kartice. */
body.woocommerce.archive:not(.single-product) .products-wrapper .products-box h4 {
  margin: 0 0 .8rem;
  color: #aaa;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-box h3 {
  margin: 0 0 1.5rem;
  font-size: 1.85rem;
  font-weight: 500;
  line-height: 1.32;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-box h3 a {
  color: #111;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .price,
body.woocommerce.archive:not(.single-product) .products-wrapper .prod-price {
  margin: 0 0 1rem;
  color: #111;
  font-size: 1.75rem;
  font-weight: 500 !important;
  line-height: 1.35;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .product_unit_price,
body.woocommerce.archive:not(.single-product) .products-wrapper .unit-price,
body.woocommerce.archive:not(.single-product) .products-wrapper .unit_price,
body.woocommerce.archive:not(.single-product) .products-wrapper p:has(> strong:first-child) {
  font-size: 1.38rem !important;
  line-height: 1.45 !important;
  color: #333 !important;
}

/* Donji red uvijek poravnat na dno kartice. */
body.woocommerce.archive:not(.single-product) .products-wrapper .product-box-bottom {
  margin-top: auto;
  padding-top: 1.8rem;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .product-box-bottom > a:first-child {
  color: #111;
  text-decoration: none;
  border-bottom: 2px solid #f68902;
  padding-bottom: .25rem;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .btn-cart {
  width: 4.4rem;
  height: 4.4rem;
  margin-left: 1.4rem;
  flex: 0 0 4.4rem;
}

/* Tablet: dvije kartice, mobilni: jedna. */
@media (max-width: 1200px) {
  body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside {
    width: 28rem;
    flex-basis: 28rem;
  }
  body.woocommerce.archive:not(.single-product) .page-content {
    width: calc(100% - 31.2rem);
  }
  body.woocommerce.archive:not(.single-product) .products-wrapper {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 2.2rem !important;
  }
}
@media (max-width: 900px) {
  body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside {
    width: 100%;
    max-height: none;
    position: static;
  }
  body.woocommerce.archive:not(.single-product) .page-content {
    width: 100%;
  }
  body.woocommerce.archive:not(.single-product) .products-wrapper .products-box {
    min-height: 50rem;
  }
}
@media (max-width: 600px) {
  body.woocommerce.archive:not(.single-product) .products-wrapper {
    grid-template-columns: 1fr;
    gap: 1.8rem !important;
  }
  body.woocommerce.archive:not(.single-product) .products-wrapper .products-box {
    min-height: 0;
    padding: 2rem !important;
  }
  body.woocommerce.archive:not(.single-product) .products-wrapper .products-image {
    height: 24rem;
  }
}


/* ==================================================================================
   Tobylex 1.0.59 — product page typography + purchase block fixes
===================================================================================== */
body.single-product div.product .container {
  max-width: 144rem;
}
body.single-product .summary .title,
body.single-product .summary .breadcrumb,
body.single-product .summary .woocommerce-breadcrumb {
  font-size: 1.28rem !important;
  line-height: 1.45 !important;
}
body.single-product div.product .product_title {
  font-size: clamp(3.05rem, 2.35vw, 4.05rem) !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
  letter-spacing: -.02em;
}
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  font-size: clamp(3rem, 2.25vw, 3.9rem) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}
body.single-product .tlx-stock-status {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: .7rem 0 1.4rem;
  font-size: 1.48rem;
  line-height: 1.35;
  font-weight: 500;
}
body.single-product .tlx-stock-status.is-in-stock { color:#269546; }
body.single-product .tlx-stock-status.is-out-of-stock { color:#c62828; }
body.single-product .tlx-stock-dot {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.8rem;
  height:1.8rem;
  border-radius:50%;
  background:currentColor;
  color:#fff;
  font-size:1.05rem;
  line-height:1;
}

/* Remove the old absolute stock element if cached markup is still present. */
body.single-product .tlx-product-info-grid .tlx-info-stock { display:none !important; }

/* Purchase row: quantity + full CTA on one line. */
body.single-product .single-bottom {
  margin-top: 1.1rem !important;
  padding: 1.7rem 0 1.8rem !important;
}
body.single-product .single-bottom form.cart,
body.single-product form.cart {
  display:grid !important;
  grid-template-columns: minmax(15.5rem, 18rem) minmax(0,1fr) !important;
  gap:1.4rem !important;
  align-items:center !important;
  width:100% !important;
}
body.single-product form.cart .quantity {
  min-height:5.4rem;
  border-radius:1.2rem;
}
body.single-product form.cart .quantity input.qty {
  min-height:5.2rem !important;
  font-size:1.55rem !important;
}
body.single-product button.single_add_to_cart_button {
  width:100% !important;
  min-width:0 !important;
  min-height:5.4rem !important;
  padding:1.2rem 2.4rem !important;
  border-radius:1.2rem !important;
  font-size:1.7rem !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  white-space:nowrap;
}

/* Metadata grid: readable instead of microscopic. */
body.single-product .tlx-product-info-grid {
  margin-top:1.5rem;
}
body.single-product .tlx-product-info-item {
  padding:1.55rem 1.6rem;
  gap:1.1rem;
}
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex-basis:2.6rem;
  width:2.6rem;
  font-size:1.7rem;
}
body.single-product .tlx-product-info-item small {
  font-size:1.18rem !important;
  line-height:1.35 !important;
  color:#737373;
}
body.single-product .tlx-product-info-item strong {
  font-size:1.36rem !important;
  line-height:1.4 !important;
  font-weight:500 !important;
}

/* Tabs and description: larger and easier to read. */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  padding:2.2rem 2.5rem 3rem !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  min-height:4.6rem !important;
  padding:1.1rem 2.2rem !important;
  font-size:1.42rem !important;
  line-height:1.2 !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
  padding:1.1rem 2.2rem !important;
}
body.single-product .woocommerce-Tabs-panel {
  font-size:1.56rem !important;
  line-height:1.72 !important;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li {
  font-size:1.56rem !important;
  line-height:1.72 !important;
}
body.single-product .woocommerce-Tabs-panel h2 {
  font-size:2.55rem !important;
  line-height:1.28 !important;
  margin:0 0 1.7rem !important;
  font-weight:500 !important;
}
body.single-product .woocommerce-Tabs-panel h3 {
  font-size:2rem !important;
  line-height:1.35 !important;
  margin:2.5rem 0 1rem !important;
  font-weight:600 !important;
}
body.single-product .woocommerce-Tabs-panel h4 {
  font-size:1.75rem !important;
  line-height:1.4 !important;
}
body.single-product .woocommerce-Tabs-panel ul,
body.single-product .woocommerce-Tabs-panel ol {
  padding-left:2.2rem !important;
}

/* Benefits card: make it a useful readable block, not tiny legal text. */
body.single-product .tlx-product-benefits {
  padding:1.5rem 1.8rem;
}
body.single-product .tlx-benefit-row {
  gap:1.35rem;
  padding:1.45rem .5rem;
}
body.single-product .tlx-benefit-row svg {
  flex-basis:3.5rem;
  width:3.5rem;
  height:3.5rem;
}
body.single-product .tlx-benefit-row strong {
  font-size:1.38rem !important;
  line-height:1.3 !important;
  font-weight:600 !important;
}
body.single-product .tlx-benefit-row small {
  font-size:1.18rem !important;
  line-height:1.35 !important;
}

@media (max-width: 1100px) {
  body.single-product div.product .product_title {
    font-size:3rem !important;
  }
  body.single-product .single-price,
  body.single-product .summary p.price,
  body.single-product .summary span.price {
    font-size:3rem !important;
  }
}
@media (max-width: 900px) {
  body.single-product .woocommerce-Tabs-panel,
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li {
    font-size:1.48rem !important;
  }
  body.single-product .tlx-product-benefits { margin-top:2rem !important; }
}
@media (max-width: 600px) {
  body.single-product div.product .product_title {
    font-size:2.7rem !important;
  }
  body.single-product .single-price,
  body.single-product .summary p.price,
  body.single-product .summary span.price {
    font-size:2.7rem !important;
  }
  body.single-product .single-bottom form.cart,
  body.single-product form.cart {
    grid-template-columns:1fr !important;
  }
  body.single-product .woocommerce-Tabs-panel,
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li {
    font-size:1.42rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.60 — ispravan katalog: 3 proizvoda u retku
   WooCommerce umeće <ul class="products"> unutar .products-wrapper, pa mreža mora
   biti postavljena i na taj unutarnji element.
===================================================================================== */
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2.6rem !important;
  align-items: stretch;
}
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products::before,
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products::after {
  content: none !important;
  display: none !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > .products-box,
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > article.products-box {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
}
@media (max-width: 1200px) {
  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2.2rem !important;
  }
}
@media (max-width: 600px) {
  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
    grid-template-columns: 1fr !important;
    gap: 1.8rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.61 — compact single product card / out-of-stock layout fix
   Prevents the right info card from stretching to the gallery height.
===================================================================================== */
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  align-items: start !important;
}

body.single-product .tobylex-product-hero > .summary.entry-summary {
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 2.5rem 2.7rem !important;
}

body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  align-self: start !important;
}

body.single-product div.product .product_title {
  color: #161616 !important;
  margin-top: .8rem !important;
}

body.single-product .summary .woocommerce-product-details__short-description + .single-price,
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  margin-top: 1.6rem !important;
}

body.single-product .tlx-stock-status {
  margin: .65rem 0 1.2rem !important;
}

body.single-product .tlx-product-info-grid {
  margin-top: 1rem !important;
}

/* The old large stock badge is too dominant on the single product page. */
body.single-product .woocommerce-product-gallery > .tags-custom.out-of-stock {
  top: 1.6rem !important;
  left: 1.6rem !important;
  right: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 3.2rem !important;
  padding: 0 1rem !important;
  border-radius: .8rem !important;
  background: #e51f25 !important;
  color: #fff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

/* Slightly reduce unused vertical field around portrait pack shots. */
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: 40rem !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  height: min(46rem, 53vh) !important;
}

@media (max-width: 900px) {
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    padding: 2.2rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 0 !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    height: min(42rem, 52vh) !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.62 — katalog koristi punu raspoloživu širinu uz 3 proizvoda u retku
   archive-product.php ima stari inline padding-left:40rem na .page-content;
   ovdje ga ciljano poništavamo i pretvaramo wrapper u pravi flex raspored.
===================================================================================== */
body.woocommerce.archive:not(.single-product) .pages-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 3.2rem !important;
}

body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside {
  flex: 0 0 31rem !important;
  width: 31rem !important;
  max-width: 31rem !important;
}

body.woocommerce.archive:not(.single-product) section.page-content,
body.woocommerce.archive:not(.single-product) .pages-wrapper > .page-content {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
}

body.woocommerce.archive:not(.single-product) .products-wrapper,
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
  width: 100% !important;
  max-width: none !important;
}

body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2.6rem !important;
}

@media (max-width: 1200px) {
  body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside {
    flex-basis: 28rem !important;
    width: 28rem !important;
    max-width: 28rem !important;
  }

  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2.2rem !important;
  }
}

@media (max-width: 900px) {
  body.woocommerce.archive:not(.single-product) .pages-wrapper {
    display: block !important;
  }

  body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside,
  body.woocommerce.archive:not(.single-product) section.page-content {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 600px) {
  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
    grid-template-columns: 1fr !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.63 — jedinstvena kartica proizvoda kroz cijeli webshop
   Naslovnica je vizualni izvor; katalog samo definira mrežu 3/2/1.
===================================================================================== */

/* Archive wrapper: samo unutarnji WooCommerce UL je grid. Ovo uklanja staro dvostruko
   gridanje koje je sužavalo sadržaj na lijevi dio raspoloživog prostora. */
body.woocommerce.archive:not(.single-product) .products-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Isti izgled kartice kao na naslovnici. */
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > article.products-box,
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > .products-box,
.tlx-featured-all-grid .products-box {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100%;
  margin: 0 !important;
  padding: 3rem !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 3rem !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all .4s ease-in-out !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > article.products-box:hover,
body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > .products-box:hover,
.tlx-featured-all-grid .products-box:hover {
  transform: none !important;
  border-color: #e7e7e7 !important;
  box-shadow: 0 0 31px 9px rgba(0,0,0,.05) !important;
}

/* Slika i tipografija identične standardnoj kartici s naslovnice. */
body.woocommerce.archive:not(.single-product) .products-wrapper .products-image,
.tlx-featured-all-grid .products-image {
  position: relative;
  display: block !important;
  height: auto !important;
  min-height: 25rem;
  margin: 0 0 2rem !important;
  overflow: hidden !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-image img,
.tlx-featured-all-grid .products-image img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 25rem !important;
  object-fit: contain !important;
  object-position: center !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-box h4,
.tlx-featured-all-grid .products-box h4 {
  margin: 0 0 1rem !important;
  color: #b9b9b9 !important;
  font-size: 1.6rem !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .products-box h3,
.tlx-featured-all-grid .products-box h3 {
  margin: 0 0 1.4rem !important;
  font-size: 1.8rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .price,
body.woocommerce.archive:not(.single-product) .products-wrapper .prod-price,
.tlx-featured-all-grid .price,
.tlx-featured-all-grid .prod-price {
  margin: 0 0 1rem !important;
  font-size: 1.6rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #111 !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .product-box-bottom,
.tlx-featured-all-grid .product-box-bottom {
  margin-top: auto !important;
  padding-top: 2rem !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
}
body.woocommerce.archive:not(.single-product) .products-wrapper .btn-cart,
.tlx-featured-all-grid .btn-cart {
  width: 4.2rem !important;
  height: 4.2rem !important;
  flex: 0 0 4.2rem !important;
  margin-left: 2rem !important;
}

/* Oznake ostaju kompaktne — funkcionalno bolje od starih velikih krugova. */
body.woocommerce.archive:not(.single-product) .products-wrapper .tags-custom,
.tlx-featured-all-grid .tags-custom {
  top: 1.2rem !important;
  right: 1.2rem !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 2.8rem !important;
  padding: 0 .95rem !important;
  border-radius: .8rem !important;
  font-size: 1rem !important;
  white-space: nowrap !important;
}

/* Katalog koristi cijelu raspoloživu širinu nakon filtera. */
body.woocommerce.archive:not(.single-product) .pages-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 3.2rem !important;
  width: 100% !important;
}
body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside {
  flex: 0 0 31rem !important;
  width: 31rem !important;
  max-width: 31rem !important;
}
body.woocommerce.archive:not(.single-product) .pages-wrapper > section.page-content {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
}

@media (max-width: 1200px) {
  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 2.4rem !important;
  }
}
@media (max-width: 900px) {
  body.woocommerce.archive:not(.single-product) .pages-wrapper { display:block !important; }
  body.woocommerce.archive:not(.single-product) .page-aside.tobylex-filter-aside,
  body.woocommerce.archive:not(.single-product) .pages-wrapper > section.page-content {
    width: 100% !important;
    max-width: none !important;
  }
}
@media (max-width: 600px) {
  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products {
    grid-template-columns: 1fr !important;
    gap: 1.8rem !important;
  }
  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > article.products-box,
  body.woocommerce.archive:not(.single-product) .products-wrapper > ul.products > .products-box {
    padding: 2rem !important;
    border-radius: 2rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.64 — Slični proizvodi koriste istu karticu kao cijeli webshop
===================================================================================== */
body.single-product .tlx-related-products {
  padding-top: 4.5rem !important;
  padding-bottom: 5.5rem !important;
}

body.single-product .tlx-related-products .title {
  margin-bottom: 2.4rem !important;
}

body.single-product .tlx-related-products .title h2 {
  margin: 0 !important;
  font-size: clamp(2.4rem, 2vw, 3.2rem) !important;
  font-weight: 500 !important;
  text-align: left !important;
}

body.single-product .tlx-related-products-slider {
  margin-left: -1.2rem !important;
  margin-right: -1.2rem !important;
}

body.single-product .tlx-related-slide.slick-slide {
  height: auto !important;
  padding: 0 1.2rem !important;
  box-sizing: border-box !important;
}

body.single-product .tlx-related-slide > .products-box {
  width: 100% !important;
  max-width: none !important;
  min-height: 47rem !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 3rem !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 3rem !important;
  box-shadow: none !important;
}

body.single-product .tlx-related-slide > .products-box:hover {
  transform: none !important;
  border-color: #e7e7e7 !important;
  box-shadow: 0 0 31px 9px rgba(0,0,0,.05) !important;
}

body.single-product .tlx-related-slide .products-image {
  position: relative !important;
  display: block !important;
  min-height: 22rem !important;
  margin: 0 0 2rem !important;
  overflow: hidden !important;
}

body.single-product .tlx-related-slide .products-image > img {
  display: block !important;
  width: 100% !important;
  height: 22rem !important;
  object-fit: contain !important;
  object-position: center !important;
}

body.single-product .tlx-related-slide .products-box h4 {
  margin: 0 0 .8rem !important;
  color: #b9b9b9 !important;
  font-size: 1.4rem !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

body.single-product .tlx-related-slide .products-box h3 {
  margin: 0 0 1.2rem !important;
  font-size: 1.7rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

body.single-product .tlx-related-slide .price,
body.single-product .tlx-related-slide .prod-price {
  margin: 0 0 1rem !important;
  font-size: 1.55rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #111 !important;
}

body.single-product .tlx-related-slide .product-box-bottom {
  margin-top: auto !important;
  padding-top: 1.8rem !important;
  align-items: center !important;
}

body.single-product .tlx-related-slide .btn-cart {
  width: 4.2rem !important;
  height: 4.2rem !important;
  flex: 0 0 4.2rem !important;
}

body.single-product .tlx-related-slide .tags-custom {
  top: 1.2rem !important;
  right: 1.2rem !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 2.8rem !important;
  padding: 0 .95rem !important;
  border-radius: .8rem !important;
  font-size: 1rem !important;
  white-space: nowrap !important;
}

/* Related slider arrows use the same compact visual language. */
body.single-product .tlx-related-products-slider .slick-prev,
body.single-product .tlx-related-products-slider .slick-next {
  width: 4.6rem !important;
  height: 4.6rem !important;
  border-radius: 1rem !important;
  z-index: 4 !important;
}

body.single-product .tlx-related-products-slider .slick-prev {
  left: -4.8rem !important;
}

body.single-product .tlx-related-products-slider .slick-next {
  right: -4.8rem !important;
}

@media (max-width: 1200px) {
  body.single-product .tlx-related-slide > .products-box {
    padding: 2.5rem !important;
  }
}

@media (max-width: 900px) {
  body.single-product .tlx-related-products-slider .slick-prev {
    left: .2rem !important;
  }
  body.single-product .tlx-related-products-slider .slick-next {
    right: .2rem !important;
  }
}

@media (max-width: 600px) {
  body.single-product .tlx-related-products {
    padding-top: 3rem !important;
    padding-bottom: 4rem !important;
  }
  body.single-product .tlx-related-slide > .products-box {
    min-height: 0 !important;
    padding: 2rem !important;
    border-radius: 2rem !important;
  }
  body.single-product .tlx-related-slide .products-image {
    min-height: 19rem !important;
  }
  body.single-product .tlx-related-slide .products-image > img {
    height: 19rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.65 — konačno usklađenje stranice proizvoda s vizualom teme
===================================================================================== */

/* Glavni raspored: gornji proizvod preko cijele širine, opis + benefiti ispod. */
body.single-product .single-wrapperxxx {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 31rem !important;
  column-gap: 2.6rem !important;
  row-gap: 2.6rem !important;
  align-items: start !important;
}

body.single-product .single-wrapperxxx > .tobylex-product-hero {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 49%) minmax(0, 51%) !important;
  gap: 2.6rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  align-items: start !important;
}

/* Galerija i informacijski blok koriste isti ritam kartica kao webshop. */
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images,
body.single-product .tobylex-product-hero > .summary.entry-summary {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 2.4rem !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.035) !important;
}

/* Galerija. */
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  position: relative !important;
  padding: 2.6rem 2.6rem 2.2rem !important;
  overflow: hidden !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44rem !important;
  padding: .5rem !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  display: block !important;
  width: 100% !important;
  max-width: 56rem !important;
  height: 44rem !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
}

/* Minijature: čiste i ujednačene. */
body.single-product .tlx-product-thumbs-shell {
  margin-top: 1.6rem !important;
  gap: .9rem !important;
}

body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs,
body.single-product .tlx-product-thumbs-viewport ol.flex-control-thumbs {
  gap: .9rem !important;
}

body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs li {
  flex-basis: 6.8rem !important;
  width: 6.8rem !important;
}

body.single-product .flex-control-thumbs img,
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs img {
  width: 6.8rem !important;
  height: 6.8rem !important;
  padding: .45rem !important;
  object-fit: contain !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 1rem !important;
  background: #fff !important;
}

body.single-product .flex-control-thumbs img.flex-active {
  border-color: #f68902 !important;
  box-shadow: 0 0 0 1px #f68902 inset !important;
}

/* Oznake više nisu veliki krugovi. */
body.single-product .woocommerce-product-gallery > .tags-custom {
  top: 1.6rem !important;
  left: 1.6rem !important;
  right: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 3rem !important;
  padding: 0 1rem !important;
  border-radius: .8rem !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
body.single-product .woocommerce-product-gallery > .tags-custom.sale { background: #f68902 !important; }
body.single-product .woocommerce-product-gallery > .tags-custom.out-of-stock { background: #e51f25 !important; }

/* Desna kartica. */
body.single-product .tobylex-product-hero > .summary.entry-summary {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 2.7rem 3rem 3rem !important;
  border-top: 3px solid #f68902 !important;
}

/* Breadcrumbs: jedan miran red. */
body.single-product .summary .breadcrumbs {
  margin: 0 0 1.2rem !important;
  overflow: hidden !important;
}
body.single-product .summary .breadcrumbs ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem .65rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.single-product .summary .breadcrumbs li {
  margin: 0 !important;
  padding: 0 !important;
  color: #777 !important;
  font-size: 1.16rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}
body.single-product .summary .breadcrumbs li:not(:last-child)::after {
  content: "›";
  margin-left: .65rem;
  color: #b2b2b2;
}
body.single-product .summary .breadcrumbs a {
  color: #666 !important;
  text-decoration: none !important;
}
body.single-product .summary .breadcrumbs li:last-child {
  display: none !important;
}

/* Naslov i podnaslov. */
body.single-product div.product .product_title {
  margin: 0 0 .8rem !important;
  color: #181818 !important;
  font-size: clamp(3rem, 2.25vw, 4rem) !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
}

body.single-product .summary .product-subtitle,
body.single-product .summary .subtitle,
body.single-product .summary .title + p {
  color: #ef7f00 !important;
}

/* Cijena je glavni prodajni element. */
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  display: block !important;
  margin: 2rem 0 .5rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: clamp(3rem, 2.15vw, 3.8rem) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}

body.single-product .tlx-stock-status {
  margin: .6rem 0 1.7rem !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
}

/* Kupovni blok. */
body.single-product .single-bottom {
  margin: 1.5rem 0 0 !important;
  padding: 1.6rem !important;
  border: 1px solid #ececec !important;
  border-radius: 1.5rem !important;
  background: #fafafa !important;
}

body.single-product .single-bottom form.cart,
body.single-product form.cart {
  display: grid !important;
  grid-template-columns: 16.5rem minmax(0,1fr) !important;
  gap: 1.2rem !important;
  align-items: center !important;
  width: 100% !important;
}

body.single-product button.single_add_to_cart_button {
  min-height: 5rem !important;
  border-radius: 1rem !important;
  background: #f68902 !important;
  color: #fff !important;
  font-size: 1.55rem !important;
  font-weight: 600 !important;
}

/* Informacije: bez osjećaja tablice iz 2008. */
body.single-product .tlx-product-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  margin: 1.5rem 0 0 !important;
  overflow: hidden !important;
  border: 1px solid #ececec !important;
  border-radius: 1.4rem !important;
  background: #fbfbfb !important;
}

body.single-product .tlx-product-info-item {
  min-height: 7rem !important;
  padding: 1.35rem 1.5rem !important;
  border: 0 !important;
  border-bottom: 1px solid #ededed !important;
  display: flex !important;
  align-items: center !important;
}
body.single-product .tlx-product-info-item:nth-child(odd) {
  border-right: 1px solid #ededed !important;
}
body.single-product .tlx-product-info-item:nth-last-child(-n+2) {
  border-bottom: 0 !important;
}

body.single-product .tlx-product-info-item small {
  display: block !important;
  margin-bottom: .25rem !important;
  color: #8a8a8a !important;
  font-size: 1.08rem !important;
  font-weight: 400 !important;
}
body.single-product .tlx-product-info-item strong {
  color: #222 !important;
  font-size: 1.28rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

/* Tabovi + opis su velika kartica kao i ostali blokovi u shopu. */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 2.2rem 2.5rem 3rem !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 2.4rem !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.03) !important;
}

body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .8rem !important;
  margin: 0 0 2rem !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  min-height: 4.3rem !important;
  padding: .9rem 1.8rem !important;
  border: 1px solid #e1e1e1 !important;
  border-radius: 2.2rem !important;
  background: #fff !important;
  background-image: none !important;
  color: #222 !important;
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a {
  padding: .9rem 1.8rem !important;
  border-color: #f68902 !important;
  background: #f68902 !important;
  background-image: none !important;
  color: #fff !important;
}

body.single-product .woocommerce-Tabs-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: .4rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1.5rem !important;
  line-height: 1.72 !important;
}

/* Ograniči duljinu retka radi čitljivosti, ali ne sužavaj cijelu karticu. */
body.single-product .woocommerce-Tabs-panel > p,
body.single-product .woocommerce-Tabs-panel > ul,
body.single-product .woocommerce-Tabs-panel > ol,
body.single-product .woocommerce-Tabs-panel > h2,
body.single-product .woocommerce-Tabs-panel > h3,
body.single-product .woocommerce-Tabs-panel > h4 {
  max-width: 92rem !important;
}

body.single-product .woocommerce-Tabs-panel h2 {
  margin: .4rem 0 1.4rem !important;
  color: #171717 !important;
  font-size: 2.45rem !important;
  font-weight: 500 !important;
}
body.single-product .woocommerce-Tabs-panel h3 {
  margin: 2.5rem 0 .9rem !important;
  color: #222 !important;
  font-size: 1.95rem !important;
  font-weight: 600 !important;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li {
  font-size: 1.5rem !important;
  line-height: 1.72 !important;
}

/* Benefiti desno su prava bočna kartica, ne lebdeći tekst. */
body.single-product .tlx-product-benefits {
  grid-column: 2 !important;
  grid-row: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.3rem 1.7rem !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-top: 3px solid #f68902 !important;
  border-radius: 2.4rem !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.03) !important;
}
body.single-product .tlx-benefit-row {
  padding: 1.3rem .3rem !important;
}
body.single-product .tlx-benefit-row:not(:last-child) {
  border-bottom: 1px solid #ededed !important;
}
body.single-product .tlx-benefit-row strong {
  font-size: 1.32rem !important;
  font-weight: 600 !important;
}
body.single-product .tlx-benefit-row small {
  font-size: 1.12rem !important;
  color: #777 !important;
}

/* Slični proizvodi ostaju puni red ispod proizvoda. */
body.single-product .tlx-related-products {
  margin-top: 1rem !important;
}

@media (max-width: 1100px) {
  body.single-product .single-wrapperxxx {
    grid-template-columns: 1fr 28rem !important;
    column-gap: 2rem !important;
  }
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns: minmax(0,46%) minmax(0,54%) !important;
    gap: 2rem !important;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    padding: 2.3rem 2.4rem 2.5rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 38rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    height: 38rem !important;
  }
}

@media (max-width: 900px) {
  body.single-product .single-wrapperxxx {
    display: block !important;
  }
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    display: block !important;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    margin-top: 1.8rem !important;
  }
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
  body.single-product .tlx-product-benefits {
    width: 100% !important;
    margin-top: 2rem !important;
  }
}

@media (max-width: 600px) {
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images {
    padding: 1.5rem !important;
    border-radius: 1.8rem !important;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    padding: 2rem 1.7rem !important;
    border-radius: 1.8rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 30rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    height: 30rem !important;
  }
  body.single-product div.product .product_title {
    font-size: 2.6rem !important;
  }
  body.single-product .single-price,
  body.single-product .summary p.price,
  body.single-product .summary span.price {
    font-size: 2.7rem !important;
  }
  body.single-product .single-bottom form.cart,
  body.single-product form.cart {
    grid-template-columns: 1fr !important;
  }
  body.single-product .tlx-product-info-grid {
    grid-template-columns: 1fr !important;
  }
  body.single-product .tlx-product-info-item,
  body.single-product .tlx-product-info-item:nth-child(odd),
  body.single-product .tlx-product-info-item:nth-last-child(-n+2) {
    border-right: 0 !important;
    border-bottom: 1px solid #ededed !important;
  }
  body.single-product .tlx-product-info-item:last-child {
    border-bottom: 0 !important;
  }
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
  body.single-product .tlx-product-benefits {
    border-radius: 1.8rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.66 — product page refinement
   Usklađuje single product s ritmom kartica na naslovnici i katalogu.
===================================================================================== */

/* Malo mirniji omjer galerije i informacija. */
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  grid-template-columns: minmax(0, 47%) minmax(0, 53%) !important;
  gap: 2.8rem !important;
}

/* Kartice bez prenaglašene gornje linije; orange ostaje kao detalj. */
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images,
body.single-product .tobylex-product-hero > .summary.entry-summary {
  border-radius: 2.2rem !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.035) !important;
}
body.single-product .tobylex-product-hero > .summary.entry-summary {
  border-top: 1px solid #e8e8e8 !important;
  position: relative !important;
  padding: 2.8rem 3rem !important;
}
body.single-product .tobylex-product-hero > .summary.entry-summary::before {
  content: "";
  position: absolute;
  left: 3rem;
  top: 0;
  width: 7rem;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: #f68902;
}

/* Galerija više nije ogromno prazno polje. */
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  padding: 2.4rem 2.4rem 2rem !important;
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: 39rem !important;
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  height: 39rem !important;
  max-width: 50rem !important;
}

/* Breadcrumbs sitnije, ali čitljivo. */
body.single-product .summary .breadcrumbs {
  margin-bottom: 1.1rem !important;
}
body.single-product .summary .breadcrumbs li {
  font-size: 1.2rem !important;
}

/* Naslov i podnaslov bliže webshop karticama. */
body.single-product div.product .product_title {
  max-width: 78rem !important;
  margin-bottom: .7rem !important;
  font-size: clamp(3rem, 2vw, 3.65rem) !important;
  line-height: 1.13 !important;
  font-weight: 500 !important;
}
body.single-product .summary .title {
  margin-bottom: 0 !important;
}
body.single-product .summary .title > p,
body.single-product .summary .product-subtitle,
body.single-product .summary .subtitle {
  margin: 0 0 1.5rem !important;
  font-size: 1.48rem !important;
  line-height: 1.45 !important;
  color: #ef7f00 !important;
}

/* Cijena i sekundarne cijene. */
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  margin: 1.7rem 0 .35rem !important;
  font-size: clamp(3rem, 2.05vw, 3.65rem) !important;
  font-weight: 500 !important;
}
body.single-product .tobylex-secondary-price-info {
  margin: .25rem 0 !important;
  font-size: 1.18rem !important;
  color: #747474 !important;
}
body.single-product .tlx-stock-status {
  margin: .65rem 0 1.5rem !important;
  font-size: 1.42rem !important;
}

/* Potpuno novi kupovni red. */
body.single-product .single-bottom.tlx-purchase-box {
  margin: 1.4rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
body.single-product .tlx-purchase-box form.cart {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
body.single-product .tlx-purchase-row {
  display: grid !important;
  grid-template-columns: 18rem minmax(20rem, 1fr) !important;
  gap: 1rem !important;
  align-items: end !important;
  padding: 1.35rem !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 1.45rem !important;
  background: #fafafa !important;
}
body.single-product .tlx-quantity-box {
  min-width: 0 !important;
}
body.single-product .tlx-purchase-label {
  display: block !important;
  margin: 0 0 .55rem .2rem !important;
  color: #777 !important;
  font-size: 1.1rem !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}
body.single-product .tlx-quantity-box .quantity {
  width: 100% !important;
  margin: 0 !important;
}
body.single-product .tlx-quantity-box .single-quant {
  display: grid !important;
  grid-template-columns: 4.5rem 1fr 4.5rem !important;
  width: 100% !important;
  height: 5rem !important;
  overflow: hidden !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 1rem !important;
  background: #fff !important;
}
body.single-product .tlx-quantity-box .single-quant button,
body.single-product .tlx-quantity-box .single-quant input.qty {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}
body.single-product .tlx-quantity-box .single-quant input.qty {
  border-left: 1px solid #ededed !important;
  border-right: 1px solid #ededed !important;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
}
body.single-product .tlx-quantity-box .single-quant button {
  font-size: 1.6rem !important;
  cursor: pointer !important;
}
body.single-product .tlx-purchase-row .single_add_to_cart_button {
  width: 100% !important;
  min-height: 5rem !important;
  height: 5rem !important;
  margin: 0 !important;
  padding: 0 2.4rem !important;
  border-radius: 1rem !important;
  font-size: 1.5rem !important;
  white-space: nowrap !important;
}

/* Info grid čitljiviji i manje "sitna tablica". */
body.single-product .tlx-product-info-grid {
  margin-top: 1.35rem !important;
  border-radius: 1.35rem !important;
  background: #fff !important;
}
body.single-product .tlx-product-info-item {
  min-height: 7.2rem !important;
  padding: 1.25rem 1.45rem !important;
}
body.single-product .tlx-product-info-item small {
  font-size: 1.12rem !important;
  color: #888 !important;
}
body.single-product .tlx-product-info-item strong {
  font-size: 1.3rem !important;
  color: #1d1d1d !important;
}

/* Donji sadržaj koristi više širine; benefiti ostaju pomoćna bočna kartica. */
body.single-product .single-wrapperxxx {
  grid-template-columns: minmax(0, 1fr) 28rem !important;
  column-gap: 2.4rem !important;
  row-gap: 2.4rem !important;
}
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  padding: 2.2rem 2.6rem 3.2rem !important;
  border-radius: 2.2rem !important;
}
body.single-product .woocommerce-Tabs-panel {
  font-size: 1.52rem !important;
  line-height: 1.7 !important;
}
body.single-product .woocommerce-Tabs-panel > p,
body.single-product .woocommerce-Tabs-panel > ul,
body.single-product .woocommerce-Tabs-panel > ol,
body.single-product .woocommerce-Tabs-panel > h2,
body.single-product .woocommerce-Tabs-panel > h3,
body.single-product .woocommerce-Tabs-panel > h4 {
  max-width: 98rem !important;
}
body.single-product .tlx-product-benefits {
  border-top: 1px solid #e7e7e7 !important;
  border-radius: 2.2rem !important;
  position: relative !important;
}
body.single-product .tlx-product-benefits::before {
  content: "";
  position: absolute;
  left: 1.7rem;
  top: 0;
  width: 5.5rem;
  height: 3px;
  background: #f68902;
  border-radius: 0 0 3px 3px;
}

/* Tabs još čišći. */
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  min-height: 4.1rem !important;
  padding: .8rem 1.55rem !important;
  font-size: 1.3rem !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
  padding: .8rem 1.55rem !important;
}

/* Mobile / tablet. */
@media (max-width: 1100px) {
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns: minmax(0, 45%) minmax(0, 55%) !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 35rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    height: 35rem !important;
  }
  body.single-product .tlx-purchase-row {
    grid-template-columns: 15.5rem minmax(18rem,1fr) !important;
  }
}

@media (max-width: 900px) {
  body.single-product .tlx-purchase-row {
    grid-template-columns: 16rem minmax(0,1fr) !important;
  }
}

@media (max-width: 600px) {
  body.single-product .tlx-purchase-row {
    grid-template-columns: 1fr !important;
  }
  body.single-product .tlx-purchase-label {
    margin-left: 0 !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 29rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    height: 29rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.67 — stock status is controlled by WooCommerce
===================================================================================== */
body.single-product .tlx-stock-status,
body.single-product .tlx-stock-dot {
  display: none !important;
}

body.single-product .summary .stock,
body.single-product .summary p.stock {
  margin: .7rem 0 1.5rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #555 !important;
  font-size: 1.32rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

body.single-product .summary .stock.in-stock {
  color: #555 !important;
}

body.single-product .summary .stock.out-of-stock {
  color: #c62828 !important;
}



/* ==================================================================================
   Tobylex 1.0.68 — veća slika proizvoda + premium lightbox galerija
===================================================================================== */
body.single-product .tobylex-product-hero {
  grid-template-columns: minmax(0, 56%) minmax(0, 44%) !important;
  gap: 2.2rem !important;
}

body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  padding: 1.8rem 2rem 1.8rem !important;
}

body.single-product .tobylex-product-hero .flex-viewport,
body.single-product .tobylex-product-hero .woocommerce-product-gallery__wrapper {
  min-height: clamp(46rem, 58vh, 64rem) !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: clamp(46rem, 58vh, 64rem) !important;
  height: clamp(46rem, 58vh, 64rem) !important;
  padding: 0 !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: clamp(44rem, 54vh, 60rem) !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
}

body.single-product .woocommerce-product-gallery__trigger {
  top: 1.6rem !important;
  right: 1.6rem !important;
  left: auto !important;
  width: 4.4rem !important;
  height: 4.4rem !important;
  border-radius: 999px !important;
  border: 1px solid #ececec !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 28px rgba(17,24,39,.10) !important;
  color: #171717 !important;
}

body.single-product .woocommerce-product-gallery__trigger:hover {
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(17,24,39,.16) !important;
}

body.single-product .woocommerce-product-gallery__trigger::before,
body.single-product .woocommerce-product-gallery__trigger::after {
  color: #171717 !important;
}

body.single-product .woocommerce-product-gallery__trigger::before {
  width: 1.3rem !important;
  height: 1.3rem !important;
  border-width: 2px !important;
  top: .95rem !important;
  left: .95rem !important;
}

body.single-product .woocommerce-product-gallery__trigger::after {
  width: .9rem !important;
  height: 2px !important;
  top: 2.3rem !important;
  left: 2.2rem !important;
}

body.single-product .flex-control-thumbs img,
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs img {
  width: 7.2rem !important;
  height: 7.2rem !important;
}

@media (max-width: 1199px) {
  body.single-product .tobylex-product-hero {
    grid-template-columns: 1fr !important;
  }
}

/* Premium Fancybox izgled */
.fancybox__backdrop {
  background: rgba(14, 18, 28, .82) !important;
  backdrop-filter: blur(10px) saturate(120%);
}

.fancybox__toolbar {
  padding: 1.4rem 1.6rem !important;
}

.fancybox__toolbar__column.is-middle {
  justify-content: center !important;
}

.fancybox__counter {
  color: #fff !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

.fancybox__button,
.fancybox__nav .carousel__button {
  width: 4.4rem !important;
  height: 4.4rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}

.fancybox__button:hover,
.fancybox__nav .carousel__button:hover {
  background: #f68902 !important;
  border-color: #f68902 !important;
}

.fancybox__slide {
  padding: 4.8rem 8rem !important;
}

.fancybox__content > .fancybox__image,
.fancybox__image {
  border-radius: 1.8rem !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
  background: #fff !important;
}

@media (max-width: 767px) {
  .fancybox__slide {
    padding: 2rem 1.6rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.69 — varijabilni proizvodi usklađeni s web shopom + jedinstveni gumbi
===================================================================================== */
:root {
  --tlx-btn-bg: #f68902;
  --tlx-btn-bg-hover: #111111;
  --tlx-btn-text: #ffffff;
  --tlx-btn-radius: 999px;
  --tlx-btn-height: 5.2rem;
  --tlx-btn-padding-x: 3rem;
}

/* Jedinstveni oblik gumba kao u košarici. */
#respond input#submit,
a.button,
button.button,
input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: var(--tlx-btn-height) !important;
  padding: 0 var(--tlx-btn-padding-x) !important;
  border: 0 !important;
  border-radius: var(--tlx-btn-radius) !important;
  background: var(--tlx-btn-bg) !important;
  color: var(--tlx-btn-text) !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

#respond input#submit:hover,
a.button:hover,
button.button:hover,
input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background: var(--tlx-btn-bg-hover) !important;
  color: #fff !important;
}

#respond input#submit:disabled,
a.button.disabled,
button.button:disabled,
input.button:disabled,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce a.button.alt.disabled {
  background: #f4c385 !important;
  color: #fff !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* Zadrži male kružne akcijske ikone na karticama proizvoda. */
.products-box .add-cart,
.products-box .add-cart a,
.product-box-bottom .shop-icon,
.product-box-bottom .shop-icon a,
.tlx-product-card .add-cart,
.tlx-product-card .add-cart a {
  border-radius: 50% !important;
  min-height: 4.8rem !important;
  width: 4.8rem !important;
  height: 4.8rem !important;
  padding: 0 !important;
}

/* Varijabilni proizvod — uredna matrica opcija i skladan purchase blok. */
body.single-product form.variations_form.cart {
  display: block !important;
  margin-top: 1.4rem !important;
}

body.single-product form.variations_form.cart table.variations {
  width: 100% !important;
  margin: 0 0 2rem !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.single-product form.variations_form.cart table.variations tbody {
  display: grid !important;
  gap: 1.2rem !important;
}

body.single-product form.variations_form.cart table.variations tr {
  display: grid !important;
  grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 1.2rem !important;
  margin: 0 !important;
}

body.single-product form.variations_form.cart .variations th,
body.single-product form.variations_form.cart .variations td {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.single-product form.variations_form.cart .variations th.label label {
  display: inline-block !important;
  color: #202020 !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.single-product form.variations_form.cart .variations td.value {
  position: relative !important;
}

body.single-product .woocommerce div.product form.cart .variations select,
body.single-product form.variations_form.cart .variations select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 5.2rem !important;
  height: 5.2rem !important;
  padding: 0 4.8rem 0 1.8rem !important;
  border: 1px solid #dbdbdb !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #161616 !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.04) !important;
}

body.single-product .woocommerce div.product form.cart .variations select:hover,
body.single-product form.variations_form.cart .variations select:hover {
  border-color: #f68902 !important;
  background: #fffdf8 !important;
}

body.single-product .woocommerce div.product form.cart .variations select:focus,
body.single-product form.variations_form.cart .variations select:focus {
  outline: none !important;
  border-color: #f68902 !important;
  box-shadow: 0 0 0 4px rgba(246,137,2,.12) !important;
}

body.single-product form.variations_form.cart .reset_variations {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: .9rem !important;
  padding: 0 !important;
  min-height: auto !important;
  background: transparent !important;
  color: #f68902 !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.single-product form.variations_form.cart .reset_variations:hover {
  background: transparent !important;
  color: #111 !important;
}

body.single-product form.variations_form.cart .single_variation_wrap {
  margin-top: 1.8rem !important;
}

body.single-product form.variations_form.cart .woocommerce-variation.single_variation {
  margin-bottom: 1.3rem !important;
}

body.single-product form.variations_form.cart .woocommerce-variation-price,
body.single-product form.variations_form.cart .woocommerce-variation-price .price {
  margin: 0 0 .6rem !important;
  color: #151515 !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
}

body.single-product form.variations_form.cart .woocommerce-variation-description,
body.single-product form.variations_form.cart .woocommerce-variation-availability {
  font-size: 1.35rem !important;
  line-height: 1.55 !important;
  color: #666 !important;
}

body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart {
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.single-product .tlx-purchase-row,
body.single-product .single-bottom .tlx-purchase-row {
  display: grid !important;
  grid-template-columns: minmax(15rem, 19rem) minmax(0, 1fr) !important;
  gap: 1.2rem !important;
  align-items: end !important;
}

body.single-product .tlx-quantity-box {
  display: flex !important;
  flex-direction: column !important;
  gap: .7rem !important;
}

body.single-product .tlx-purchase-label {
  display: block !important;
  color: #5e5e5e !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.single-product .tlx-quantity-box .quantity,
body.single-product form.cart .quantity {
  width: 100% !important;
  min-height: 5.2rem !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 999px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.04) !important;
}

body.single-product .tlx-quantity-box .single-quant,
body.single-product form.cart .quantity .single-quant {
  display: grid !important;
  grid-template-columns: 5rem minmax(0, 1fr) 5rem !important;
  align-items: center !important;
  min-height: 5.2rem !important;
}

body.single-product .tlx-quantity-box .single-quant button,
body.single-product form.cart .quantity .single-quant button {
  width: 100% !important;
  height: 5.2rem !important;
  min-height: 5.2rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #202020 !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

body.single-product .tlx-quantity-box .single-quant input.qty,
body.single-product form.cart .quantity .single-quant input.qty {
  width: 100% !important;
  height: 5.2rem !important;
  min-height: 5.2rem !important;
  margin: 0 !important;
  padding: 0 .5rem !important;
  border: 0 !important;
  border-left: 1px solid #ededed !important;
  border-right: 1px solid #ededed !important;
  background: transparent !important;
  color: #171717 !important;
  font-size: 1.7rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-shadow: none !important;
}

body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product .single_add_to_cart_button.button,
body.single-product button.single_add_to_cart_button {
  width: 100% !important;
  min-height: 5.2rem !important;
  height: 5.2rem !important;
  padding: 0 2.8rem !important;
  border-radius: 999px !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* Neaktivni add to cart ostaje uredan i čitljiv i prije odabira varijacije. */
body.single-product .single_add_to_cart_button.disabled,
body.single-product .single_add_to_cart_button:disabled,
body.single-product .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button {
  background: #f2c890 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* Pomoćni linkovi uz varijacije ne smiju izgledati kao veliki CTA gumbi. */
body.single-product form.variations_form.cart .reset_variations,
body.single-product form.variations_form.cart a.reset_variations {
  border-radius: 0 !important;
}

@media (max-width: 900px) {
  body.single-product form.variations_form.cart table.variations tr,
  body.single-product .tlx-purchase-row,
  body.single-product .single-bottom .tlx-purchase-row {
    grid-template-columns: 1fr !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.70 — stilizacija tabova i opisa proizvoda
===================================================================================== */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%) !important;
  border: 1px solid #ece7df !important;
  border-radius: 2.8rem !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.04) !important;
  padding: 2.8rem 3rem 3.4rem !important;
  overflow: hidden !important;
}

body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.2rem !important;
  align-items: center !important;
  margin: 0 0 2.4rem !important;
  padding: 0 !important;
  border: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product ul.tabs.wc-tabs::before {
  display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after,
body.single-product ul.tabs.wc-tabs li::before,
body.single-product ul.tabs.wc-tabs li::after {
  display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 4.8rem !important;
  padding: 0 2rem !important;
  border-radius: 999px !important;
  border: 1px solid #e4dfd6 !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.04) !important;
  transition: all .2s ease !important;
}

body.single-product .woocommerce-tabs ul.tabs li a:hover,
body.single-product ul.tabs.wc-tabs li a:hover {
  border-color: #f68902 !important;
  background: #fff7eb !important;
  color: #111111 !important;
  transform: translateY(-1px) !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li.active a:hover,
body.single-product ul.tabs.wc-tabs li.active a:hover {
  border-color: #f68902 !important;
  background: #f68902 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(246,137,2,.22) !important;
}

body.single-product .woocommerce-Tabs-panel {
  padding: .4rem 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.single-product .woocommerce-Tabs-panel > h2:first-child,
body.single-product .woocommerce-Tabs-panel > h3:first-child {
  margin-top: 0 !important;
}

body.single-product .woocommerce-Tabs-panel h2 {
  color: #151515 !important;
  font-size: 2.3rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 1.8rem !important;
}

body.single-product .woocommerce-Tabs-panel h3 {
  color: #1d1d1d !important;
  font-size: 1.95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em !important;
  margin: 3rem 0 1.4rem !important;
}

body.single-product .woocommerce-Tabs-panel h4 {
  color: #232323 !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 2.4rem 0 1rem !important;
}

body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li,
body.single-product .woocommerce-Tabs-panel td,
body.single-product .woocommerce-Tabs-panel th {
  color: #333333 !important;
  font-size: 1.7rem !important;
  line-height: 1.82 !important;
  letter-spacing: -.005em !important;
}

body.single-product .woocommerce-Tabs-panel p {
  margin: 0 0 1.8rem !important;
}

body.single-product .woocommerce-Tabs-panel p + p {
  margin-top: -.2rem !important;
}

body.single-product .woocommerce-Tabs-panel > p:first-of-type {
  font-size: 1.85rem !important;
  line-height: 1.8 !important;
  color: #242424 !important;
}

body.single-product .woocommerce-Tabs-panel strong,
body.single-product .woocommerce-Tabs-panel b {
  color: #171717 !important;
  font-weight: 700 !important;
}

body.single-product .woocommerce-Tabs-panel ul,
body.single-product .woocommerce-Tabs-panel ol {
  margin: 0 0 2rem 0 !important;
  padding: 0 !important;
}

body.single-product .woocommerce-Tabs-panel ul li,
body.single-product .woocommerce-Tabs-panel ol li {
  position: relative !important;
  margin: 0 0 .9rem !important;
  padding-left: 2.2rem !important;
  list-style: none !important;
}

body.single-product .woocommerce-Tabs-panel ul li::before,
body.single-product .woocommerce-Tabs-panel ol li::before {
  content: '' !important;
  position: absolute !important;
  top: 1.05rem !important;
  left: .2rem !important;
  width: .7rem !important;
  height: .7rem !important;
  border-radius: 50% !important;
  background: #f68902 !important;
  box-shadow: 0 0 0 4px rgba(246,137,2,.12) !important;
}

body.single-product .woocommerce-Tabs-panel blockquote {
  margin: 2.2rem 0 !important;
  padding: 1.8rem 2rem !important;
  border-left: 4px solid #f68902 !important;
  border-radius: 1.4rem !important;
  background: #fff8ef !important;
}

body.single-product .woocommerce-Tabs-panel table {
  width: 100% !important;
  margin: 2rem 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid #ece7df !important;
  border-radius: 1.8rem !important;
  background: #ffffff !important;
}

body.single-product .woocommerce-Tabs-panel th,
body.single-product .woocommerce-Tabs-panel td {
  padding: 1.3rem 1.6rem !important;
  border-bottom: 1px solid #f0ece6 !important;
}

body.single-product .woocommerce-Tabs-panel th {
  background: #fff8ef !important;
  color: #171717 !important;
  font-weight: 700 !important;
}

body.single-product .woocommerce-Tabs-panel tr:last-child td {
  border-bottom: 0 !important;
}

@media (max-width: 991px) {
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
    padding: 2.2rem 2rem 2.6rem !important;
    border-radius: 2.2rem !important;
  }

  body.single-product .woocommerce-Tabs-panel h2 {
    font-size: 2.05rem !important;
  }

  body.single-product .woocommerce-Tabs-panel h3 {
    font-size: 1.8rem !important;
  }

  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li,
  body.single-product .woocommerce-Tabs-panel td,
  body.single-product .woocommerce-Tabs-panel th {
    font-size: 1.58rem !important;
    line-height: 1.75 !important;
  }
}

@media (max-width: 767px) {
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product ul.tabs.wc-tabs {
    gap: .9rem !important;
    margin-bottom: 1.8rem !important;
  }

  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product ul.tabs.wc-tabs li a,
  body.single-product .woocommerce-tabs ul.tabs li.active a,
  body.single-product ul.tabs.wc-tabs li.active a {
    min-height: 4.4rem !important;
    padding: 0 1.6rem !important;
    font-size: 1.4rem !important;
  }

  body.single-product .woocommerce-Tabs-panel > p:first-of-type,
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li {
    font-size: 1.5rem !important;
    line-height: 1.72 !important;
  }
}

/* ==================================================================================
   Tobylex 1.0.71 — final single/variable product polish + refined description styling
===================================================================================== */

/* Global button language aligned with the cart page */
body .button,
body button,
body input[type="button"],
body input[type="submit"],
body a.button,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .btn,
body .btn-cart,
body .btn-primary,
body .btn-default {
  border-radius: 999px;
}

body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body button.single_add_to_cart_button,
body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-error .button {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Single product — cleaner, softer, more premium composition */
body.single-product {
  background: #f7f7f5;
}
body.single-product div.product .container {
  max-width: 148rem;
  width: calc(100% - 4rem);
}
body.single-product .single-wrapperxxx {
  grid-template-columns: minmax(0, 1fr) 28rem !important;
  column-gap: 2.6rem !important;
  row-gap: 2.6rem !important;
}
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  gap: 2.6rem !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) !important;
}
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images,
body.single-product .tobylex-product-hero > .summary.entry-summary,
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .tlx-product-benefits {
  border: 1px solid #ece7e0 !important;
  box-shadow: 0 16px 36px rgba(29, 24, 18, 0.05) !important;
}
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  padding: 2.6rem 2.8rem 2.2rem !important;
  border-radius: 2.4rem !important;
}
body.single-product .tobylex-product-hero > .summary.entry-summary {
  padding: 3rem 3.2rem !important;
  border-radius: 2.4rem !important;
}

/* Larger product image that better uses the available card space */
body.single-product .tobylex-product-hero .woocommerce-product-gallery__wrapper {
  /* WooCommerce FlexSlider controls the wrapper/slide layout. */
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: 54rem !important;
  padding: .4rem !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  width: 100% !important;
  max-width: 100% !important;
  height: min(58rem, 68vh) !important;
  object-fit: contain !important;
}
body.single-product .woocommerce-product-gallery__trigger {
  top: 2rem !important;
  right: 2rem !important;
  width: 4.6rem !important;
  height: 4.6rem !important;
  border: 1px solid #ece4da;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  box-shadow: 0 8px 18px rgba(18,18,18,.08);
}
body.single-product .woocommerce-product-gallery__trigger::before {
  border-width: 2px;
}
body.single-product .woocommerce-product-gallery__trigger::after {
  width: 10px;
  height: 2px;
}

/* Sale badge refined to theme language */
body.single-product .woocommerce-product-gallery > .tags-custom.sale {
  top: 2rem !important;
  left: 2rem !important;
  min-width: 6.2rem !important;
  height: 3.5rem !important;
  padding: 0 1.1rem !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, #f79a2d 0%, #ef7f00 100%) !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 18px rgba(239,127,0,.18) !important;
}

/* Thumbnail rail */
body.single-product .tlx-product-thumbs-shell {
  margin-top: 1.8rem;
  gap: 1rem;
}
body.single-product .tlx-product-thumbs-arrow {
  width: 4.2rem;
  height: 4.2rem;
  flex-basis: 4.2rem;
  border: 1px solid #ece4da;
  background: #fff;
  color: #1b1b1b;
  box-shadow: 0 6px 14px rgba(20, 20, 20, 0.05);
}
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs li {
  flex-basis: 7.6rem !important;
  width: 7.6rem !important;
}
body.single-product .flex-control-thumbs img,
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs img {
  width: 7.6rem !important;
  height: 7.6rem !important;
  border: 1px solid #ece4da !important;
  border-radius: 1.2rem !important;
  background: #fff;
  object-fit: contain;
  padding: .4rem;
}
body.single-product .flex-control-thumbs img.flex-active,
body.single-product .tlx-product-thumbs-viewport .flex-control-thumbs img.flex-active {
  border-color: #f58220 !important;
  box-shadow: 0 0 0 2px rgba(245,130,32,.12) inset !important;
}

/* Breadcrumb and title block */
body.single-product .summary .title,
body.single-product .summary .woocommerce-breadcrumb,
body.single-product .summary .breadcrumbs {
  color: #8d8377 !important;
  font-size: 1.18rem !important;
}
body.single-product div.product .product_title,
body.single-product .woocommerce div.product .product_title {
  margin: .8rem 0 1.1rem !important;
  color: #181512;
  font-size: clamp(3rem, 2.25vw, 4.3rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  font-weight: 600 !important;
}
body.single-product .summary .product-subtitle,
body.single-product .single-text .title + p,
body.single-product .woocommerce-product-details__short-description > p:first-child {
  color: #ef7f00 !important;
  font-size: 1.8rem !important;
  line-height: 1.35 !important;
}
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price {
  margin: 1.5rem 0 .9rem !important;
  color: #111 !important;
  font-size: clamp(3rem, 2.4vw, 4.2rem) !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;
}
body.single-product .single-price .amount,
body.single-product .summary p.price .amount,
body.single-product .summary span.price .amount {
  letter-spacing: -.03em;
}
body.single-product .summary .stock,
body.single-product .summary .xstock {
  margin: .2rem 0 1.2rem !important;
  color: #ef7f00 !important;
  font-size: 1.45rem !important;
  font-weight: 600 !important;
}
body.single-product .summary .product_stock {
  display: none !important;
}

/* Variable product attributes */
body.single-product form.variations_form {
  margin-top: 1rem;
}
body.single-product form.variations_form table.variations {
  width: 100%;
  margin: 0 0 1.6rem;
  border-collapse: separate;
  border-spacing: 0 1.1rem;
}
body.single-product form.variations_form table.variations tr {
  display: grid;
  grid-template-columns: 14rem minmax(0,1fr);
  align-items: center;
  gap: 1.4rem;
}
body.single-product form.variations_form table.variations th.label,
body.single-product form.variations_form table.variations td.value {
  display: block;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
body.single-product form.variations_form table.variations th.label label {
  display: inline-block;
  margin: 0;
  color: #302b26;
  font-size: 1.55rem;
  font-weight: 600;
}
body.single-product form.variations_form select {
  width: 100% !important;
  min-height: 5.6rem;
  padding: 0 5rem 0 2rem !important;
  border: 1px solid #ddd5cc !important;
  border-radius: 999px !important;
  background: #fff;
  color: #181512;
  font-size: 1.45rem !important;
  box-shadow: 0 5px 14px rgba(20,20,20,.03);
}
body.single-product form.variations_form table.variations td.value {
  position: relative;
}
body.single-product form.variations_form table.variations td.value::after {
  content: "▾";
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  color: #8a8075;
  font-size: 1.4rem;
  pointer-events: none;
}
body.single-product form.variations_form .reset_variations {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: .9rem;
  color: #ef7f00;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
}
body.single-product form.variations_form .reset_variations::before {
  content: "↺";
  font-size: 1.2rem;
}
body.single-product .single_variation {
  margin: .2rem 0 0;
}
body.single-product .woocommerce-variation-description,
body.single-product .woocommerce-variation-price,
body.single-product .woocommerce-variation-availability {
  margin-bottom: .9rem;
  color: #58514a;
  font-size: 1.3rem;
  line-height: 1.55;
}
body.single-product .woocommerce-variation-price .price {
  font-size: 2.2rem !important;
  font-weight: 700 !important;
}

/* Purchase box: same visual family for simple and variable products */
body.single-product .single-bottom,
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart {
  margin-top: 2rem !important;
  padding: 1.8rem !important;
  border: 1px solid #e8dfd4 !important;
  border-radius: 2rem !important;
  background: linear-gradient(180deg, #fffefd 0%, #faf8f5 100%) !important;
}
body.single-product .single-bottom form.cart,
body.single-product form.cart,
body.single-product .woocommerce-variation-add-to-cart.variations_button {
  display: grid !important;
  grid-template-columns: minmax(16rem, 18rem) minmax(0,1fr) !important;
  align-items: end !important;
  gap: 1.6rem !important;
}
body.single-product .tlx-purchase-label,
body.single-product .tlx-quantity-box > label,
body.single-product .single-bottom .quantity + label {
  display: block;
  margin: 0 0 .8rem;
  color: #6a6259;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: uppercase;
}
body.single-product .tlx-quantity-box {
  min-width: 0;
}
body.single-product form.cart .quantity,
body.single-product .woocommerce-variation-add-to-cart .quantity {
  width: 100%;
  min-height: 5.8rem;
  border: 1px solid #ddd5cc;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(20,20,20,.03);
}
body.single-product form.cart .quantity input.qty,
body.single-product .woocommerce-variation-add-to-cart .quantity input.qty {
  min-height: 5.6rem !important;
  font-size: 1.8rem !important;
  font-weight: 600;
}
body.single-product form.cart .quantity .plus,
body.single-product form.cart .quantity .minus,
body.single-product .woocommerce-variation-add-to-cart .quantity .plus,
body.single-product .woocommerce-variation-add-to-cart .quantity .minus {
  font-size: 2rem;
  color: #2a2724;
}
body.single-product button.single_add_to_cart_button,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt {
  width: 100%;
  min-height: 5.8rem !important;
  padding: 1.4rem 3rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f79a2d 0%, #ef7f00 100%) !important;
  color: #fff !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 22px rgba(239,127,0,.18);
}
body.single-product button.single_add_to_cart_button:hover,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt:hover {
  transform: translateY(-1px);
  filter: saturate(1.03);
}
body.single-product button.single_add_to_cart_button:disabled,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt.disabled,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt:disabled {
  opacity: .5 !important;
  box-shadow: none !important;
}

/* Product info grid */
body.single-product .tlx-product-info-grid {
  margin-top: 1.8rem;
  border: 1px solid #ebe3d9;
  border-radius: 2rem;
  overflow: hidden;
  background: #fcfbfa;
}
body.single-product .tlx-product-info-item {
  padding: 1.6rem 1.8rem;
  border-color: #eee8e0;
}
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex-basis: 2.8rem;
  width: 2.8rem;
  font-size: 1.55rem;
  color: #ef7f00;
}
body.single-product .tlx-product-info-item small {
  color: #8a8177;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}
body.single-product .tlx-product-info-item strong {
  color: #1b1713;
  font-size: 1.42rem;
  font-weight: 600 !important;
}
body.single-product .tlx-product-info-grid .tlx-info-stock {
  position: static;
  grid-column: 1 / -1;
  display: none !important; /* native Woo stock is shown above; no duplicate line here */
}

/* Benefit card */
body.single-product .tlx-product-benefits {
  padding: 1.5rem 1.8rem;
  border-radius: 2.2rem;
  background: #fff;
}
body.single-product .tlx-benefit-row {
  gap: 1.4rem;
  padding: 1.5rem .2rem;
  border-bottom: 1px solid #eee8e0;
}
body.single-product .tlx-benefit-row svg {
  width: 3.4rem;
  height: 3.4rem;
  stroke: #ef7f00;
}
body.single-product .tlx-benefit-row strong {
  color: #1a1714;
  font-size: 1.28rem;
}
body.single-product .tlx-benefit-row small {
  color: #7d746a;
  font-size: 1.08rem;
}

/* Tabs wrapper and product description styling */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  padding: 2.4rem 2.8rem 3rem !important;
  border-radius: 2.4rem !important;
  background: #fff;
}
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  gap: 1rem !important;
  margin: 0 0 2.2rem !important;
  padding: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  margin: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 4.8rem !important;
  padding: 1rem 2rem !important;
  border: 1px solid #e8dfd4 !important;
  border-radius: 999px !important;
  background: #fffdfa !important;
  color: #3a332d !important;
  font-size: 1.36rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li.active a:hover {
  border-color: #f58220 !important;
  background: linear-gradient(180deg, #f79a2d 0%, #ef7f00 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 18px rgba(239,127,0,.16) !important;
}
body.single-product .woocommerce-Tabs-panel {
  color: #302b26;
}
body.single-product #tab-description,
body.single-product .woocommerce-Tabs-panel--description {
  max-width: 102rem;
}
body.single-product .woocommerce-Tabs-panel > *:first-child {
  margin-top: 0 !important;
}
body.single-product .woocommerce-Tabs-panel > *:last-child {
  margin-bottom: 0 !important;
}
body.single-product .woocommerce-Tabs-panel h1,
body.single-product .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-Tabs-panel h3,
body.single-product .woocommerce-Tabs-panel h4 {
  color: #181512;
  letter-spacing: -.02em;
}
body.single-product .woocommerce-Tabs-panel h2 {
  font-size: clamp(2.4rem, 1.9vw, 3.1rem) !important;
  line-height: 1.16 !important;
  margin: 0 0 1.6rem !important;
}
body.single-product .woocommerce-Tabs-panel h3 {
  font-size: clamp(1.9rem, 1.4vw, 2.35rem) !important;
  line-height: 1.24 !important;
  margin: 2.7rem 0 1rem !important;
}
body.single-product .woocommerce-Tabs-panel h4 {
  font-size: 1.65rem !important;
  line-height: 1.32 !important;
  margin: 2.2rem 0 .8rem !important;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li,
body.single-product .woocommerce-Tabs-panel td,
body.single-product .woocommerce-Tabs-panel th {
  color: #3b352f;
  font-size: 1.5rem !important;
  line-height: 1.82 !important;
}
body.single-product .woocommerce-Tabs-panel p {
  margin: 0 0 1.45rem !important;
}
body.single-product .woocommerce-Tabs-panel p + ul,
body.single-product .woocommerce-Tabs-panel p + ol {
  margin-top: .2rem !important;
}
body.single-product .woocommerce-Tabs-panel > p:first-of-type {
  font-size: 1.68rem !important;
  line-height: 1.78 !important;
  color: #2b251f;
}
body.single-product .woocommerce-Tabs-panel ul,
body.single-product .woocommerce-Tabs-panel ol {
  margin: 0 0 1.6rem 0 !important;
  padding: 0 !important;
}
body.single-product .woocommerce-Tabs-panel ul li,
body.single-product .woocommerce-Tabs-panel ol li {
  position: relative;
  margin: 0 0 .75rem !important;
  padding-left: 2.1rem !important;
  list-style: none !important;
}
body.single-product .woocommerce-Tabs-panel ul li::before,
body.single-product .woocommerce-Tabs-panel ol li::before {
  content: "•";
  position: absolute;
  left: .4rem;
  top: 0;
  color: #ef7f00;
  font-size: 1.5rem;
  line-height: 1.8;
}
body.single-product .woocommerce-Tabs-panel strong,
body.single-product .woocommerce-Tabs-panel b {
  color: #1b1713;
  font-weight: 700;
}
body.single-product .woocommerce-Tabs-panel a {
  color: #ef7f00;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
body.single-product .woocommerce-Tabs-panel blockquote {
  margin: 2rem 0;
  padding: 1.6rem 2rem;
  border-left: 4px solid #f58220;
  border-radius: 0 1.4rem 1.4rem 0;
  background: #fff8f0;
}
body.single-product .woocommerce-Tabs-panel table,
body.single-product table.shop_attributes {
  width: 100% !important;
  margin: 1.8rem 0 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #ebe3d9 !important;
  border-radius: 1.8rem !important;
  background: #fff;
}
body.single-product table.shop_attributes th,
body.single-product table.shop_attributes td,
body.single-product .woocommerce-Tabs-panel table th,
body.single-product .woocommerce-Tabs-panel table td {
  padding: 1.4rem 1.6rem !important;
  border-bottom: 1px solid #f0ebe5 !important;
}
body.single-product table.shop_attributes tr:last-child th,
body.single-product table.shop_attributes tr:last-child td,
body.single-product .woocommerce-Tabs-panel table tr:last-child th,
body.single-product .woocommerce-Tabs-panel table tr:last-child td {
  border-bottom: 0 !important;
}
body.single-product table.shop_attributes th,
body.single-product .woocommerce-Tabs-panel table th {
  width: 26%;
  background: #fcfaf8 !important;
  color: #1d1915 !important;
  font-weight: 600;
}
body.single-product .woocommerce-Reviews {
  max-width: 98rem;
}
body.single-product .commentlist .review,
body.single-product .woocommerce-review__published-date,
body.single-product .woocommerce-review__author {
  font-size: 1.35rem;
}
body.single-product .comment-respond input,
body.single-product .comment-respond textarea {
  border-radius: 1.6rem;
  border-color: #ddd5cc;
}

/* Responsive polish */
@media (max-width: 1180px) {
  body.single-product div.product .container {
    width: calc(100% - 3rem);
  }
  body.single-product .single-wrapperxxx {
    grid-template-columns: minmax(0, 1fr) 25rem !important;
  }
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 48rem !important;
  }
}
@media (max-width: 900px) {
  body.single-product div.product .container {
    width: calc(100% - 2rem);
  }
  body.single-product .single-wrapperxxx {
    display: block !important;
  }
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    display: block !important;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    margin-top: 1.8rem !important;
  }
  body.single-product .single-bottom form.cart,
  body.single-product form.cart,
  body.single-product .woocommerce-variation-add-to-cart.variations_button,
  body.single-product form.variations_form table.variations tr {
    grid-template-columns: 1fr !important;
  }
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
  body.single-product .tlx-product-benefits,
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images,
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    border-radius: 1.8rem !important;
  }
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li {
    font-size: 1.42rem !important;
  }
}
@media (max-width: 600px) {
  body.single-product div.product .container {
    width: calc(100% - 1.2rem);
  }
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images,
  body.single-product .tobylex-product-hero > .summary.entry-summary,
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
  body.single-product .tlx-product-benefits {
    border-radius: 1.5rem !important;
  }
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images,
  body.single-product .tobylex-product-hero > .summary.entry-summary,
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }
  body.single-product div.product .product_title,
  body.single-product .woocommerce div.product .product_title {
    font-size: clamp(2.5rem, 8vw, 3.3rem) !important;
  }
  body.single-product .single-price,
  body.single-product .summary p.price,
  body.single-product .summary span.price {
    font-size: clamp(2.6rem, 8vw, 3.5rem) !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 34rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img,
  body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    height: 34rem !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product .tabs a {
    width: 100%;
  }
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel li,
  body.single-product .woocommerce-Tabs-panel td,
  body.single-product .woocommerce-Tabs-panel th {
    font-size: 1.4rem !important;
    line-height: 1.74 !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.72 — cart + single product finishing pass
   - narančasti gornji rub kao filter
   - poravnanje dostave
   - quantity kontrole jednake kroz webshop
   - simple-product purchase blok lijevo
   - opis proizvoda s narančastim rubom
   - val više ne ulazi u opis
===================================================================================== */

/* --------------------------------------------------------------------------
   KOŠARICA — kartice/tablice u istom vizualnom jeziku kao Filter proizvoda
--------------------------------------------------------------------------- */
body.woocommerce-cart .woocommerce-cart-form table.shop_table,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
  border: 1px solid #e7e7e7 !important;
  border-top: 4px solid #f68902 !important;
  border-radius: 2rem !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.045) !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table td {
  border-color: #ececec !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th {
  padding-top: 1.8rem !important;
  padding-bottom: 1.8rem !important;
  background: #fff !important;
  color: #181818 !important;
  font-weight: 700 !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody td {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  vertical-align: middle !important;
}

body.woocommerce-cart .woocommerce-cart-form td.actions {
  padding: 1.3rem 1.5rem !important;
  background: #fffdf9 !important;
}

/* Sažetak košarice ostaje čist, ali dobiva isti orange-top akcent. */
body.woocommerce-cart .cart-collaterals .cart_totals > h2 {
  margin-bottom: 1.6rem !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
  border-color: #ececec !important;
}

/* --------------------------------------------------------------------------
   KOŠARICA — količina identična jeziku single-product quantity kontrole
--------------------------------------------------------------------------- */
body.woocommerce-cart .woocommerce-cart-form .quantity {
  display: inline-flex !important;
  width: auto !important;
  min-width: 14.6rem !important;
  min-height: 4.8rem !important;
  margin: 0 !important;
  border: 1px solid #ddd5cc !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(20,20,20,.035) !important;
  vertical-align: middle !important;
}

body.woocommerce-cart .woocommerce-cart-form .quantity .single-quant {
  display: grid !important;
  grid-template-columns: 4.8rem 5rem 4.8rem !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 4.8rem !important;
}

body.woocommerce-cart .woocommerce-cart-form .quantity .single-quant button,
body.woocommerce-cart .woocommerce-cart-form .quantity .single-quant input.qty {
  width: 100% !important;
  min-width: 0 !important;
  height: 4.8rem !important;
  min-height: 4.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #181818 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.woocommerce-cart .woocommerce-cart-form .quantity .single-quant input.qty {
  border-left: 1px solid #ece7e0 !important;
  border-right: 1px solid #ece7e0 !important;
  background: #faf9f7 !important;
  font-size: 1.45rem !important;
  font-weight: 600 !important;
}

body.woocommerce-cart .woocommerce-cart-form .quantity .single-quant button {
  font-size: 1.8rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.woocommerce-cart .woocommerce-cart-form .quantity .single-quant button:hover {
  background: #fff8ef !important;
  color: #ef7f00 !important;
}

/* --------------------------------------------------------------------------
   KOŠARICA — radio metode dostave strogo poravnane po sredini
--------------------------------------------------------------------------- */
body.woocommerce-cart .cart_totals ul#shipping_method {
  gap: .8rem !important;
}

body.woocommerce-cart .cart_totals ul#shipping_method li {
  display: grid !important;
  grid-template-columns: 1.8rem minmax(0,1fr) !important;
  align-items: center !important;
  gap: 1.1rem !important;
  min-height: 5.2rem !important;
  padding: 1.15rem 1.25rem !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 1rem !important;
  background: #fff !important;
}

body.woocommerce-cart .cart_totals ul#shipping_method li:has(input[type="radio"]:checked) {
  border-color: #f68902 !important;
  background: #fff8ef !important;
  box-shadow: 0 0 0 1px rgba(246,137,2,.07) !important;
}

body.woocommerce-cart .cart_totals ul#shipping_method input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: static !important;
  display: block !important;
  align-self: center !important;
  justify-self: center !important;
  width: 1.6rem !important;
  height: 1.6rem !important;
  min-width: 1.6rem !important;
  margin: 0 !important;
  padding: 0 !important;
  top: auto !important;
  border: 1px solid #bdbdbd !important;
  border-radius: 50% !important;
  background: #fff !important;
}

body.woocommerce-cart .cart_totals ul#shipping_method input[type="radio"]:checked {
  border-color: #f68902 !important;
  box-shadow: inset 0 0 0 .38rem #fff !important;
  background: #f68902 !important;
}

body.woocommerce-cart .cart_totals ul#shipping_method label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.4rem !important;
  min-height: 2.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

body.woocommerce-cart .cart_totals ul#shipping_method label .woocommerce-Price-amount {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 2.2rem !important;
  line-height: 1.3 !important;
}

/* --------------------------------------------------------------------------
   JEDNOSTAVNI PROIZVOD — quantity + CTA bliže lijevom rubu / slici
--------------------------------------------------------------------------- */
body.single-product .single-bottom.tlx-purchase-box {
  width: auto !important;
  max-width: 56rem !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

body.single-product .single-bottom.tlx-purchase-box .tlx-purchase-row {
  grid-template-columns: 17rem minmax(25rem, 30rem) !important;
  justify-content: start !important;
}

/* Variable form ostaje prilagodljiva punoj širini zbog atributa/varijacija. */
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart.tlx-purchase-row {
  width: 100% !important;
}

/* --------------------------------------------------------------------------
   OPIS PROIZVODA — isti orange-top akcent kao filter
--------------------------------------------------------------------------- */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  position: relative !important;
  border: 1px solid #e7e7e7 !important;
  border-top: 4px solid #f68902 !important;
  border-radius: 2.4rem !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.04) !important;
}

/* Malo više zraka ispod teksta prije sljedeće sekcije. */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  margin-bottom: 4rem !important;
}

/* --------------------------------------------------------------------------
   SLIČNI PROIZVODI / SIVI VAL — više nikad ne prelazi preko opisa
--------------------------------------------------------------------------- */
body.single-product .tlx-related-products.home-products2 {
  position: relative !important;
  margin-top: 2rem !important;
  padding-top: 6rem !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.single-product .tlx-related-products.home-products2::before {
  top: 0 !important;
  height: 10rem !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.single-product .tlx-related-products.home-products2::after {
  z-index: 0 !important;
  pointer-events: none !important;
}

body.single-product .tlx-related-products.home-products2 > .container {
  position: relative !important;
  z-index: 2 !important;
}

/* Desktop/mobile safeguards */
@media (max-width: 900px) {
  body.single-product .single-bottom.tlx-purchase-box {
    max-width: none !important;
    width: 100% !important;
  }

  body.single-product .single-bottom.tlx-purchase-box .tlx-purchase-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .woocommerce-cart-form .quantity {
    min-width: 13.8rem !important;
  }

  body.woocommerce-cart .woocommerce-cart-form .quantity .single-quant {
    grid-template-columns: 4.5rem 4.8rem 4.5rem !important;
  }

  body.woocommerce-cart .cart_totals ul#shipping_method li {
    grid-template-columns: 1.7rem minmax(0,1fr) !important;
    padding: 1.1rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.73 — ispravak quantity/purchase rasporeda
   - simple product: purchase box više ne "pluta" udesno
   - variable product: isti purchase ritam kao simple product
   - cart quantity: točno stiliziran .quantity.buttons_added > .single-quant markup
===================================================================================== */

/* --------------------------------------------------------------------------
   SIMPLE PRODUCT — vanjski form ne smije biti grid; grid je samo .tlx-purchase-row
--------------------------------------------------------------------------- */
body.single-product .single-bottom.tlx-purchase-box {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.single-product .single-bottom.tlx-purchase-box > form.cart {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.single-product .single-bottom.tlx-purchase-box .tlx-purchase-row {
  display: grid !important;
  grid-template-columns: 17rem minmax(24rem, 31rem) !important;
  align-items: end !important;
  justify-content: start !important;
  gap: 1.4rem !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 1.5rem 1.6rem !important;
  border: 1px solid #e8dfd4 !important;
  border-radius: 1.8rem !important;
  background: linear-gradient(180deg,#fffefd 0%,#faf8f5 100%) !important;
}

/* --------------------------------------------------------------------------
   VARIABLE PRODUCT — atributi ostaju puni red; purchase row je zasebna cjelina
--------------------------------------------------------------------------- */
body.single-product form.variations_form.cart {
  display: block !important;
  width: 100% !important;
}

body.single-product form.variations_form.cart .single_variation_wrap {
  width: 100% !important;
}

body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart.tlx-purchase-row {
  display: grid !important;
  grid-template-columns: 17rem minmax(24rem, 1fr) !important;
  align-items: end !important;
  gap: 1.4rem !important;
  width: 100% !important;
  margin: 1.6rem 0 0 !important;
  padding: 1.5rem 1.6rem !important;
  border: 1px solid #e8dfd4 !important;
  border-radius: 1.8rem !important;
  background: linear-gradient(180deg,#fffefd 0%,#faf8f5 100%) !important;
}

/* Quantity label */
body.single-product .tlx-purchase-label {
  display: block !important;
  margin: 0 0 .75rem .2rem !important;
  color: #6f675e !important;
  font-size: 1.1rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
}

/* --------------------------------------------------------------------------
   UNIVERSAL QUANTITY — exactly matches the actual HTML markup:
   .quantity.buttons_added > .single-quant > button/input/button
--------------------------------------------------------------------------- */
body.single-product .quantity.buttons_added,
body.woocommerce-cart .quantity.buttons_added {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.single-product .quantity.buttons_added > .single-quant,
body.woocommerce-cart .quantity.buttons_added > .single-quant {
  display: grid !important;
  grid-template-columns: 4.8rem minmax(5rem, 1fr) 4.8rem !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 14.6rem !important;
  height: 5.2rem !important;
  min-height: 5.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #ddd5cc !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(20,20,20,.04) !important;
}

body.single-product .quantity.buttons_added > .single-quant > button,
body.single-product .quantity.buttons_added > .single-quant > input.qty,
body.woocommerce-cart .quantity.buttons_added > .single-quant > button,
body.woocommerce-cart .quantity.buttons_added > .single-quant > input.qty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 5.2rem !important;
  min-height: 5.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #181818 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.single-product .quantity.buttons_added > .single-quant > input.qty,
body.woocommerce-cart .quantity.buttons_added > .single-quant > input.qty {
  border-left: 1px solid #ece7e0 !important;
  border-right: 1px solid #ece7e0 !important;
  background: #faf9f7 !important;
  font-size: 1.55rem !important;
  font-weight: 600 !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

body.single-product .quantity.buttons_added > .single-quant > input.qty::-webkit-inner-spin-button,
body.single-product .quantity.buttons_added > .single-quant > input.qty::-webkit-outer-spin-button,
body.woocommerce-cart .quantity.buttons_added > .single-quant > input.qty::-webkit-inner-spin-button,
body.woocommerce-cart .quantity.buttons_added > .single-quant > input.qty::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

body.single-product .quantity.buttons_added > .single-quant > button,
body.woocommerce-cart .quantity.buttons_added > .single-quant > button {
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.single-product .quantity.buttons_added > .single-quant > button:hover,
body.woocommerce-cart .quantity.buttons_added > .single-quant > button:hover {
  background: #fff8ef !important;
  color: #ef7f00 !important;
}

/* Cart uses a slightly narrower control but identical styling. */
body.woocommerce-cart .quantity.buttons_added > .single-quant {
  grid-template-columns: 4.4rem 4.8rem 4.4rem !important;
  min-width: 13.6rem !important;
  width: 13.6rem !important;
  height: 4.8rem !important;
  min-height: 4.8rem !important;
}

body.woocommerce-cart .quantity.buttons_added > .single-quant > button,
body.woocommerce-cart .quantity.buttons_added > .single-quant > input.qty {
  height: 4.8rem !important;
  min-height: 4.8rem !important;
}

/* CTA keeps the cart-style pill but aligns perfectly with quantity height. */
body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  width: 100% !important;
  height: 5.2rem !important;
  min-height: 5.2rem !important;
  margin: 0 !important;
  padding: 0 2.6rem !important;
  border-radius: 999px !important;
  align-self: end !important;
}

/* Variation selected price gets a little breathing room, not a floating orphan line. */
body.single-product form.variations_form .woocommerce-variation.single_variation {
  margin: 1.3rem 0 .3rem !important;
}

body.single-product form.variations_form .woocommerce-variation-price {
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.single-product .single-bottom.tlx-purchase-box .tlx-purchase-row,
  body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart.tlx-purchase-row {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body.single-product .quantity.buttons_added > .single-quant {
    width: 100% !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.74 — veća cijena odabrane varijacije + maksimalno iskorištena galerija
===================================================================================== */

/* Cijena odabrane varijacije mora imati istu težinu kao glavna cijena proizvoda. */
body.single-product form.variations_form .single_variation .woocommerce-variation-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price .price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price .price .amount,
body.single-product form.variations_form .single_variation .woocommerce-variation-price .price bdi,
body.single-product form.variations_form .woocommerce-variation-price,
body.single-product form.variations_form .woocommerce-variation-price .price,
body.single-product form.variations_form .woocommerce-variation-price .price .amount,
body.single-product form.variations_form .woocommerce-variation-price .price bdi {
  color: #151515 !important;
  font-size: 2.6rem !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

body.single-product form.variations_form .single_variation .woocommerce-variation-price {
  margin: 1.3rem 0 1.2rem !important;
}

/* Gallery koristi svu raspoloživu površinu kartice bez nepotrebnog unutarnjeg praznog prostora. */
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  display: flex !important;
  flex-direction: column !important;
  min-height: 60rem !important;
  padding: 1.4rem 1.6rem 1.8rem !important;
}

body.single-product .tobylex-product-hero .flex-viewport {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
}

/* FlexSlider mora sam postaviti širinu i transform galerijskog wrappera. */
body.single-product .tobylex-product-hero .woocommerce-product-gallery__wrapper {
  min-height: 0 !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image {
  min-height: 52rem !important;
  padding: 0 !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  width: 100% !important;
  height: 100% !important;
  min-height: 52rem !important;
  padding: 0 !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 56rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Ako proizvod nema thumbnail rail, glavna slika dobiva još više visine. */
body.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) .woocommerce-product-gallery__image > a {
  min-height: 56rem !important;
}

@media (max-width: 1180px) {
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images {
    min-height: 54rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image,
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 46rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img,
  body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    max-height: 50rem !important;
  }
}

@media (max-width: 900px) {
  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images {
    min-height: 0 !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image,
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
    min-height: 38rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img,
  body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    height: 38rem !important;
    max-height: 38rem !important;
  }
  body.single-product form.variations_form .single_variation .woocommerce-variation-price,
  body.single-product form.variations_form .single_variation .woocommerce-variation-price .price,
  body.single-product form.variations_form .single_variation .woocommerce-variation-price .price .amount,
  body.single-product form.variations_form .single_variation .woocommerce-variation-price .price bdi {
    font-size: 2.3rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.76 — checkout uži i centriran, bez diranja unutarnje funkcionalnosti
===================================================================================== */

/* Na desktopu checkout više ne zauzima praktički cijeli ekran.
   1180px je dovoljno za WooCommerce, dostavu, Viva Wallet i druge payment boxove. */
body.woocommerce-checkout .pages > .container > .woocommerce {
  width: calc(100% - 4rem) !important;
  max-width: 118rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Svi glavni checkout elementi koriste širinu novog, užeg omotača. */
body.woocommerce-checkout .pages > .container > .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-checkout .pages > .container > .woocommerce > .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .pages > .container > .woocommerce > form.checkout_coupon,
body.woocommerce-checkout .pages > .container > .woocommerce > form.woocommerce-checkout,
body.woocommerce-checkout .pages > .container > .woocommerce > form.checkout {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Ne sužavati pojedinačne payment/shipping boxove unutar checkouta — oni pune
   raspoloživu širinu od 1180px i zato se ne lome. */
body.woocommerce-checkout form.checkout #customer_details,
body.woocommerce-checkout form.woocommerce-checkout #customer_details,
body.woocommerce-checkout form.checkout #order_review_heading,
body.woocommerce-checkout form.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout form.checkout #order_review,
body.woocommerce-checkout form.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment,
body.woocommerce-checkout #order_review table.shop_table {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 1240px) {
  body.woocommerce-checkout .pages > .container > .woocommerce {
    width: calc(100% - 3rem) !important;
    max-width: none !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-checkout .pages > .container > .woocommerce {
    width: calc(100% - 1.6rem) !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.77 — checkout header alignment + mobile related-card width
===================================================================================== */

/* CHECKOUT: "Međuzbroj" mora stajati točno iznad desnog stupca s iznosima. */
body.woocommerce-checkout #order_review table.shop_table thead th.product-name {
  width: 72% !important;
  text-align: left !important;
}

body.woocommerce-checkout #order_review table.shop_table thead th.product-total {
  width: 28% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.woocommerce-checkout #order_review table.shop_table tbody td.product-total {
  width: 28% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* MOBILE: kartica "Slični proizvodi" malo uvučenija od rubova, kao ostatak sadržaja. */
@media (max-width: 600px) {
  body.single-product .tlx-related-products .container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  body.single-product .tlx-related-products-slider {
    width: calc(100% - 1.6rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.single-product .tlx-related-slide.slick-slide {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  body.single-product .tlx-related-slide > .products-box {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.single-product .tlx-related-products-slider .slick-prev {
    left: -.6rem !important;
  }

  body.single-product .tlx-related-products-slider .slick-next {
    right: -.6rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.78 — benefit kartice kao poveznice + informativne stranice
===================================================================================== */
body.single-product .tlx-product-benefits a.tlx-benefit-row {
  display: flex !important;
  align-items: center !important;
  gap: 1.2rem !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: background-color .18s ease, transform .18s ease;
}

body.single-product .tlx-product-benefits a.tlx-benefit-row:hover {
  background: #fff8ef !important;
  transform: translateX(2px);
}

body.single-product .tlx-benefit-row .tlx-benefit-copy {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: .15rem;
}

body.single-product .tlx-benefit-row .tlx-benefit-arrow {
  flex: 0 0 auto;
  color: #ef7f00;
  font-size: 1.8rem;
  line-height: 1;
}

/* Informativne stranice koje tema automatski kreira. */
.tlx-info-page {
  max-width: 108rem;
  margin: 2rem auto 5rem;
  padding: 0;
  color: #302b26;
}

.tlx-info-page .tlx-info-hero {
  margin-bottom: 2.4rem;
  padding: 3.2rem 3.4rem;
  border: 1px solid #e7e7e7;
  border-top: 4px solid #f68902;
  border-radius: 2.2rem;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.04);
}

.tlx-info-page .tlx-info-kicker {
  display: inline-block;
  margin-bottom: .9rem;
  color: #ef7f00;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tlx-info-page .tlx-info-hero h2 {
  margin: 0 0 1.2rem;
  color: #181512;
  font-size: clamp(2.6rem, 3vw, 4.1rem);
  line-height: 1.1;
  letter-spacing: -.025em;
}

.tlx-info-page .tlx-info-hero p {
  max-width: 84rem;
  margin: 0;
  color: #5b534b;
  font-size: 1.6rem;
  line-height: 1.75;
}

.tlx-info-page .tlx-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1.8rem;
}

.tlx-info-page .tlx-info-card {
  padding: 2.4rem 2.6rem;
  border: 1px solid #ebe5de;
  border-radius: 1.8rem;
  background: #fff;
}

.tlx-info-page .tlx-info-card h3 {
  margin: 0 0 1rem;
  color: #1c1814;
  font-size: 2rem;
  line-height: 1.25;
}

.tlx-info-page .tlx-info-card p,
.tlx-info-page .tlx-info-card li {
  color: #514941;
  font-size: 1.5rem;
  line-height: 1.7;
}

.tlx-info-page .tlx-info-card ul {
  margin: 1rem 0 0;
  padding-left: 2rem;
}

.tlx-info-page .tlx-info-card li {
  margin-bottom: .7rem;
}

.tlx-info-page .tlx-info-notice {
  margin-top: 1.8rem;
  padding: 1.8rem 2rem;
  border-left: 4px solid #f68902;
  border-radius: 0 1.4rem 1.4rem 0;
  background: #fff8ef;
  color: #514941;
  font-size: 1.45rem;
  line-height: 1.65;
}

.tlx-info-page a {
  color: #ef7f00;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

@media (max-width: 767px) {
  .tlx-info-page {
    margin-top: 1rem;
  }
  .tlx-info-page .tlx-info-hero {
    padding: 2.4rem 2rem;
    border-radius: 1.7rem;
  }
  .tlx-info-page .tlx-info-grid {
    grid-template-columns: 1fr;
  }
  .tlx-info-page .tlx-info-card {
    padding: 2rem;
  }
}


/* ==================================================================================
   Tobylex 1.0.79 — nova kompaktna oznaka Akcija na naslovnici
   Usklađeno s oznakama u katalogu/kategorijama.
===================================================================================== */

/* Izdvojeni proizvodi na naslovnici */
.home-products .products-wrapper .products-box .tags-custom,
/* Akcijski proizvodi u slideru */
.home-products2 .tlx-sale-slide .products-box .tags-custom {
  top: 1.2rem !important;
  right: 1.2rem !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 2.9rem !important;
  min-height: 2.9rem !important;
  padding: 0 1rem !important;
  border-radius: .8rem !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  z-index: 5 !important;
}

/* Akcija = Tobylex narančasta */
.home-products .products-wrapper .products-box .tags-custom.sale,
.home-products2 .tlx-sale-slide .products-box .tags-custom.sale {
  background: #f68902 !important;
  color: #fff !important;
}

/* Ostale oznake ostaju kompaktne i dosljedne. */
.home-products .products-wrapper .products-box .tags-custom.out-of-stock,
.home-products2 .tlx-sale-slide .products-box .tags-custom.out-of-stock {
  background: #ef1d1d !important;
  color: #fff !important;
}

.home-products .products-wrapper .products-box .tags-custom.new,
.home-products2 .tlx-sale-slide .products-box .tags-custom.new {
  background: #f68902 !important;
  color: #fff !important;
}

/* Na mobitelu oznaka ostaje mala, ne vraća se stari krug. */
@media (max-width: 600px) {
  .home-products .products-wrapper .products-box .tags-custom,
  .home-products2 .tlx-sale-slide .products-box .tags-custom {
    top: 1rem !important;
    right: 1rem !important;
    height: 2.7rem !important;
    min-height: 2.7rem !important;
    padding: 0 .85rem !important;
    border-radius: .7rem !important;
    font-size: .9rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.80 — akcijska/povijesna cijena na single productu
===================================================================================== */
body.single-product .tlx-lowest-30-price {
  display: block !important;
  margin: .7rem 0 .35rem !important;
  padding: 0 !important;
  color: #77716b !important;
  font-size: 1.25rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.single-product .tlx-lowest-30-price strong,
body.single-product .tlx-lowest-30-price b,
body.single-product .tlx-lowest-30-price .amount,
body.single-product .tlx-lowest-30-price .woocommerce-Price-amount {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 500 !important;
}

body.single-product .tlx-current-sale-price {
  display: block !important;
  margin: .15rem 0 1.35rem !important;
  padding: 0 !important;
  color: #15120f !important;
  font-size: clamp(3rem, 2.25vw, 3.9rem) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}

body.single-product .tlx-current-sale-price strong,
body.single-product .tlx-current-sale-price b,
body.single-product .tlx-current-sale-price .amount,
body.single-product .tlx-current-sale-price .woocommerce-Price-amount {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

body.single-product .tlx-sale-history-wrapper {
  margin: 1.1rem 0 1.4rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

body.single-product .tobylex-secondary-price-info {
  font-size: 1.12rem !important;
  line-height: 1.4 !important;
  color: #817a73 !important;
  font-weight: 400 !important;
}

@media (max-width: 767px) {
  body.single-product .tlx-lowest-30-price {
    font-size: 1.18rem !important;
  }

  body.single-product .tlx-current-sale-price {
    font-size: clamp(2.65rem, 8vw, 3.35rem) !important;
  }
}






/* ==================================================================================
   Tobylex 1.0.83 — stabilna WooCommerce galerija bez diranja FlexSlider mehanike
===================================================================================== */

/* FlexSlider viewport skriva neaktivne slideove; wrapper width/transform ostaju WooCommerceu. */
body.single-product .woocommerce-product-gallery .flex-viewport {
  overflow: hidden !important;
}

/* Ne postavljati width, float, display ili transform na .woocommerce-product-gallery__wrapper. */

/* Vizualna visina aktivne slike može se uređivati bez rušenja slidera. */
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52rem !important;
  padding: 0 !important;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
  display: block !important;
  max-width: 100% !important;
  height: min(56rem, 66vh) !important;
  max-height: 56rem !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Prije Woo inicijalizacije spriječi kratki bljesak dodatnih slika,
   ali čim postoji .flex-viewport ovo pravilo više ne vrijedi. */
body.single-product .woocommerce-product-gallery:not(:has(.flex-viewport))
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
  visibility: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
    min-height: 38rem !important;
  }

  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    height: 38rem !important;
    max-height: 38rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.84 — H1 naziv proizvoda vizualno kao H2
   HTML ostaje <h1> radi pravilne SEO strukture.
===================================================================================== */
body.single-product div.product .product_title,
body.single-product .woocommerce div.product .product_title,
body.single-product h1.product_title.entry-title {
  font-size: clamp(2.5rem, 1.85vw, 3.25rem) !important;
  line-height: 1.16 !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 1rem !important;
}

@media (max-width: 767px) {
  body.single-product div.product .product_title,
  body.single-product .woocommerce div.product .product_title,
  body.single-product h1.product_title.entry-title {
    font-size: clamp(2.25rem, 7vw, 2.8rem) !important;
    line-height: 1.18 !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.85 — premium lightbox galerija proizvoda
===================================================================================== */

body.single-product .woocommerce-product-gallery__trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 1.8rem !important;
  right: 1.8rem !important;
  width: 4.8rem !important;
  height: 4.8rem !important;
  border: 1px solid rgba(24,21,18,.08) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 10px 26px rgba(17,17,17,.10) !important;
  color: #181512 !important;
  backdrop-filter: blur(10px);
  z-index: 12 !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

body.single-product .woocommerce-product-gallery__trigger:hover {
  transform: translateY(-1px) scale(1.03) !important;
  background: #fff !important;
  box-shadow: 0 14px 32px rgba(17,17,17,.14) !important;
}

.tlx-product-lightbox .fancybox__button--zoom,
.tlx-product-lightbox .fancybox__button--fullscreen,
.tlx-product-lightbox .fancybox__button--thumbs,
.tlx-product-lightbox .fancybox__button--close {
  display: flex !important;
}

.tlx-product-lightbox.fancybox__container {
  --fancybox-bg: rgba(20,18,16,.86);
  --fancybox-color: #fff;
  font-family: inherit !important;
}

.tlx-product-lightbox .fancybox__backdrop {
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.08), transparent 38%),
    rgba(20,18,16,.88) !important;
  backdrop-filter: blur(14px) saturate(110%) !important;
}

.tlx-product-lightbox .fancybox__toolbar {
  top: 1.6rem !important;
  left: 50% !important;
  right: auto !important;
  width: min(94%, 118rem) !important;
  min-height: 5.6rem !important;
  padding: .6rem .8rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  background: rgba(24,22,20,.52) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.20) !important;
  backdrop-filter: blur(14px) !important;
}

.tlx-product-lightbox .fancybox__counter {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 4.2rem !important;
  padding: 0 1.5rem !important;
  color: rgba(255,255,255,.84) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
}

.tlx-product-lightbox .fancybox__button,
.tlx-product-lightbox .fancybox__nav .carousel__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 4.4rem !important;
  height: 4.4rem !important;
  min-width: 4.4rem !important;
  min-height: 4.4rem !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.tlx-product-lightbox .fancybox__button:hover,
.tlx-product-lightbox .fancybox__nav .carousel__button:hover {
  border-color: #f68902 !important;
  background: #f68902 !important;
  transform: scale(1.04) !important;
}

.tlx-product-lightbox .fancybox__slide {
  padding: 9rem 8rem 10.5rem !important;
}

.tlx-product-lightbox .fancybox__content {
  overflow: hidden !important;
  border-radius: 2.4rem !important;
  background: #fff !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.30) !important;
}

.tlx-product-lightbox .fancybox__image {
  background: #fff !important;
  border-radius: 2.4rem !important;
}

.tlx-product-lightbox .fancybox__nav .carousel__button.is-prev {
  left: 2.4rem !important;
}

.tlx-product-lightbox .fancybox__nav .carousel__button.is-next {
  right: 2.4rem !important;
}

.tlx-product-lightbox .fancybox__caption {
  left: 50% !important;
  bottom: 2.2rem !important;
  width: min(90%, 84rem) !important;
  padding: 1rem 1.6rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 1.4rem !important;
  background: rgba(22,20,18,.62) !important;
  color: #fff !important;
  text-align: center !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(12px) !important;
}

.tlx-product-lightbox .tlx-lightbox-title {
  display: block;
  color: #fff;
  font-size: 1.35rem;
  line-height: 1.35;
  font-weight: 600;
}

.tlx-product-lightbox .tlx-lightbox-meta {
  display: block;
  margin-top: .25rem;
  color: rgba(255,255,255,.68);
  font-size: 1.05rem;
  line-height: 1.3;
}

.tlx-product-lightbox .fancybox__thumb {
  border-radius: 1rem !important;
  background: #fff !important;
}

.tlx-product-lightbox .fancybox__thumb::after {
  border: 2px solid #f68902 !important;
  border-radius: 1rem !important;
}

@media (max-width: 767px) {
  .tlx-product-lightbox .fancybox__toolbar {
    top: .8rem !important;
    width: calc(100% - 1.6rem) !important;
    min-height: 5rem !important;
  }

  .tlx-product-lightbox .fancybox__slide {
    padding: 7rem 1.2rem 8.5rem !important;
  }

  .tlx-product-lightbox .fancybox__content,
  .tlx-product-lightbox .fancybox__image {
    border-radius: 1.6rem !important;
  }

  .tlx-product-lightbox .fancybox__nav .carousel__button.is-prev {
    left: .8rem !important;
  }

  .tlx-product-lightbox .fancybox__nav .carousel__button.is-next {
    right: .8rem !important;
  }

  .tlx-product-lightbox .fancybox__caption {
    bottom: 1rem !important;
    width: calc(100% - 2rem) !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.86 — rezultati pretrage izgledaju identično kategorijama
   Desktop 3 proizvoda, tablet 2, mobitel 1.
===================================================================================== */

body.search .tlx-search-results .container {
  max-width: 144rem !important;
  width: calc(100% - 4rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.search .tlx-search-title-row {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 2rem !important;
  margin-bottom: 4rem !important;
}

body.search .tlx-search-title-row .title h1 {
  margin: 0 !important;
  color: #111 !important;
  font-size: clamp(3rem, 2.3vw, 4rem) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}

body.search .tlx-search-title-row .breadcrumbs {
  margin: 0 !important;
}

body.search .tlx-search-results .pages-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 3.2rem !important;
}

body.search .tlx-search-results .page-aside.tobylex-filter-aside {
  flex: 0 0 31rem !important;
  width: 31rem !important;
  max-width: 31rem !important;
  float: none !important;
}

body.search .tlx-search-results .pages-wrapper > .page-content {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
}

body.search .tlx-search-results .content-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-bottom: 2.8rem !important;
}

body.search .tlx-search-results .products-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

body.search .tlx-search-results .products-wrapper > ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Kartica identična kategorijama. */
body.search .tlx-search-results .products-wrapper > ul.products > article.products-box,
body.search .tlx-search-results .products-wrapper > ul.products > .products-box {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 3rem !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 3rem !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all .4s ease-in-out !important;
}

body.search .tlx-search-results .products-wrapper > ul.products > article.products-box:hover,
body.search .tlx-search-results .products-wrapper > ul.products > .products-box:hover {
  transform: none !important;
  border-color: #e7e7e7 !important;
  box-shadow: 0 0 31px 9px rgba(0,0,0,.05) !important;
}

body.search .tlx-search-results .products-wrapper .products-image {
  position: relative !important;
  display: block !important;
  min-height: 25rem !important;
  height: auto !important;
  margin: 0 0 2rem !important;
  overflow: hidden !important;
}

body.search .tlx-search-results .products-wrapper .products-image img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 25rem !important;
  object-fit: contain !important;
  object-position: center !important;
}

body.search .tlx-search-results .products-wrapper .products-box h4 {
  margin: 0 0 1rem !important;
  color: #b9b9b9 !important;
  font-size: 1.6rem !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

body.search .tlx-search-results .products-wrapper .products-box h3 {
  margin: 0 0 1.4rem !important;
  font-size: 1.8rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

body.search .tlx-search-results .products-wrapper .price,
body.search .tlx-search-results .products-wrapper .prod-price {
  margin: 0 0 1rem !important;
  color: #111 !important;
  font-size: 1.6rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

body.search .tlx-search-results .products-wrapper .product-box-bottom {
  margin-top: auto !important;
  padding-top: 2rem !important;
  font-size: 1.6rem !important;
}

body.search .tlx-search-results .products-wrapper .btn-cart {
  width: 4.2rem !important;
  height: 4.2rem !important;
  flex: 0 0 4.2rem !important;
  margin-left: 2rem !important;
}

/* Oznake koriste novi kompaktni izgled. */
body.search .tlx-search-results .products-wrapper .tags-custom {
  top: 1.2rem !important;
  right: 1.2rem !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 2.8rem !important;
  min-height: 2.8rem !important;
  padding: 0 .95rem !important;
  border-radius: .8rem !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.search .tlx-search-results .products-wrapper .tags-custom.sale {
  background: #f68902 !important;
  color: #fff !important;
}

body.search .tlx-search-results .products-wrapper .tags-custom.out-of-stock {
  background: #ef1d1d !important;
  color: #fff !important;
}

body.search .tlx-search-results nav.woocommerce-pagination {
  margin-top: 4rem !important;
}

@media (max-width: 1200px) {
  body.search .tlx-search-results .page-aside.tobylex-filter-aside {
    flex-basis: 28rem !important;
    width: 28rem !important;
    max-width: 28rem !important;
  }

  body.search .tlx-search-results .products-wrapper > ul.products {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 2.4rem !important;
  }
}

@media (max-width: 900px) {
  body.search .tlx-search-results .container {
    width: calc(100% - 2rem) !important;
  }

  body.search .tlx-search-results .pages-wrapper {
    display: block !important;
  }

  body.search .tlx-search-results .page-aside.tobylex-filter-aside,
  body.search .tlx-search-results .pages-wrapper > .page-content {
    width: 100% !important;
    max-width: none !important;
  }

  body.search .tlx-search-results .pages-wrapper > .page-content {
    margin-top: 2rem !important;
  }
}

@media (max-width: 600px) {
  body.search .tlx-search-results .tlx-search-title-row {
    display: block !important;
    margin-bottom: 2.5rem !important;
  }

  body.search .tlx-search-results .tlx-search-title-row .breadcrumbs {
    margin-top: 1rem !important;
  }

  body.search .tlx-search-results .products-wrapper > ul.products {
    grid-template-columns: 1fr !important;
    gap: 1.8rem !important;
  }

  body.search .tlx-search-results .products-wrapper > ul.products > article.products-box,
  body.search .tlx-search-results .products-wrapper > ul.products > .products-box {
    padding: 2rem !important;
    border-radius: 2rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.87 — filter na rezultatima pretrage identičan filteru kategorija
===================================================================================== */

body.search .tlx-search-results .page-aside.tobylex-filter-aside {
  width: 31rem !important;
  max-width: 31rem !important;
  flex: 0 0 31rem !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  height: auto !important;
  max-height: calc(100vh - 12rem) !important;
  overflow: visible !important;
  position: sticky !important;
  top: 10rem !important;
}

body.search .tlx-search-results .tlx-product-filter {
  width: 100% !important;
  max-width: 100% !important;
  padding: 2.4rem 2rem !important;
  border: 1px solid #e7e7e7 !important;
  border-top: 4px solid #f68902 !important;
  border-radius: 2rem !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.045) !important;
  box-sizing: border-box !important;
}

body.search .tlx-search-results .tlx-filter-head {
  padding-bottom: 1.8rem !important;
}

body.search .tlx-search-results .tlx-filter-head h2 {
  margin: 0 !important;
  font-size: 2.1rem !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

body.search .tlx-search-results .tlx-filter-section {
  padding: .9rem 0 !important;
}

body.search .tlx-search-results .tlx-filter-section-title {
  min-height: 4.8rem !important;
  padding: 1.1rem 1rem !important;
  font-size: 1.55rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

body.search .tlx-search-results .tlx-sale-option {
  min-height: 4.6rem !important;
  margin-top: .8rem !important;
  border-radius: 1rem !important;
  font-size: 1.4rem !important;
}

@media (max-width: 1200px) {
  body.search .tlx-search-results .page-aside.tobylex-filter-aside {
    width: 28rem !important;
    max-width: 28rem !important;
    flex-basis: 28rem !important;
  }
}

@media (max-width: 900px) {
  body.search .tlx-search-results .page-aside.tobylex-filter-aside {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    top: auto !important;
  }

  body.search .tlx-search-results .tlx-product-filter {
    width: 100% !important;
    max-width: none !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.88 — uglađene WooCommerce obavijesti kroz cijeli webshop
===================================================================================== */
body .woocommerce-notices-wrapper {
  margin: 0 0 2rem;
}
body .woocommerce-notices-wrapper:empty {
  display: none !important;
}
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body ul.woocommerce-error,
body ul.woocommerce-message,
body ul.woocommerce-info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  min-height: 6.8rem;
  margin: 0 0 1.6rem !important;
  padding: 1.7rem 2rem 1.7rem 5.4rem !important;
  border: 1px solid #ece7e0 !important;
  border-top: 3px solid #f68902 !important;
  border-radius: 1.8rem !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.045) !important;
  color: #2e2e2e !important;
  font-size: 1.6rem !important;
  line-height: 1.55 !important;
  list-style: none !important;
  box-sizing: border-box;
}
body .woocommerce-error,
body ul.woocommerce-error {
  border-top-color: #e25252 !important;
  background: #fffafb !important;
}
body .woocommerce-info,
body ul.woocommerce-info {
  border-top-color: #f68902 !important;
  background: #fffdf9 !important;
}
body .woocommerce-message,
body ul.woocommerce-message {
  border-top-color: #f68902 !important;
  background: #fffdf9 !important;
}
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before {
  top: 50% !important;
  left: 1.9rem !important;
  margin: 0 !important;
  transform: translateY(-50%);
  font-size: 1.8rem !important;
  line-height: 1 !important;
}
body .woocommerce-message::before {
  color: #f68902 !important;
}
body .woocommerce-info::before {
  color: #f68902 !important;
}
body .woocommerce-error::before {
  color: #e25252 !important;
}
body .woocommerce-message a:not(.button),
body .woocommerce-info a:not(.button),
body .woocommerce-error a:not(.button) {
  color: #f68902;
  font-weight: 600;
  text-decoration: none;
}
body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-error .button {
  margin: 0 0 0 auto !important;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 4.6rem;
  padding: 1.2rem 2.4rem !important;
  border: none !important;
  border-radius: 999px !important;
  background: #f68902 !important;
  color: #fff !important;
  font-size: 1.45rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  white-space: nowrap;
}
body .woocommerce-message .button:hover,
body .woocommerce-info .button:hover,
body .woocommerce-error .button:hover {
  background: #dc7c02 !important;
  color: #fff !important;
}
body ul.woocommerce-error li,
body ul.woocommerce-message li,
body ul.woocommerce-info li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Nemoj razvući gumb preko cijele širine na notices barovima */
body .woocommerce-notices-wrapper .button.wc-forward {
  min-width: 16rem;
}

/* Stranica košarice i checkout — iste, urednije notices kartice */
body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce-notices-wrapper,
body.search .woocommerce-notices-wrapper {
  margin-bottom: 2rem;
}

/* Na single produktu zadrži novi globalni stil, ali kompaktnije */
body.single-product .woocommerce-error,
body.single-product .woocommerce-message,
body.single-product .woocommerce-info {
  min-height: 6rem;
  padding: 1.4rem 1.8rem 1.4rem 4.9rem !important;
  border-top-width: 3px !important;
  border-radius: 1.6rem !important;
  font-size: 1.45rem !important;
}
body.single-product .woocommerce-message .button,
body.single-product .woocommerce-info .button,
body.single-product .woocommerce-error .button {
  min-height: 4.2rem;
  padding: 1rem 2rem !important;
  font-size: 1.3rem !important;
}

@media (max-width: 767px) {
  body .woocommerce-message,
  body .woocommerce-info,
  body .woocommerce-error,
  body ul.woocommerce-error,
  body ul.woocommerce-message,
  body ul.woocommerce-info {
    display: block;
    min-height: 0;
    padding: 1.4rem 1.4rem 1.4rem 4.6rem !important;
    font-size: 1.45rem !important;
  }
  body .woocommerce-message .button,
  body .woocommerce-info .button,
  body .woocommerce-error .button {
    margin: 1.2rem 0 0 !important;
    width: 100%;
    min-width: 0;
  }
  body .woocommerce-message::before,
  body .woocommerce-info::before,
  body .woocommerce-error::before {
    left: 1.5rem !important;
    font-size: 1.7rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.0.90 — jednake visine kartica u svim sliderima proizvoda
===================================================================================== */
/* Slick slajdovi proizvoda moraju istezati unutarnje kartice na istu visinu,
   bez mijenjanja izgleda samih kartica. */
.products-slider .slick-track {
  display: flex !important;
  align-items: stretch !important;
}
.products-slider .slick-slide {
  height: auto !important;
}
.products-slider .slick-slide > div {
  height: 100% !important;
}
.products-slider .slick-slide .products-box {
  height: 100% !important;
  min-height: 47rem !important;
  display: flex !important;
  flex-direction: column !important;
}
.products-slider .slick-slide .products-image {
  min-height: 22rem !important;
}
.products-slider .slick-slide .products-image img {
  width: 100% !important;
  height: 22rem !important;
  object-fit: contain !important;
  object-position: center !important;
}
.products-slider .slick-slide .product-box-bottom {
  margin-top: auto !important;
}
@media (max-width: 900px) {
  .products-slider .slick-slide .products-box {
    min-height: 44rem !important;
  }
  .products-slider .slick-slide .products-image,
  .products-slider .slick-slide .products-image img {
    min-height: 20rem !important;
    height: 20rem !important;
  }
}
@media (max-width: 600px) {
  .products-slider .slick-slide .products-box {
    min-height: 41rem !important;
  }
  .products-slider .slick-slide .products-image,
  .products-slider .slick-slide .products-image img {
    min-height: 18rem !important;
    height: 18rem !important;
  }
}






/* ==================================================================================
   Tobylex 1.0.93 — stabilan checkout bez skakanja kod BOX NOW
   Metode su uvijek jednake visine; detalji dostave imaju zasebno, stalno mjesto.
===================================================================================== */

body.woocommerce-checkout #order_review ul#shipping_method {
  display: grid !important;
  gap: .8rem !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method li {
  display: grid !important;
  grid-template-columns: 2rem minmax(0,1fr) !important;
  align-items: center !important;
  gap: 1rem !important;
  height: 5.2rem !important;
  min-height: 5.2rem !important;
  max-height: 5.2rem !important;
  padding: 0 1.25rem !important;
  overflow: hidden !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 1rem !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout #order_review ul#shipping_method li:has(input[type="radio"]:checked) {
  border-color: #f68902 !important;
  background: #fff8ef !important;
}

body.woocommerce-checkout #order_review ul#shipping_method li > label {
  display: flex !important;
  align-items: center !important;
  gap: .9rem !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

body.woocommerce-checkout #order_review .tlx-boxnow-locator {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.7rem !important;
  padding: .35rem .7rem !important;
  margin-left: auto !important;
  border-radius: .7rem !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Originalni zeleni BOX NOW panel skrivamo samo vizualno;
   njegov sadržaj prebacujemo u zasebnu informacijsku karticu ispod metoda. */
body.woocommerce-checkout #order_review .tlx-boxnow-original-detail {
  display: none !important;
}

/* Stabilna zona detalja: uvijek ista visina, zato se payment dio ne pomiče. */
body.woocommerce-checkout #order_review .tlx-shipping-detail-slot {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 8.6rem !important;
  height: 8.6rem !important;
  margin-top: 1rem !important;
  padding: 1.15rem 1.4rem !important;
  overflow: hidden !important;
  border: 1px solid #ece7e0 !important;
  border-radius: 1.2rem !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-slot.is-boxnow {
  border-color: #b9df9c !important;
  background: #f5fff0 !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-inner {
  width: 100% !important;
  min-width: 0 !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-kicker {
  display: block !important;
  margin: 0 0 .35rem !important;
  color: #79736d !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .045em !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-slot.is-boxnow .tlx-shipping-detail-kicker {
  color: #55a933 !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-title {
  display: block !important;
  margin: 0 !important;
  color: #181818 !important;
  font-size: 1.4rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-text {
  display: block !important;
  margin-top: .25rem !important;
  color: #514b45 !important;
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

@media (max-width: 768px) {
  body.woocommerce-checkout #order_review ul#shipping_method li {
    height: auto !important;
    min-height: 5.2rem !important;
    max-height: none !important;
    padding-top: .9rem !important;
    padding-bottom: .9rem !important;
    overflow: visible !important;
  }

  body.woocommerce-checkout #order_review .tlx-shipping-detail-slot {
    min-height: 9.4rem !important;
    height: 9.4rem !important;
  }
}




/* ==================================================================================
   Tobylex 1.0.93.2 — završni BOX NOW raspored
   - Lokator je stvarno premješten u BOX NOW karticu
   - kod drugih metoda zadržava se nevidljivi prostor detalja da checkout ne skače
===================================================================================== */

/* BOX NOW naziv i zeleni Lokator u istom retku. */
body.woocommerce-checkout #order_review ul#shipping_method li.tlx-boxnow-method > label {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.woocommerce-checkout #order_review .tlx-boxnow-locator {
  position: static !important;
  inset: auto !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 8rem !important;
  min-height: 2.5rem !important;
  height: 2.5rem !important;
  margin: 0 0 0 auto !important;
  padding: 0 .7rem !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: .65rem !important;
  background: #76c442 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Kod druge dostave slot ostaje iste visine, ali se ništa ne vidi.
   Time se cijeli checkout više ne pomiče. */
body.woocommerce-checkout #order_review .tlx-shipping-detail-slot:not(.is-boxnow) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* BOX NOW detalj uredan, bez nepotrebnog ponavljanja naziva metode. */
body.woocommerce-checkout #order_review .tlx-shipping-detail-slot.is-boxnow {
  visibility: visible !important;
  opacity: 1 !important;
  border-color: #b9df9c !important;
  background: #f5fff0 !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-slot.is-boxnow .tlx-shipping-detail-title:empty {
  display: none !important;
}

body.woocommerce-checkout #order_review .tlx-shipping-detail-slot.is-boxnow .tlx-shipping-detail-text {
  margin-top: .2rem !important;
  color: #27231f !important;
  font-weight: 600 !important;
}

@media (max-width: 768px) {
  body.woocommerce-checkout #order_review .tlx-boxnow-locator {
    max-width: 7rem !important;
    height: 2.4rem !important;
    min-height: 2.4rem !important;
    padding: 0 .6rem !important;
    font-size: .95rem !important;
  }
}

/* ==================================================================================
   Tobylex 1.0.96 — oštriji logotip iste vizualne veličine, bez rastezanja
   ================================================================================== */
/* Umjesto CSS scale transformacije, logotip se sada prikazuje u stvarnoj širini.
   Time ostaje iste vizualne veličine kao u 1.0.95, ali zadržava bolju oštrinu.
   Negativna margina služi samo da se ne poveća razmak prema slideru. */
header .container.header-logo > .custom-logo-link,
header .container.header-logo > a.header-logo {
  display: block;
  overflow: visible;
  line-height: 0;
}

header .container.header-logo > .custom-logo-link img,
header .container.header-logo > a.header-logo img,
header .container.header-logo img.custom-logo {
  display: block;
  height: auto !important;
  max-width: none;
  aspect-ratio: auto;
  object-fit: contain;
  image-rendering: auto;
  backface-visibility: hidden;
}

/* Mobitel: zadržana dobra veličina, ali bez gubitka kvalitete. */
@media only screen and (max-width: 40em) {
  header .container.header-logo > .custom-logo-link,
  header .container.header-logo > a.header-logo {
    margin: -.08rem 0 -.45rem;
  }

  header .container.header-logo > .custom-logo-link img,
  header .container.header-logo > a.header-logo img,
  header .container.header-logo img.custom-logo {
    width: 20.8rem;
  }
}

/* Tablet i manji laptopi. */
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  header .container.header-logo > .custom-logo-link,
  header .container.header-logo > a.header-logo {
    margin: -.1rem 0 -.55rem;
  }

  header .container.header-logo > .custom-logo-link img,
  header .container.header-logo > a.header-logo img,
  header .container.header-logo img.custom-logo {
    width: 28.8rem;
  }
}

/* Desktop: ista vizualna veličina kao prije, ali oštrije renderiranje. */
@media only screen and (min-width: 64.0625em) {
  header .container.header-logo > .custom-logo-link,
  header .container.header-logo > a.header-logo {
    margin: -.12rem 0 -.65rem;
  }

  header .container.header-logo > .custom-logo-link img,
  header .container.header-logo > a.header-logo img,
  header .container.header-logo img.custom-logo {
    width: 29.8rem;
  }
}


/* ==================================================================================
   Tobylex 1.1.00 — ujednačen prikaz cijena na svim karticama proizvoda
   ================================================================================== */
/* Sve cijene na karticama su centrirane. Važeća cijena ima jasan, ali umjeren naglasak. */
.products-box .price,
.products-box .prod-price,
.tlx-product-card .price,
.tlx-product-card .prod-price,
.tlx-featured-all-grid .price,
.tlx-featured-all-grid .prod-price {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 1.72rem !important;
  line-height: 1.38 !important;
  font-weight: 600 !important;
}

/* Ako WooCommerce koristi del/ins za redovnu i akcijsku cijenu, stara ostaje sekundarna. */
.products-box .price del,
.products-box .prod-price del,
.tlx-product-card .price del,
.tlx-product-card .prod-price del {
  display: block !important;
  margin: 0 0 .25rem !important;
  color: #8b8580 !important;
  font-size: 1.22rem !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.products-box .price ins,
.products-box .prod-price ins,
.tlx-product-card .price ins,
.tlx-product-card .prod-price ins {
  display: block !important;
  color: #111 !important;
  font-size: 1.78rem !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

/* Povijesna cijena je informativna i ne preuzima pažnju. */
.products-box .tlx-lowest-30-price,
.tlx-product-card .tlx-lowest-30-price {
  display: block !important;
  width: 100% !important;
  margin: .35rem auto .3rem !important;
  padding: 0 !important;
  text-align: center !important;
  color: #7c7772 !important;
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Važeća akcijska cijena: uočljivija, ali bez golemog single-product tretmana. */
.products-box .tlx-current-sale-price,
.tlx-product-card .tlx-current-sale-price {
  display: block !important;
  width: 100% !important;
  margin: .25rem auto .8rem !important;
  padding: 0 !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 1.82rem !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
}
.products-box .tlx-current-sale-price strong,
.products-box .tlx-current-sale-price b,
.products-box .tlx-current-sale-price .amount,
.products-box .tlx-current-sale-price .woocommerce-Price-amount,
.tlx-product-card .tlx-current-sale-price strong,
.tlx-product-card .tlx-current-sale-price b,
.tlx-product-card .tlx-current-sale-price .amount,
.tlx-product-card .tlx-current-sale-price .woocommerce-Price-amount {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

/* Jedinična cijena i ostale sekundarne informacije također su centrirane. */
.products-box .tobylex-secondary-price-info,
.products-box .product_unit_price,
.products-box .unit-price,
.products-box .unit_price,
.tlx-product-card .tobylex-secondary-price-info,
.tlx-product-card .product_unit_price,
.tlx-product-card .unit-price,
.tlx-product-card .unit_price {
  display: block !important;
  width: 100% !important;
  margin: .35rem auto !important;
  text-align: center !important;
  color: #817a73 !important;
  font-size: 1.12rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Ključno: single-product stilovi više ne smiju napuhati cijenu unutar slidera Slični proizvodi. */
body.single-product .products-box .tlx-lowest-30-price {
  font-size: 1.2rem !important;
  text-align: center !important;
}
body.single-product .products-box .tlx-current-sale-price {
  font-size: 1.82rem !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  text-align: center !important;
  letter-spacing: -.01em !important;
}
body.single-product .products-box .tlx-sale-history-wrapper {
  margin: .35rem 0 .8rem !important;
  text-align: center !important;
}
body.single-product .products-box .tobylex-secondary-price-info {
  font-size: 1.12rem !important;
  text-align: center !important;
}

@media (max-width: 600px) {
  .products-box .price,
  .products-box .prod-price,
  .tlx-product-card .price,
  .tlx-product-card .prod-price {
    font-size: 1.62rem !important;
  }
  .products-box .tlx-current-sale-price,
  .tlx-product-card .tlx-current-sale-price,
  body.single-product .products-box .tlx-current-sale-price {
    font-size: 1.7rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.02 — povećan samo iznos trenutne akcijske cijene
   ================================================================================== */
/* Tekst "Trenutna cijena:" ostaje u postojećoj veličini. Povećava se samo brojčani
   iznos cijene. Najniža cijena u zadnjih 30 dana i ostale cijene ostaju kao u 1.1.00. */
.products-box .tlx-current-sale-price .amount,
.products-box .tlx-current-sale-price .woocommerce-Price-amount,
.products-box .tlx-current-sale-price bdi,
.tlx-product-card .tlx-current-sale-price .amount,
.tlx-product-card .tlx-current-sale-price .woocommerce-Price-amount,
.tlx-product-card .tlx-current-sale-price bdi,
body.single-product .products-box .tlx-current-sale-price .amount,
body.single-product .products-box .tlx-current-sale-price .woocommerce-Price-amount,
body.single-product .products-box .tlx-current-sale-price bdi {
  font-size: 2em !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
}

@media (max-width: 600px) {
  .products-box .tlx-current-sale-price .amount,
  .products-box .tlx-current-sale-price .woocommerce-Price-amount,
  .products-box .tlx-current-sale-price bdi,
  .tlx-product-card .tlx-current-sale-price .amount,
  .tlx-product-card .tlx-current-sale-price .woocommerce-Price-amount,
  .tlx-product-card .tlx-current-sale-price bdi,
  body.single-product .products-box .tlx-current-sale-price .amount,
  body.single-product .products-box .tlx-current-sale-price .woocommerce-Price-amount,
  body.single-product .products-box .tlx-current-sale-price bdi {
    font-size: 2em !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.03 — jedinstvena hijerarhija kartica i cijena u cijelom web shopu
   ================================================================================== */
/* Jednaki vizualni oblik svih standardnih kartica proizvoda. Širina ostaje responzivna
   prema gridu/slideru, ali kartica ima isti radijus, obrub, unutarnji ritam i flex raspored. */
.products-box {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 3rem !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 3rem !important;
  box-shadow: none !important;
}

/* Naziv proizvoda: bez povećanja, samo lagano podebljan i centriran. */
.products-box h3,
.products-box h3 a,
.tlx-product-card h3,
.tlx-product-card h3 a {
  text-align: center !important;
  font-weight: 600 !important;
}

/* Kategorija ostaje sekundarna, ali poravnanje prati naslov radi urednije kartice. */
.products-box h4,
.products-box h4 a,
.tlx-product-card h4,
.tlx-product-card h4 a {
  text-align: center !important;
}

/* Najniža cijena u zadnjih 30 dana: manja, mirna i centrirana. */
.products-box .tlx-lowest-30-price,
.tlx-product-card .tlx-lowest-30-price,
body.single-product .products-box .tlx-lowest-30-price {
  display: block !important;
  width: 100% !important;
  margin: .55rem auto .35rem !important;
  text-align: center !important;
  color: #555 !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Tekst "Trenutna cijena:" ostaje normalne veličine i u sredini. */
.products-box .tlx-current-sale-price,
.tlx-product-card .tlx-current-sale-price,
body.single-product .products-box .tlx-current-sale-price {
  display: block !important;
  width: 100% !important;
  margin: .2rem auto .75rem !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 1.5rem !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Stvarna sadašnja cijena ide u novi red i 50 % je veća od teksta iznad. */
.products-box .tlx-current-sale-price .amount,
.products-box .tlx-current-sale-price .woocommerce-Price-amount,
.products-box .tlx-current-sale-price bdi,
.tlx-product-card .tlx-current-sale-price .amount,
.tlx-product-card .tlx-current-sale-price .woocommerce-Price-amount,
.tlx-product-card .tlx-current-sale-price bdi,
body.single-product .products-box .tlx-current-sale-price .amount,
body.single-product .products-box .tlx-current-sale-price .woocommerce-Price-amount,
body.single-product .products-box .tlx-current-sale-price bdi,
.products-box .tlx-current-amount {
  display: block !important;
  width: 100% !important;
  margin-top: .12rem !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 2.25rem !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
}

/* Jednostavni i varijabilni proizvodi koji nemaju zaseban akcijski red dobivaju
   istu hijerarhiju: oznaka trenutne cijene + veći iznos/range ispod. */
.products-box .price.tlx-standard-current-price,
.products-box .prod-price.tlx-standard-current-price,
.tlx-product-card .price.tlx-standard-current-price,
.tlx-product-card .prod-price.tlx-standard-current-price {
  display: block !important;
  width: 100% !important;
  margin: .2rem auto .75rem !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 2.25rem !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
}
.products-box .price.tlx-standard-current-price::before,
.products-box .prod-price.tlx-standard-current-price::before,
.tlx-product-card .price.tlx-standard-current-price::before,
.tlx-product-card .prod-price.tlx-standard-current-price::before {
  content: "Trenutna cijena:";
  display: block;
  margin-bottom: .12rem;
  text-align: center;
  color: #111;
  font-size: 1.5rem;
  line-height: 1.35;
  font-weight: 400;
}
.products-box .price.tlx-standard-current-price .amount,
.products-box .price.tlx-standard-current-price .woocommerce-Price-amount,
.products-box .prod-price.tlx-standard-current-price .amount,
.products-box .prod-price.tlx-standard-current-price .woocommerce-Price-amount,
.tlx-product-card .price.tlx-standard-current-price .amount,
.tlx-product-card .price.tlx-standard-current-price .woocommerce-Price-amount {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

/* Jedinična cijena jednaka je hijerarhiji najniže cijene. */
.products-box .tobylex-secondary-price-info,
.products-box .product_unit_price,
.products-box .unit-price,
.products-box .unit_price,
.tlx-product-card .tobylex-secondary-price-info,
.tlx-product-card .product_unit_price,
.tlx-product-card .unit-price,
.tlx-product-card .unit_price {
  display: block !important;
  width: 100% !important;
  margin: .35rem auto .6rem !important;
  text-align: center !important;
  color: #555 !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Donji dio svih kartica ostaje na istoj osnovici. */
.products-box .product-box-bottom,
.tlx-product-card .product-box-bottom {
  margin-top: auto !important;
}

@media (max-width: 600px) {
  .products-box { padding: 2rem !important; border-radius: 2.4rem !important; }

  .products-box .tlx-lowest-30-price,
  .tlx-product-card .tlx-lowest-30-price,
  .products-box .tobylex-secondary-price-info,
  .products-box .product_unit_price,
  .products-box .unit-price,
  .products-box .unit_price,
  .tlx-product-card .tobylex-secondary-price-info {
    font-size: 1.2rem !important;
  }

  .products-box .tlx-current-sale-price,
  .tlx-product-card .tlx-current-sale-price,
  .products-box .price.tlx-standard-current-price::before,
  .products-box .prod-price.tlx-standard-current-price::before {
    font-size: 1.45rem !important;
  }

  .products-box .tlx-current-sale-price .amount,
  .products-box .tlx-current-sale-price .woocommerce-Price-amount,
  .products-box .tlx-current-sale-price bdi,
  .tlx-product-card .tlx-current-sale-price .amount,
  .tlx-product-card .tlx-current-sale-price .woocommerce-Price-amount,
  .tlx-product-card .tlx-current-sale-price bdi,
  .products-box .tlx-current-amount,
  .products-box .price.tlx-standard-current-price,
  .products-box .prod-price.tlx-standard-current-price {
    font-size: 2.15rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.04 — isti raspored cijena i za proizvode koji nisu na akciji
   ================================================================================== */
/* Kod proizvoda bez akcije NE prikazujemo tekst "Trenutna cijena:". Sama važeća
   cijena ostaje u istom vizualnom rangu kao iznos trenutne cijene kod akcijskih proizvoda. */
.products-box .price.tlx-standard-current-price::before,
.products-box .prod-price.tlx-standard-current-price::before,
.tlx-product-card .price.tlx-standard-current-price::before,
.tlx-product-card .prod-price.tlx-standard-current-price::before {
  content: none !important;
  display: none !important;
}

.products-box .price.tlx-standard-current-price,
.products-box .prod-price.tlx-standard-current-price,
.tlx-product-card .price.tlx-standard-current-price,
.tlx-product-card .prod-price.tlx-standard-current-price,
body.single-product .products-box .price.tlx-standard-current-price,
body.single-product .products-box .prod-price.tlx-standard-current-price {
  display: block !important;
  width: 100% !important;
  margin: .2rem auto .75rem !important;
  padding: 0 !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 2.25rem !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

/* Najniža cijena ima isti izgled i isti položaj na akcijskim i neakcijskim karticama. */
.products-box .tlx-lowest-30-price,
.tlx-product-card .tlx-lowest-30-price,
body.single-product .products-box .tlx-lowest-30-price {
  display: block !important;
  width: 100% !important;
  margin: .55rem auto .35rem !important;
  padding: 0 !important;
  text-align: center !important;
  color: #555 !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Iznos unutar standardne cijene ne smije naslijediti zasebnu, veću ili manju veličinu. */
.products-box .price.tlx-standard-current-price .amount,
.products-box .price.tlx-standard-current-price .woocommerce-Price-amount,
.products-box .price.tlx-standard-current-price bdi,
.products-box .prod-price.tlx-standard-current-price .amount,
.products-box .prod-price.tlx-standard-current-price .woocommerce-Price-amount,
.products-box .prod-price.tlx-standard-current-price bdi,
.tlx-product-card .price.tlx-standard-current-price .amount,
.tlx-product-card .price.tlx-standard-current-price .woocommerce-Price-amount,
.tlx-product-card .price.tlx-standard-current-price bdi,
.tlx-product-card .prod-price.tlx-standard-current-price .amount,
.tlx-product-card .prod-price.tlx-standard-current-price .woocommerce-Price-amount,
.tlx-product-card .prod-price.tlx-standard-current-price bdi {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

@media (max-width: 600px) {
  .products-box .price.tlx-standard-current-price,
  .products-box .prod-price.tlx-standard-current-price,
  .tlx-product-card .price.tlx-standard-current-price,
  .tlx-product-card .prod-price.tlx-standard-current-price {
    font-size: 2.15rem !important;
  }

  .products-box .tlx-lowest-30-price,
  .tlx-product-card .tlx-lowest-30-price,
  body.single-product .products-box .tlx-lowest-30-price {
    font-size: 1.2rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.05 — ista pravila cijena i na karticama unutar kategorija
   ================================================================================== */
/* Kategorije/arhive mogu koristiti WooCommerce li.product umjesto .products-box.
   Ovi selektori preslikavaju isti izgled iz ostalih kartica bez promjene strukture. */
body.tax-product_cat ul.products li.product h3,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product ul.products li.product h3,
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.woocommerce.archive .products-wrapper .products-box h3 {
  text-align: center !important;
  font-weight: 600 !important;
}

body.tax-product_cat ul.products li.product .tlx-lowest-30-price,
body.post-type-archive-product ul.products li.product .tlx-lowest-30-price,
body.woocommerce.archive .products-wrapper .tlx-lowest-30-price {
  display: block !important;
  width: 100% !important;
  margin: .35rem auto .3rem !important;
  text-align: center !important;
  color: #7c7772 !important;
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

body.tax-product_cat ul.products li.product .tlx-current-sale-price,
body.post-type-archive-product ul.products li.product .tlx-current-sale-price,
body.woocommerce.archive .products-wrapper .tlx-current-sale-price {
  display: block !important;
  width: 100% !important;
  margin: .25rem auto .8rem !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 1.32rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

body.tax-product_cat ul.products li.product .tlx-current-sale-price .tlx-current-amount,
body.tax-product_cat ul.products li.product .tlx-current-sale-price .amount,
body.tax-product_cat ul.products li.product .tlx-current-sale-price .woocommerce-Price-amount,
body.tax-product_cat ul.products li.product .tlx-current-sale-price bdi,
body.post-type-archive-product ul.products li.product .tlx-current-sale-price .tlx-current-amount,
body.post-type-archive-product ul.products li.product .tlx-current-sale-price .amount,
body.post-type-archive-product ul.products li.product .tlx-current-sale-price .woocommerce-Price-amount,
body.post-type-archive-product ul.products li.product .tlx-current-sale-price bdi,
body.woocommerce.archive .products-wrapper .tlx-current-sale-price .tlx-current-amount,
body.woocommerce.archive .products-wrapper .tlx-current-sale-price .amount,
body.woocommerce.archive .products-wrapper .tlx-current-sale-price .woocommerce-Price-amount,
body.woocommerce.archive .products-wrapper .tlx-current-sale-price bdi {
  display: block !important;
  margin-top: .18rem !important;
  font-size: 1.5em !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

/* Neakcijski proizvod: nema oznake "Trenutna cijena", samo istaknuti iznos iste
   veličine kao stvarni iznos akcijske cijene. */
body.tax-product_cat ul.products li.product .price.tlx-standard-current-price,
body.tax-product_cat ul.products li.product .prod-price.tlx-standard-current-price,
body.post-type-archive-product ul.products li.product .price.tlx-standard-current-price,
body.post-type-archive-product ul.products li.product .prod-price.tlx-standard-current-price,
body.woocommerce.archive .products-wrapper .price.tlx-standard-current-price,
body.woocommerce.archive .products-wrapper .prod-price.tlx-standard-current-price {
  display: block !important;
  width: 100% !important;
  margin: .25rem auto .8rem !important;
  text-align: center !important;
  color: #111 !important;
  font-size: 1.98rem !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

body.tax-product_cat ul.products li.product .tobylex-secondary-price-info,
body.tax-product_cat ul.products li.product .product_unit_price,
body.tax-product_cat ul.products li.product .unit-price,
body.tax-product_cat ul.products li.product .unit_price,
body.post-type-archive-product ul.products li.product .tobylex-secondary-price-info,
body.post-type-archive-product ul.products li.product .product_unit_price,
body.post-type-archive-product ul.products li.product .unit-price,
body.post-type-archive-product ul.products li.product .unit_price,
body.woocommerce.archive .products-wrapper .tobylex-secondary-price-info,
body.woocommerce.archive .products-wrapper .product_unit_price,
body.woocommerce.archive .products-wrapper .unit-price,
body.woocommerce.archive .products-wrapper .unit_price {
  display: block !important;
  width: 100% !important;
  margin: .35rem auto !important;
  text-align: center !important;
  color: #7c7772 !important;
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}


/* ==================================================================================
   Tobylex 1.1.06 — jednaki tabovi proizvoda
   ================================================================================== */
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
  gap: 1.2rem !important;
  align-items: stretch;
  margin: 0 0 2rem !important;
  padding: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: stretch;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .tabs a {
  width: 100% !important;
  min-height: 5.2rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  line-height: 1.25;
  padding: 1.2rem 1.6rem !important;
}

@media only screen and (max-width: 40em) {
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product ul.tabs.wc-tabs {
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: .9rem !important;
  }

  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product ul.tabs.wc-tabs li a,
  body.single-product .tabs a {
    min-height: 4.8rem;
    padding: 1rem 1.2rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.07 — vizualno dorađena informacijska kartica proizvoda
   Raspored 2x2 ostaje potpuno isti.
   ================================================================================== */
body.single-product .tlx-product-info-grid {
  background:#fdfcfb !important;
  border-color:#ebe4dc !important;
  box-shadow:0 .8rem 2.4rem rgba(35,27,20,.045);
}
body.single-product .tlx-product-info-item {
  gap:1.5rem !important;
  padding:1.65rem 1.8rem !important;
  border-color:#eee8e1 !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex:0 0 5.4rem !important;
  width:5.4rem !important;
  height:5.4rem !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border:1px solid #f0e5d9;
  border-radius:50%;
  background:#fffaf5;
  color:#f58220 !important;
  box-shadow:0 .5rem 1.3rem rgba(245,130,32,.07);
}
body.single-product .tlx-product-info-item .tlx-info-icon svg {
  width:3rem;
  height:3rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.single-product .tlx-product-info-item small {
  color:#8a8177 !important;
  font-size:1.02rem !important;
  letter-spacing:.045em !important;
}
body.single-product .tlx-product-info-item strong,
body.single-product .tlx-product-info-item strong a {
  color:#1b1713 !important;
  text-decoration:none !important;
}
body.single-product .tlx-product-info-item strong a {
  transition:color .18s ease;
}
body.single-product .tlx-product-info-item strong a:hover,
body.single-product .tlx-product-info-item strong a:focus-visible {
  color:#f58220 !important;
}
/* Cijena na dan ostaje neutralna kao i prije — bez narančastog iznosa. */
body.single-product .tlx-info-date-value {
  color:#1b1713 !important;
}

@media only screen and (max-width:40em) {
  body.single-product .tlx-product-info-item {
    gap:1.1rem !important;
  }
  body.single-product .tlx-product-info-item .tlx-info-icon {
    flex-basis:4.6rem !important;
    width:4.6rem !important;
    height:4.6rem !important;
  }
  body.single-product .tlx-product-info-item .tlx-info-icon svg {
    width:2.6rem;
    height:2.6rem;
  }
}


/* ==================================================================================
   Tobylex 1.1.08 — centrirana glavna cijena na single productu
   ================================================================================== */
body.single-product .summary .woocommerce-product-details__short-description + .single-price,
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price,
body.single-product .tlx-sale-history-wrapper,
body.single-product .tlx-lowest-30-price,
body.single-product .tlx-current-sale-price,
body.single-product .tobylex-secondary-price-info,
body.single-product form.variations_form .single_variation .woocommerce-variation-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price .price {
  text-align: center !important;
  justify-content: center !important;
  width: 100% !important;
}

body.single-product .single-price del,
body.single-product .single-price ins,
body.single-product .summary p.price del,
body.single-product .summary p.price ins,
body.single-product .summary span.price del,
body.single-product .summary span.price ins,
body.single-product form.variations_form .single_variation .woocommerce-variation-price del,
body.single-product form.variations_form .single_variation .woocommerce-variation-price ins {
  display: inline-block;
}


/* ==================================================================================
   Tobylex 1.1.10 — centriran naziv proizvoda i podnaslov na single productu
   ================================================================================== */
body.single-product div.product .product_title,
body.single-product .woocommerce div.product .product_title,
body.single-product h1.product_title.entry-title,
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-product-details__short-description p,
body.single-product .single-text .title + p {
  text-align: center !important;
}

body.single-product .woocommerce-product-details__short-description {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ==================================================================================
   Tobylex 1.1.11 — centriran podnaslov i vraćen kratki opis na single productu
   ================================================================================== */
body.single-product .summary .Category-show,
body.single-product .summary .product-subtitle,
body.single-product .single-text .title + p {
  text-align: center !important;
}

body.single-product .woocommerce-product-details__short-description {
  display: block !important;
  text-align: center !important;
  max-width: 72rem;
  margin: 1rem auto 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
}

body.single-product .woocommerce-product-details__short-description p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ==================================================================================
   Tobylex 1.1.12 — kompaktniji purchase/info blok + vraćen kratki opis iznad njega
   ================================================================================== */
/* Kratki opis ostaje iznad purchase dijela i u nekoliko čitljivih redova. */
body.single-product .woocommerce-product-details__short-description {
  display: block !important;
  max-width: 68rem !important;
  margin: 1rem auto 1.55rem !important;
  padding: 0 !important;
  border: 0 !important;
  text-align: center !important;
  font-size: 1.22rem !important;
  line-height: 1.62 !important;
  color: #5f5a54 !important;
}

body.single-product .woocommerce-product-details__short-description p {
  margin: 0 0 .55rem !important;
  text-align: center !important;
}

/* Purchase row ostaje u istom rasporedu, ali je kompaktniji. */
body.single-product .tlx-purchase-row {
  grid-template-columns: 15rem minmax(18rem, 1fr) !important;
  gap: .9rem !important;
  padding: 1rem !important;
  border-radius: 1.25rem !important;
}

body.single-product .tlx-purchase-label {
  margin: 0 0 .4rem .15rem !important;
  font-size: .95rem !important;
  line-height: 1.2 !important;
}

body.single-product .tlx-quantity-box .single-quant {
  grid-template-columns: 3.9rem 1fr 3.9rem !important;
  height: 4.4rem !important;
  border-radius: .95rem !important;
}

body.single-product .tlx-quantity-box .single-quant input.qty {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
}

body.single-product .tlx-quantity-box .single-quant button {
  font-size: 1.4rem !important;
}

body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button {
  min-height: 4.4rem !important;
  height: 4.4rem !important;
  border-radius: .95rem !important;
  font-size: 1.28rem !important;
  padding: 0 1.8rem !important;
}

/* Informacijski grid je manji, ali zadržava isti 2x2 raspored. */
body.single-product .tlx-product-info-grid {
  margin-top: 1rem !important;
  border-radius: 1.2rem !important;
}

body.single-product .tlx-product-info-item {
  gap: 1rem !important;
  min-height: 6.4rem !important;
  padding: .95rem 1.15rem !important;
}

body.single-product .tlx-product-info-item .tlx-info-icon {
  flex: 0 0 4.2rem !important;
  width: 4.2rem !important;
  height: 4.2rem !important;
}

body.single-product .tlx-product-info-item .tlx-info-icon svg {
  width: 2.25rem !important;
  height: 2.25rem !important;
}

body.single-product .tlx-product-info-item small {
  font-size: .92rem !important;
  line-height: 1.2 !important;
}

body.single-product .tlx-product-info-item strong,
body.single-product .tlx-product-info-item .sku,
body.single-product .tlx-product-info-item .tlx-info-date-value {
  font-size: 1.12rem !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  body.single-product .woocommerce-product-details__short-description {
    max-width: 100% !important;
    margin: .9rem auto 1.25rem !important;
    font-size: 1.12rem !important;
  }

  body.single-product .tlx-purchase-row {
    grid-template-columns: 13rem minmax(0, 1fr) !important;
    gap: .8rem !important;
    padding: .9rem !important;
  }

  body.single-product .tlx-quantity-box .single-quant,
  body.single-product .tlx-purchase-row .single_add_to_cart_button,
  body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  body.single-product button.single_add_to_cart_button {
    height: 4rem !important;
    min-height: 4rem !important;
  }

  body.single-product .tlx-product-info-item {
    padding: .9rem 1rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.13 — kratki opis stvarno vraćen u WooCommerce summary
   ================================================================================== */
body.single-product .summary .woocommerce-product-details__short-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 66rem !important;
  margin: 1rem auto 1.45rem !important;
  padding: 0 !important;
  text-align: center !important;
  color: #5f5a54 !important;
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
}
body.single-product .summary .woocommerce-product-details__short-description p {
  display: block !important;
  margin: 0 0 .55rem !important;
  text-align: center !important;
}


/* ==================================================================================
   Tobylex 1.1.14 — kratki opis neutralne boje + CTA usklađen s gumbima teme
   ================================================================================== */
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .woocommerce-product-details__short-description p {
  color: #1d1d1d !important;
}

body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt {
  border-radius: 10rem !important;
  border: 0 !important;
  background: #f68902 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  transform: none !important;
  filter: none !important;
}

body.single-product .tlx-purchase-row .single_add_to_cart_button:hover,
body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
body.single-product button.single_add_to_cart_button:hover,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt:hover {
  background: #010105 !important;
  color: #fff !important;
  transform: none !important;
  filter: none !important;
}


/* ==================================================================================
   Tobylex 1.1.15 — kratki opis tipografski usklađen s punim opisom proizvoda
   ================================================================================== */
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .woocommerce-product-details__short-description p {
  font-family: inherit !important;
  color: #3b352f !important;
  font-size: 1.5rem !important;
  line-height: 1.82 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.single-product .summary .woocommerce-product-details__short-description {
  max-width: 72rem !important;
  margin: 1.1rem auto 1.55rem !important;
}

body.single-product .summary .woocommerce-product-details__short-description p {
  margin: 0 0 1.45rem !important;
}

@media (max-width: 767px) {
  body.single-product .summary .woocommerce-product-details__short-description,
  body.single-product .summary .woocommerce-product-details__short-description p {
    font-size: 1.4rem !important;
    line-height: 1.72 !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.16 — glavna cijena vizualno kao H1, bez bolda
   HTML semantika cijene ostaje nepromijenjena (ne dodajemo drugi H1).
   ================================================================================== */
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price,
body.single-product .tlx-current-sale-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price .price,
body.single-product form.variations_form .woocommerce-variation-price,
body.single-product form.variations_form .woocommerce-variation-price .price {
  font-size: clamp(2.5rem, 1.85vw, 3.25rem) !important;
  line-height: 1.16 !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
}

body.single-product .single-price .amount,
body.single-product .single-price .woocommerce-Price-amount,
body.single-product .single-price bdi,
body.single-product .summary p.price .amount,
body.single-product .summary p.price .woocommerce-Price-amount,
body.single-product .summary p.price bdi,
body.single-product .summary span.price .amount,
body.single-product .summary span.price .woocommerce-Price-amount,
body.single-product .summary span.price bdi,
body.single-product .tlx-current-sale-price strong,
body.single-product .tlx-current-sale-price b,
body.single-product .tlx-current-sale-price .amount,
body.single-product .tlx-current-sale-price .woocommerce-Price-amount,
body.single-product .tlx-current-sale-price bdi,
body.single-product form.variations_form .woocommerce-variation-price .amount,
body.single-product form.variations_form .woocommerce-variation-price .woocommerce-Price-amount,
body.single-product form.variations_form .woocommerce-variation-price bdi {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 400 !important;
  letter-spacing: inherit !important;
}

@media (max-width: 767px) {
  body.single-product .single-price,
  body.single-product .summary p.price,
  body.single-product .summary span.price,
  body.single-product .tlx-current-sale-price,
  body.single-product form.variations_form .single_variation .woocommerce-variation-price,
  body.single-product form.variations_form .single_variation .woocommerce-variation-price .price,
  body.single-product form.variations_form .woocommerce-variation-price,
  body.single-product form.variations_form .woocommerce-variation-price .price {
    font-size: clamp(2.25rem, 7vw, 2.8rem) !important;
    line-height: 1.18 !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.17 — manji gumb Pošalji u obrascu recenzije
   ================================================================================== */
body.single-product #review_form #respond .form-submit {
  margin-top: 1.2rem !important;
  text-align: center !important;
}

body.single-product #review_form #respond input#submit,
body.single-product .woocommerce-Reviews #respond input#submit {
  width: auto !important;
  min-width: 15rem !important;
  min-height: 4.2rem !important;
  height: 4.2rem !important;
  padding: 0 2.8rem !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  font-size: 1.3rem !important;
}


/* ==================================================================================
   Tobylex 1.1.18 — stranica proizvoda s bijelom pozadinom kao ostatak webshopa
   ================================================================================== */
body.single-product,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product,
body.single-product div.product .container,
body.single-product .single-wrapperxxx,
body.single-product .single-wrapperxxx > .summary.entry-summary,
body.single-product .single-wrapperxxx > .woocommerce-tabs,
body.single-product .single-wrapperxxx > .related,
body.single-product .single-wrapperxxx > .up-sells,
body.single-product .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .woocommerce-Tabs-panel,
body.single-product .single-text,
body.single-product .single-text-inner {
  background: #ffffff !important;
}

/* Zadržavamo osjećaj odvojenih cjelina preko sjene i blagih rubova, bez sivog platna. */
body.single-product .single-wrapperxxx > .summary.entry-summary,
body.single-product .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .single-wrapperxxx > .related,
body.single-product .single-wrapperxxx > .up-sells {
  border: 1px solid #eee7de !important;
  border-radius: 2rem !important;
  box-shadow: 0 12px 30px rgba(20,20,20,.035) !important;
}

body.single-product .single-wrapperxxx > .summary.entry-summary {
  padding: 2rem !important;
}

body.single-product .woocommerce-Tabs-panel {
  border-radius: 0 0 2rem 2rem !important;
}

/* Pločice koje trebaju ostati naglašene ostaju blago odvojene od podloge. */
body.single-product .tlx-purchase-row,
body.single-product .tlx-product-info-grid,
body.single-product .tlx-product-benefits,
body.single-product .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(17,17,17,.04) !important;
}


/* ==================================================================================
   Tobylex 1.1.19 — suptilna dekorativna grafika na stranici proizvoda
   Inspirirano grafikom sa stranice Kontakt, bez vraćanja sive podloge.
   ================================================================================== */
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product .container {
  background-color: #fff !important;
  background-image: url(/wp-content/uploads/2024/02/bg2.png), url(/wp-content/uploads/2024/02/bg4.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
  background-size: 100% auto, 100% auto;
}

/* Na samom glavnom layout bloku dekoracija ostaje vrlo suptilna. */
body.single-product .single-wrapperxxx {
  position: relative;
  background: transparent !important;
}

body.single-product .single-wrapperxxx > .summary.entry-summary,
body.single-product .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .single-wrapperxxx > .related,
body.single-product .single-wrapperxxx > .up-sells {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  body.single-product .site-main,
  body.single-product .woocommerce,
  body.single-product div.product .container {
    background-size: 140% auto, 140% auto;
  }
}


/* ==================================================================================
   Tobylex 1.1.20 — vidljivija dekorativna grafika na stranici proizvoda
   ================================================================================== */
body.single-product {
  position: relative;
  background: #fff !important;
  overflow-x: hidden;
}

/* Grafiku crtamo kao zasebne slojeve da je bijele kartice ne prekriju. */
body.single-product::before,
body.single-product::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity: .48;
}

body.single-product::before {
  top: 7rem;
  height: 34rem;
  background-image: url(/wp-content/uploads/2024/02/bg2.png);
  background-position: left top;
}

body.single-product::after {
  bottom: 0;
  height: 34rem;
  background-image: url(/wp-content/uploads/2024/02/bg4.png);
  background-position: left bottom;
}

body.single-product #page,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product,
body.single-product div.product .container {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* Kartice ostaju bijele da sadržaj bude čist i čitljiv. */
body.single-product .single-wrapperxxx > .summary.entry-summary,
body.single-product .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .single-wrapperxxx > .related,
body.single-product .single-wrapperxxx > .up-sells,
body.single-product .tlx-purchase-row,
body.single-product .tlx-product-info-grid,
body.single-product .tlx-product-benefits,
body.single-product .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  background: #fff !important;
}

@media (max-width: 767px) {
  body.single-product::before,
  body.single-product::after {
    background-size: 165% auto;
    opacity: .42;
  }
  body.single-product::before { top: 5rem; height: 24rem; }
  body.single-product::after { height: 24rem; }
}


/* ==================================================================================
   Tobylex 1.1.21 — ispravak dekorativne pozadine stranice proizvoda
   Koristi samo istu suptilnu bg2 grafiku kao Kontakt; uklonjen bg4 sloj s velikim psom.
   ================================================================================== */
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product .container {
  background-color: transparent !important;
  background-image: none !important;
}

body.single-product::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

body.single-product::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 7rem !important;
  left: 0 !important;
  width: 100% !important;
  height: 42rem !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background-image: url(/wp-content/uploads/2024/02/bg2.png) !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
  background-size: 100% auto !important;
  opacity: .22 !important;
}

body.single-product #page,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product,
body.single-product div.product .container {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
}

body.single-product {
  background: #fff !important;
}

@media (max-width: 767px) {
  body.single-product::before {
    top: 5rem !important;
    height: 28rem !important;
    background-size: 150% auto !important;
    opacity: .18 !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.22 — pozadinska grafika ograničena isključivo na sadržaj proizvoda
   Ispravak: body/site više nisu transparentni pa footer zadržava normalnu veličinu.
   ================================================================================== */
body.single-product::before,
body.single-product::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

body.single-product,
body.single-product #page,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product,
body.single-product div.product .container {
  background-color: #fff !important;
  background-image: none !important;
}

body.single-product #page,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area {
  position: static !important;
  z-index: auto !important;
}

/* Dekoracija postoji samo unutar područja proizvoda, nikad iza footera. */
body.single-product .single-wrapperxxx {
  position: relative !important;
  isolation: isolate;
  background: #fff !important;
  overflow: hidden;
}

body.single-product .single-wrapperxxx::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 38rem;
  z-index: -1;
  pointer-events: none;
  background-image: url(/wp-content/uploads/2024/02/bg2.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  opacity: .20;
}

body.single-product .single-wrapperxxx > * {
  position: relative;
  z-index: 1;
}

/* Footer na single-product stranici mora koristiti potpuno isti layout kao svugdje drugdje. */
body.single-product footer {
  position: relative !important;
  z-index: auto !important;
}

@media (max-width: 767px) {
  body.single-product .single-wrapperxxx::before {
    height: 26rem;
    background-size: 150% auto;
    opacity: .16;
  }
}


/* ==================================================================================
   Tobylex 1.1.23 — kompaktniji footer i manji pas u cijelom webshopu
   ================================================================================== */
footer {
  padding: 4rem 0 8.5rem 0 !important;
  margin-top: 6rem !important;
  min-height: 0 !important;
}

.footer-logo {
  margin-bottom: 3rem !important;
}

.footer-wrapper article {
  margin-bottom: 3rem !important;
}

.footer-cards {
  margin-top: 3.5rem !important;
}

.copyright {
  margin-top: 3rem !important;
}

/* Glavni uzrok prevelike visine bio je dog2 koji je na velikim ekranima išao do 74rem. */
.dog2 {
  width: min(42rem, 34vw) !important;
  max-width: 42rem !important;
  right: 5rem !important;
  bottom: 0 !important;
  left: auto !important;
  transform: none !important;
  pointer-events: none;
}

.dog2 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 31rem !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

@media (max-width: 1024px) {
  footer {
    padding-bottom: 8rem !important;
  }

  .dog2 {
    width: min(34rem, 40vw) !important;
    max-width: 34rem !important;
    right: 2rem !important;
  }

  .dog2 img {
    max-height: 25rem !important;
  }
}

@media (max-width: 680px) {
  footer {
    padding: 3.5rem 0 12rem 0 !important;
    margin-top: 4rem !important;
  }

  .footer-logo {
    margin-bottom: 2.5rem !important;
  }

  .dog2 {
    width: 27rem !important;
    max-width: 72vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  .dog2 img {
    max-height: 18rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.24 — kompaktniji footer i viši položaj glave psa
   ================================================================================== */
footer {
  padding: 4rem 0 10rem 0 !important;
}

.footer-wrapper article {
  margin-bottom: 3rem !important;
}

.footer-logo {
  margin-bottom: 3.5rem !important;
}

.footer-logo img {
  width: 20rem !important;
}

.footer-cards {
  margin-top: 2rem !important;
  gap: 2rem !important;
}

.copyright {
  margin-top: 3rem !important;
}

.dog2 {
  bottom: 1.6rem !important;
  max-width: 42rem !important;
}

@media only screen and (min-width: 42.5625em) {
  .footer-wrapper article:last-child {
    margin-bottom: 2rem !important;
  }

  .footer-logo {
    margin-bottom: 5rem !important;
  }

  .footer-logo img {
    width: 24rem !important;
  }

  .dog2 {
    bottom: 2rem !important;
    right: 6rem !important;
    max-width: 46rem !important;
  }
}

@media only screen and (min-width: 61.3125em) {
  .footer-cards {
    margin-top: 4rem !important;
  }
}

@media only screen and (min-width: 80.0625em) {
  .dog2 {
    max-width: 52rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.25 — vraćen val u footeru, footer niži, glava psa više
   ================================================================================== */
/* Zadržavamo originalni gornji prostor za val, a smanjujemo donji dio footera. */
footer {
  padding: 5rem 0 8.5rem 0 !important;
}

.footer-wrapper article {
  margin-bottom: 2.4rem !important;
}

.footer-logo {
  margin-bottom: 3rem !important;
}

.footer-logo img {
  width: 21rem !important;
}

.footer-cards {
  margin-top: 1.8rem !important;
  gap: 2rem !important;
}

.copyright {
  margin-top: 2.2rem !important;
}

.dog2 {
  bottom: .8rem !important;
  max-width: 40rem !important;
}

@media only screen and (min-width: 42.5625em) {
  .footer-wrapper article:last-child {
    margin-bottom: 1.5rem !important;
  }

  .footer-logo {
    margin-bottom: 4rem !important;
  }

  .footer-logo img {
    width: 24rem !important;
  }

  .dog2 {
    bottom: 1rem !important;
    right: 5rem !important;
    max-width: 43rem !important;
  }
}

@media only screen and (min-width: 61.3125em) {
  .footer-cards {
    margin-top: 3rem !important;
  }
}

@media only screen and (min-width: 80.0625em) {
  .dog2 {
    max-width: 48rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.26 — na single productu footer ostaje isti kao na naslovnici
   ================================================================================== */
/* Problem je bio u tome što je dekorativni donji val iz sekcije sličnih proizvoda
   prelazio preko vrha footera. Zato footer na stranici proizvoda sada više ništa ne prekriva. */
body.single-product .tlx-related-products.home-products2 {
  margin-bottom: 0 !important;
  padding-bottom: 2rem !important;
  overflow: visible !important;
}

body.single-product .tlx-related-products.home-products2::after {
  content: none !important;
  display: none !important;
}

body.single-product footer {
  position: relative !important;
  z-index: 5 !important;
  margin-top: 0 !important;
}

body.single-product footer::before {
  z-index: 0 !important;
}

body.single-product footer .container,
body.single-product footer .footer-wrapper,
body.single-product footer .footer-logo,
body.single-product footer .copyright,
body.single-product footer .dog2 {
  position: relative;
  z-index: 1;
}


/* ==================================================================================
   Tobylex 1.1.27 — footer svugdje kao na naslovnici + single product fix
   ================================================================================== */
/* Vraćamo originalni footer stil globalno, da na svim stranicama izgleda isto kao na naslovnici. */
footer {
  padding: 10rem 0 22rem !important;
}
footer::before {
  content: "";
  width: 100%;
  background-image: url(/wp-content/uploads/2024/02/bg6-1.png) !important;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  height: 20rem;
  position: absolute;
  left: 0;
  top: -2rem !important;
}
footer .container {
  position: relative;
  z-index: 1;
  width: 100% !important;
  max-width: 148rem !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  transform: none !important;
}
.footer-wrapper article {
  margin-bottom: 5rem !important;
  width: 100% !important;
  text-align: center !important;
}
.footer-wrapper article:last-child { margin-bottom: 0 !important; }
.footer-logo { margin-bottom: 5rem !important; }
.footer-logo img { display:block; width:23rem !important; height:auto; margin:0 auto !important; }
.footer-cards { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:3rem !important; margin-top:3rem !important; }
.copyright { display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; margin-top:5rem !important; max-width:none !important; width:100% !important; }
.dog2 {
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  right:auto !important;
  bottom:0 !important;
  width:100% !important;
  max-width:50rem !important;
}
.dog2 img { display:block; width:100%; height:auto; }
@media only screen and (min-width: 30.0625em) {
  footer::before { top: -5rem !important; }
}
@media only screen and (min-width: 42.5625em) {
  .footer-wrapper {
    display:flex !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
  }
  .footer-wrapper article {
    margin-bottom:5rem !important;
    width:50% !important;
    text-align:left !important;
  }
  .footer-wrapper article:last-child { margin-bottom:3rem !important; }
  .footer-logo { margin-bottom:8rem !important; }
  .footer-logo img { width:28rem !important; margin:0 !important; }
  .social { justify-content:flex-start !important; }
  .footer-cards { justify-content:flex-start !important; }
  .copyright {
    justify-content:space-between !important;
    flex-direction:row !important;
    text-align:left !important;
    max-width:50rem !important;
    width:100% !important;
  }
  footer::before { top: -8rem !important; }
  .dog2 {
    right:10rem !important;
    left:auto !important;
    transform:none !important;
  }
}
@media only screen and (min-width: 50.0625em) {
  footer::before { top: -10rem !important; }
}
@media only screen and (min-width: 61.3125em) {
  .footer-wrapper article { margin-bottom:0 !important; width:auto !important; }
  .footer-cards { margin-top:8rem !important; }
  .footer-wrapper article:last-child { margin-bottom:0 !important; }
}
@media only screen and (min-width: 64.0625em) {
  .footer-wrapper h3 { font-size: 2.3rem !important; }
}
@media only screen and (min-width: 80.0625em) {
  .dog2 { max-width:74rem !important; }
}

/* Na single productu ništa ne smije prekrivati vrh footera. */
body.single-product .tlx-related-products.home-products2 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
}
body.single-product .tlx-related-products.home-products2::after {
  content: none !important;
  display: none !important;
}
body.single-product footer {
  clear: both;
  position: relative !important;
  z-index: 10 !important;
}


/* ==================================================================================
   Tobylex 1.1.28 — pas u footeru vezan uz širinu webshop kontejnera
   ================================================================================== */
footer {
  overflow: hidden;
}
footer .container {
  position: relative !important;
}


/* ==================================================================================
   Tobylex 1.1.29 — vraćen val footera nakon premještanja psa u container
   ================================================================================== */
/* 1.1.28 je imao overflow:hidden na footeru. Time se odrezao footer::before
   koji namjerno izlazi iznad footera i crta narančasti val. Pas je sada ionako
   unutar .container elementa pa clipping više nije potreban. */
footer {
  overflow: visible !important;
}

/* Val mora ostati iznad bijele/sive sekcije, kao na naslovnici. */
footer::before {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 0 !important;
}

/* Sadržaj footera i pas ostaju iznad vala. */
footer > .container {
  position: relative !important;
  z-index: 1 !important;
}


/* ==================================================================================
   Tobylex 1.1.30 — single product: isti razmak do footera kao na naslovnici
   ================================================================================== */
/* Stari single-product override je footeru postavljao margin-top:0, pa je val koji
   izlazi iz footera prekrivao donji dio kartica "Slični proizvodi". Vraćamo
   originalnih 10rem kao na naslovnici. */
body.single-product footer {
  margin-top: 10rem !important;
}

/* Sekcija sličnih proizvoda završava normalno prije zone footer vala. */
body.single-product .tlx-related-products.home-products2 {
  margin-bottom: 0 !important;
  padding-bottom: 2rem !important;
}


/* ==================================================================================
   Tobylex 1.1.31 — footer bez psa, maksimalno oko 2/3 visine ekrana na desktopu
   ================================================================================== */
/* Za sada potpuno uklanjamo dekorativnu sliku psa. */
footer .dog2,
footer .dog2 img {
  display: none !important;
}

/* Val ostaje netaknut; sadržaj footera je samo kompaktnije složen. */
footer {
  box-sizing: border-box !important;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.footer-logo {
  margin-bottom: 2.5rem !important;
}

.footer-wrapper article {
  margin-bottom: 2.5rem !important;
}

.footer-cards {
  margin-top: 2rem !important;
}

.copyright {
  margin-top: 2.5rem !important;
}

/* Na desktopu footer ne smije zauzeti više od približno dvije trećine vidljivog ekrana. */
@media only screen and (min-width: 61.3125em) {
  footer {
    max-height: 66.666vh !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-top: 4.5rem !important;
    padding-bottom: 4rem !important;
  }

  .footer-logo {
    margin-bottom: 2rem !important;
  }

  .footer-wrapper article,
  .footer-wrapper article:last-child {
    margin-bottom: 0 !important;
  }

  .footer-cards {
    margin-top: 2.5rem !important;
  }

  .copyright {
    margin-top: 2rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.32 — Slični proizvodi kao jedna čista sekcija bez odsječenog vala
   ================================================================================== */
body.single-product .tlx-related-products.home-products2 {
  background: #f5f5f5 !important;
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
  padding-top: 3.8rem !important;
  padding-bottom: 5.5rem !important;
  overflow: visible !important;
  isolation: auto !important;
}

/* Na ovoj sekciji više ne koristimo zasebne dekorativne valove.
   Sekcija je jedna kompaktna svijetlosiva cjelina, a prijelaz prema footeru
   radi isključivo sam footer, kao na naslovnici. */
body.single-product .tlx-related-products.home-products2::before,
body.single-product .tlx-related-products.home-products2::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

body.single-product .tlx-related-products.home-products2 > .container {
  position: relative !important;
  z-index: 2 !important;
}

body.single-product .tlx-related-products .title {
  margin-bottom: 2.8rem !important;
}

body.single-product .tlx-related-products .title h2 {
  position: relative;
  z-index: 2;
}


/* ==================================================================================
   Tobylex 1.1.33 — uklonjena siva traka iza sekcije Slični proizvodi
   ================================================================================== */
body.single-product .tlx-related-products.home-products2 {
  background: transparent !important;
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
  padding-top: 2.8rem !important;
  padding-bottom: 4.5rem !important;
}

body.single-product .tlx-related-products.home-products2 > .container {
  background: transparent !important;
}

body.single-product .tlx-related-products .title {
  margin-bottom: 2.4rem !important;
}


/* ==================================================================================
   Tobylex 1.1.34 — redizajn single-product stranice prema odobrenom referentnom stilu
   ================================================================================== */

/* Glavna stranica ostaje čista i bijela. */
body.single-product,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .woocommerce,
body.single-product div.product {
  background:#fff !important;
}

body.single-product div.product > .container {
  max-width:132rem !important;
  width:calc(100% - 4rem) !important;
  padding-left:2rem !important;
  padding-right:2rem !important;
}

/* Uklanjamo stari sidebar-benefit blok: reference style je čist 2-column layout. */
body.single-product .tlx-product-benefits {
  display:none !important;
}

body.single-product .single-wrapperxxx {
  display:block !important;
  background:transparent !important;
}

/* HERO: velika fotografija lijevo, informacije desno. */
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  display:grid !important;
  grid-template-columns:minmax(0,48%) minmax(0,52%) !important;
  gap:5rem !important;
  align-items:start !important;
  margin:2.2rem 0 4rem !important;
  padding:0 !important;
  background:transparent !important;
}

body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images,
body.single-product .tobylex-product-hero > .summary.entry-summary {
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  min-height:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height:48rem !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  width:100% !important;
  height:48rem !important;
  max-height:48rem !important;
  object-fit:contain !important;
  object-position:center !important;
}

body.single-product .flex-control-thumbs,
body.single-product ol.flex-control-thumbs {
  display:flex !important;
  justify-content:center !important;
  gap:1.4rem !important;
  margin-top:1.8rem !important;
}

body.single-product .flex-control-thumbs li {
  width:8.6rem !important;
  height:8.6rem !important;
  padding:.6rem !important;
  border:1px solid #dedede !important;
  border-radius:1.2rem !important;
  background:#fff !important;
  overflow:hidden !important;
}

body.single-product .flex-control-thumbs li:has(img.flex-active) {
  border:2px solid #f68902 !important;
}

body.single-product .flex-control-thumbs img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:.7rem !important;
}

/* Desna kolona: poput reference, bez kartice oko cijelog sadržaja. */
body.single-product .tobylex-product-hero > .summary.entry-summary {
  padding:1.4rem 0 0 !important;
  text-align:left !important;
}

body.single-product .summary .woocommerce-breadcrumb,
body.single-product .summary .breadcrumbs {
  text-align:left !important;
  color:#888 !important;
  font-size:1.15rem !important;
  margin-bottom:1.4rem !important;
}

body.single-product div.product .product_title,
body.single-product .woocommerce div.product .product_title,
body.single-product h1.product_title.entry-title {
  max-width:64rem !important;
  margin:.4rem 0 1rem !important;
  text-align:left !important;
  color:#111 !important;
  font-size:clamp(3.2rem,2.5vw,4.3rem) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
}

body.single-product .summary .product-subtitle,
body.single-product .single-text .title + p {
  text-align:left !important;
  color:#f68902 !important;
  font-size:1.5rem !important;
  line-height:1.45 !important;
  margin:.2rem 0 1.5rem !important;
}

/* Cijena ostaje elegantna i bez bolda. */
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price,
body.single-product .tlx-current-sale-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price .price {
  width:100% !important;
  margin:1.2rem 0 .8rem !important;
  text-align:left !important;
  justify-content:flex-start !important;
  color:#111 !important;
  font-size:clamp(2.8rem,2vw,3.5rem) !important;
  line-height:1.12 !important;
  font-weight:400 !important;
  letter-spacing:-.015em !important;
}

body.single-product .tlx-lowest-30-price,
body.single-product .tobylex-secondary-price-info {
  width:100% !important;
  text-align:left !important;
  color:#777 !important;
}

/* Kratki opis izgleda kao prirodni uvod u puni opis proizvoda. */
body.single-product .summary .woocommerce-product-details__short-description {
  display:block !important;
  max-width:62rem !important;
  margin:1.4rem 0 2rem !important;
  padding:0 !important;
  text-align:left !important;
  color:#2c2c2c !important;
  font-size:1.42rem !important;
  line-height:1.62 !important;
  font-weight:400 !important;
}
body.single-product .summary .woocommerce-product-details__short-description p,
body.single-product .summary .woocommerce-product-details__short-description li {
  text-align:left !important;
  color:inherit !important;
  font:inherit !important;
}

/* Purchase row: jednostavan quantity + veliki narančasti pill gumb. */
body.single-product .single-bottom.tlx-purchase-box,
body.single-product form.cart,
body.single-product .tlx-purchase-row {
  max-width:64rem !important;
}

body.single-product .tlx-purchase-row {
  display:grid !important;
  grid-template-columns:15rem minmax(22rem,1fr) !important;
  gap:1.4rem !important;
  align-items:end !important;
  margin:1.8rem 0 1.3rem !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.single-product .tlx-purchase-label {
  margin:0 0 .7rem .1rem !important;
  color:#222 !important;
  font-size:1.25rem !important;
}

body.single-product .quantity.buttons_added > .single-quant,
body.single-product .tlx-quantity-box .single-quant {
  height:4.8rem !important;
  border:1px solid #dadada !important;
  border-radius:2.6rem !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt {
  height:4.8rem !important;
  min-height:4.8rem !important;
  margin:0 !important;
  padding:0 2.6rem !important;
  border:0 !important;
  border-radius:2.6rem !important;
  background:#f68902 !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:1.35rem !important;
  font-weight:600 !important;
  text-transform:none !important;
}
body.single-product .tlx-purchase-row .single_add_to_cart_button:hover,
body.single-product button.single_add_to_cart_button:hover {
  background:#111 !important;
}

/* Info kartica ostaje funkcionalno zadržana, ali tiša i kompaktnija. */
body.single-product .tlx-product-info-grid {
  max-width:64rem !important;
  margin:1.8rem 0 0 !important;
  border:1px solid #eee !important;
  border-radius:1.4rem !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.single-product .tlx-product-info-item {
  min-height:5.8rem !important;
  padding:.8rem 1rem !important;
  gap:.9rem !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex:0 0 3.6rem !important;
  width:3.6rem !important;
  height:3.6rem !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon svg {
  width:1.9rem !important;
  height:1.9rem !important;
}
body.single-product .tlx-product-info-item small { font-size:.86rem !important; }
body.single-product .tlx-product-info-item strong { font-size:1.05rem !important; }

/* Tabs kao u referenci: bez kartice, tri jednaka tekstualna taba s aktivnom crtom. */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  width:100% !important;
  margin:0 0 4rem !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr)) !important;
  gap:0 !important;
  margin:0 0 1.8rem !important;
  padding:0 !important;
  border-bottom:1px solid #ececec !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .tabs a {
  min-height:5rem !important;
  padding:1.25rem 1rem !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#111 !important;
  font-size:1.55rem !important;
  font-weight:500 !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a {
  color:#b67924 !important;
  border-bottom-color:#b67924 !important;
  background:transparent !important;
}

body.single-product .woocommerce-Tabs-panel {
  max-width:118rem !important;
  margin:0 auto !important;
  padding:0 1rem 2rem !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li {
  font-size:1.42rem !important;
  line-height:1.65 !important;
  color:#2c2c2c !important;
}

/* Slični proizvodi ostaju čisti i bez sive trake — prema zadnjoj odobrenoj izmjeni. */
body.single-product .tlx-related-products.home-products2 {
  background:#fff !important;
  padding-top:3rem !important;
}

/* Responsive */
@media (max-width: 900px) {
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns:1fr !important;
    gap:2.5rem !important;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary {
    padding-top:0 !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a,
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    min-height:38rem !important;
    height:38rem !important;
  }
  body.single-product div.product .product_title,
  body.single-product h1.product_title.entry-title,
  body.single-product .summary .product-subtitle,
  body.single-product .summary .woocommerce-product-details__short-description,
  body.single-product .single-price,
  body.single-product .summary p.price,
  body.single-product .summary span.price,
  body.single-product .tlx-lowest-30-price,
  body.single-product .tobylex-secondary-price-info {
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.single-product .tlx-product-info-grid,
  body.single-product .single-bottom.tlx-purchase-box,
  body.single-product form.cart {
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 600px) {
  body.single-product div.product > .container {
    width:calc(100% - 2rem) !important;
    padding:0 1rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a,
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    min-height:30rem !important;
    height:30rem !important;
  }
  body.single-product .tlx-purchase-row {
    grid-template-columns:12rem minmax(0,1fr) !important;
    gap:.8rem !important;
  }
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product ul.tabs.wc-tabs {
    grid-template-columns:1fr !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product ul.tabs.wc-tabs li a {
    min-height:4.4rem !important;
    border-bottom:1px solid #eee !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li.active a,
  body.single-product ul.tabs.wc-tabs li.active a {
    border-bottom:2px solid #b67924 !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.35 — povratak vizualnoj logici originalne teme
   Zadržane su sve nove informacije i funkcionalnosti.
   ================================================================================== */

/* Glavni proizvod: originalna logika — galerija lijevo, jedan miran info blok desno. */
body.single-product div.product > .container {
  max-width: 148rem !important;
  width: calc(100% - 4rem) !important;
}

body.single-product .single-wrapperxxx,
body.single-product .single-wrapperxxx > .tobylex-product-hero {
  display: block !important;
  background: transparent !important;
}

body.single-product .single-wrapperxxx > .tobylex-product-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 35%) minmax(0, 60%) !important;
  justify-content: space-between !important;
  gap: 5% !important;
  align-items: start !important;
  margin-bottom: 4rem !important;
}

/* Galerija kao u originalu: bez teške kartice. */
body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
body.single-product .tobylex-product-hero > .images {
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a {
  min-height: 44rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}

body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 44rem !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Desna strana ponovno izgleda kao originalni .single-text blok. */
body.single-product .tobylex-product-hero > .summary.entry-summary,
body.single-product .single-text {
  width: 100% !important;
  padding: 4rem 4.2rem !important;
  border: 0 !important;
  border-radius: 2rem !important;
  background: #f9f9f9 !important;
  box-shadow: none !important;
}

body.single-product .summary .breadcrumbs,
body.single-product .summary .woocommerce-breadcrumb {
  margin-bottom: 1.8rem !important;
}

body.single-product div.product .product_title,
body.single-product h1.product_title.entry-title {
  margin: 0 0 .8rem !important;
  text-align: left !important;
  color: #111 !important;
  font-size: clamp(2.5rem, 1.85vw, 3.25rem) !important;
  line-height: 1.16 !important;
  font-weight: 600 !important;
}

/* Podnaslov — narančast kao u originalnoj temi. */
body.single-product .summary .product-subtitle,
body.single-product .single-text .title + p {
  margin: 0 0 2rem !important;
  text-align: left !important;
  color: #f68902 !important;
  font-size: 1.55rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Cijena ponovno kao miran zaseban blok iz originala. */
body.single-product .single-price,
body.single-product .summary p.price,
body.single-product .summary span.price,
body.single-product .tlx-current-sale-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price,
body.single-product form.variations_form .single_variation .woocommerce-variation-price .price {
  display: inline-block !important;
  width: auto !important;
  margin: .5rem 0 1.2rem !important;
  padding: .75rem 1.4rem !important;
  text-align: left !important;
  color: #111 !important;
  background: #f1f1f1 !important;
  border-radius: .4rem !important;
  font-size: 2.7rem !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

/* Povijesna i jedinična cijena ostaju nove informacije, ali nenametljivo. */
body.single-product .tlx-lowest-30-price,
body.single-product .tobylex-secondary-price-info {
  display: block !important;
  width: 100% !important;
  margin: .45rem 0 !important;
  text-align: left !important;
  color: #777 !important;
  font-size: 1.12rem !important;
  line-height: 1.45 !important;
}

/* Kratki opis kao prirodni dio info bloka. */
body.single-product .summary .woocommerce-product-details__short-description {
  display: block !important;
  max-width: none !important;
  margin: 2rem 0 0 !important;
  padding: 2rem 0 0 !important;
  border-top: 1px dashed #aaa !important;
  text-align: left !important;
  color: #2c2c2c !important;
  font-size: 1.35rem !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}
body.single-product .summary .woocommerce-product-details__short-description p,
body.single-product .summary .woocommerce-product-details__short-description li {
  text-align: left !important;
  color: inherit !important;
  font: inherit !important;
}

/* Purchase dio vraćen originalnoj logici s tankim odjeljivanjem. */
body.single-product .single-bottom.tlx-purchase-box,
body.single-product .tlx-purchase-row {
  max-width: none !important;
  width: 100% !important;
}
body.single-product .tlx-purchase-row {
  display: grid !important;
  grid-template-columns: 16rem minmax(20rem, 1fr) !important;
  gap: 1.6rem !important;
  align-items: end !important;
  margin: 2.2rem 0 0 !important;
  padding: 2.2rem 0 0 !important;
  border: 0 !important;
  border-top: 1px dashed #aaa !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-product .tlx-purchase-label {
  color: #555 !important;
  font-size: 1.05rem !important;
}
body.single-product .quantity.buttons_added > .single-quant,
body.single-product .tlx-quantity-box .single-quant {
  height: 4.8rem !important;
  border: 1px solid #ddd !important;
  border-radius: 2.6rem !important;
  background: #fff !important;
}
body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button,
body.single-product .woocommerce button.single_add_to_cart_button.button.alt {
  min-height: 4.8rem !important;
  height: 4.8rem !important;
  padding: 0 2.8rem !important;
  border-radius: 2.6rem !important;
  background: #f68902 !important;
  color: #fff !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
body.single-product .tlx-purchase-row .single_add_to_cart_button:hover,
body.single-product button.single_add_to_cart_button:hover {
  background: #111 !important;
}

/* Nove informacije zadržane, ali tretirane kao nastavak originalnog info bloka. */
body.single-product .tlx-product-info-grid {
  max-width: none !important;
  width: 100% !important;
  margin: 2rem 0 0 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 1.4rem !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.single-product .tlx-product-info-item {
  min-height: 5.7rem !important;
  padding: .9rem 1.1rem !important;
  gap: .9rem !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex: 0 0 3.8rem !important;
  width: 3.8rem !important;
  height: 3.8rem !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon svg {
  width: 2rem !important;
  height: 2rem !important;
}
body.single-product .tlx-product-info-item small {
  font-size: .88rem !important;
}
body.single-product .tlx-product-info-item strong {
  font-size: 1.08rem !important;
}

/* Tabovi — vraćen originalni zaobljeni stil, uz jednake dimenzije. */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper {
  width: 100% !important;
  margin: 0 0 5rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) !important;
  gap: 1rem !important;
  margin: 0 0 2rem !important;
  padding: 0 !important;
  border: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .tabs a {
  width: 100% !important;
  min-height: 5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.2rem 1.6rem !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 10rem !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 1.3rem !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a {
  border-color: #f68902 !important;
  background-color: #f0d8bb !important;
  color: #111 !important;
}
body.single-product .woocommerce-Tabs-panel {
  max-width: none !important;
  margin: 0 !important;
  padding: 2.5rem 3rem !important;
  border: 0 !important;
  background: #fff !important;
}

/* Slični proizvodi ostaju u zadnjoj odobrenoj, bijeloj varijanti. */
body.single-product .tlx-related-products.home-products2 {
  background: transparent !important;
}

@media (max-width: 900px) {
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }
  body.single-product .tobylex-product-hero > .summary.entry-summary,
  body.single-product .single-text {
    padding: 3rem 2.5rem !important;
  }
  body.single-product div.product .product_title,
  body.single-product h1.product_title.entry-title,
  body.single-product .summary .product-subtitle,
  body.single-product .summary .woocommerce-product-details__short-description,
  body.single-product .tlx-lowest-30-price,
  body.single-product .tobylex-secondary-price-info {
    text-align: left !important;
  }
}

@media (max-width: 600px) {
  body.single-product .tobylex-product-hero > .summary.entry-summary,
  body.single-product .single-text {
    padding: 2.4rem 1.8rem !important;
  }
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image > a,
  body.single-product .tobylex-product-hero .woocommerce-product-gallery__image img {
    min-height: 30rem !important;
    height: 30rem !important;
  }
  body.single-product .tlx-purchase-row {
    grid-template-columns: 12rem minmax(0, 1fr) !important;
    gap: .8rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.36 — vraćeni bijeli i narančasti tab gumbi sa šapom
   ================================================================================== */
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .tabs a {
  position: relative !important;
  width: 100% !important;
  min-height: 5.2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
  padding: 1.2rem 1.9rem !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 10rem !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #111 !important;
  font-size: 1.3rem !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(17,17,17,.03) !important;
}

body.single-product .woocommerce-tabs ul.tabs li a::before,
body.single-product ul.tabs.wc-tabs li a::before,
body.single-product .tabs a::before {
  content: "";
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff6ea;
  background-image: url(/wp-content/uploads/2024/02/paw.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.05rem;
}

body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a,
body.single-product .tabs a.active-tab,
body.single-product .woocommerce-tabs ul.tabs li a:hover,
body.single-product ul.tabs.wc-tabs li a:hover,
body.single-product .tabs a:hover {
  border-color: #f68902 !important;
  background: #f68902 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(246,137,2,.18) !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a::before,
body.single-product ul.tabs.wc-tabs li.active a::before,
body.single-product .tabs a.active-tab::before,
body.single-product .woocommerce-tabs ul.tabs li a:hover::before,
body.single-product ul.tabs.wc-tabs li a:hover::before,
body.single-product .tabs a:hover::before {
  background-color: rgba(255,255,255,.22);
  filter: brightness(0) invert(1);
}


/* ==================================================================================
   Tobylex 1.1.37 — stabilni tab gumbi bez pomicanja, s većom narančastom šapom
   ================================================================================== */
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  align-items: stretch !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  display: block !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .tabs a,
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a,
body.single-product .tabs a.active-tab,
body.single-product .woocommerce-tabs ul.tabs li a:hover,
body.single-product ul.tabs.wc-tabs li a:hover,
body.single-product .tabs a:hover {
  position: relative !important;
  width: 100% !important;
  min-height: 5.4rem !important;
  height: 5.4rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.1rem !important;
  padding: 1.2rem 2rem !important;
  box-sizing: border-box !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
}

body.single-product .woocommerce-tabs ul.tabs li a::before,
body.single-product ul.tabs.wc-tabs li a::before,
body.single-product .tabs a::before {
  content: "";
  flex: 0 0 2.6rem !important;
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url(/wp-content/uploads/2024/02/paw.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 1.55rem !important;
  filter: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .tabs a {
  border: 1px solid #e7e7e7 !important;
  border-radius: 10rem !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 1.3rem !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(17,17,17,.03) !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a,
body.single-product .tabs a.active-tab,
body.single-product .woocommerce-tabs ul.tabs li a:hover,
body.single-product ul.tabs.wc-tabs li a:hover,
body.single-product .tabs a:hover {
  border-color: #f68902 !important;
  background: #f68902 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(246,137,2,.18) !important;
}

/* Na aktivnom i hover stanju šapa ostaje narančasta i velika, bez promjene položaja gumba. */
body.single-product .woocommerce-tabs ul.tabs li.active a::before,
body.single-product ul.tabs.wc-tabs li.active a::before,
body.single-product .tabs a.active-tab::before,
body.single-product .woocommerce-tabs ul.tabs li a:hover::before,
body.single-product ul.tabs.wc-tabs li a:hover::before,
body.single-product .tabs a:hover::before {
  background-color: #ffffff !important;
  background-size: 1.55rem !important;
  filter: none !important;
}


/* ==================================================================================
   Tobylex 1.1.38 — jedinična cijena i cijena na dan odmah ispod važeće cijene
   Dimenzije tih podataka ostaju iste; mijenja se samo mjesto.
   ================================================================================== */
body.single-product .tlx-price-meta-under-current {
  width: 100%;
  margin: .45rem 0 1rem !important;
  padding: 0 !important;
  text-align: center !important;
}

body.single-product .tlx-price-meta-under-current .tobylex-secondary-price-info {
  display: block !important;
  margin: .12rem 0 !important;
  padding: 0 !important;
  text-align: center !important;
}


/* ==================================================================================
   Tobylex 1.1.39 — sekundarne cijene ispod glavne cijene, info grid u jednoj koloni
   ================================================================================== */
/* Cijena za j.m. i Cijena na dan ostaju sitno odmah ispod važeće cijene, iznad kratkog opisa. */
body.single-product .tlx-price-meta-under-current {
  width: 100%;
  margin: .45rem 0 1rem !important;
  padding: 0 !important;
  text-align: center !important;
}
body.single-product .tlx-price-meta-under-current .tobylex-secondary-price-info {
  display: block !important;
  margin: .14rem 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Donji informativni blok: samo šifra, kategorija i brend, jedan ispod drugoga. */
body.single-product .tlx-product-info-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
body.single-product .tlx-product-info-item {
  width: 100% !important;
  border-right: 0 !important;
  border-bottom: 1px solid #eee8e0 !important;
}
body.single-product .tlx-product-info-item:last-child {
  border-bottom: 0 !important;
}
body.single-product .tlx-product-info-grid .tlx-info-date {
  display: none !important;
}


/* ==================================================================================
   Tobylex 1.1.40 — sekundarne cijene iznad kratkog opisa, bez purchase okvira i bez info tablice
   ================================================================================== */
body.single-product .tlx-price-meta-under-current {
  display: block !important;
  width: 100% !important;
  margin: .55rem 0 1rem !important;
  padding: 0 !important;
  text-align: left !important;
}
body.single-product .tlx-price-meta-under-current .tobylex-secondary-price-info {
  display: block !important;
  margin: .15rem 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Ukloni okvir oko količine i gumba Dodaj u košaricu. */
body.single-product .single-bottom.tlx-purchase-box,
body.single-product .tlx-purchase-row,
body.single-product .single-bottom .tlx-purchase-row,
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart.tlx-purchase-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.single-product .single-bottom.tlx-purchase-box {
  padding: 0 !important;
  margin-top: 1.2rem !important;
}
body.single-product .tlx-purchase-row,
body.single-product .single-bottom .tlx-purchase-row,
body.single-product form.variations_form.cart .woocommerce-variation-add-to-cart.tlx-purchase-row {
  padding: 0 !important;
}

/* Potpuno sakrij informativnu tablicu sa šifrom, kategorijom i brendom. */
body.single-product .tlx-product-info-grid {
  display: none !important;
}


/* ==================================================================================
   Tobylex 1.1.41 — stvarni popravak single-product rasporeda
   ================================================================================== */
/* Sekundarne cijene odmah ispod glavne cijene, prije kratkog opisa. */
body.single-product .single-price + .tlx-price-meta-under-current,
body.single-product .tlx-price-meta-under-current {
  display: block !important;
  width: 100% !important;
  margin: .4rem 0 .95rem !important;
  padding: 0 !important;
  text-align: left !important;
}
body.single-product .tlx-price-meta-under-current .tobylex-secondary-price-info {
  display: block !important;
  margin: .12rem 0 !important;
  font-size: .9rem !important;
  line-height: 1.45 !important;
  color: #7a746d !important;
  text-align: left !important;
}
body.single-product .tlx-price-meta-under-current .tobylex-secondary-price-info * {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: 400 !important;
}
body.single-product .tlx-secondary-price-source,
body.single-product .tlx-secondary-price-hidden {
  display: none !important;
}

/* Bez okvira oko količine i gumba Dodaj u košaricu. */
body.single-product .single-bottom,
body.single-product .single-bottom.tlx-purchase-box,
body.single-product .single-bottom.tlx-purchase-box-plain,
body.single-product .tlx-purchase-row,
body.single-product form.cart,
body.single-product form.variations_form.cart,
body.single-product .woocommerce-variation-add-to-cart.variations_button.tlx-purchase-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.single-product .single-bottom,
body.single-product .single-bottom.tlx-purchase-box,
body.single-product .single-bottom.tlx-purchase-box-plain {
  padding: 0 !important;
  margin-top: 1rem !important;
}
body.single-product .tlx-purchase-row,
body.single-product .woocommerce-variation-add-to-cart.variations_button.tlx-purchase-row {
  padding: 0 !important;
}

/* Potpuno sakrij informativni blok šifra/kategorija/brend. */
body.single-product .tlx-product-info-grid { display:none !important; }


/* ==================================================================================
   Tobylex 1.1.42 — korekcije single-product detalja nakon povratne informacije
   ================================================================================== */
/* Vrati šifru, kategoriju i brand bez vanjskog okvira/tablice. */
body.single-product .tlx-product-info-grid {
  display: block !important;
  margin-top: 1.4rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-product .tlx-product-info-item {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: .65rem 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.single-product .tlx-product-info-item + .tlx-product-info-item {
  border-top: 1px solid #efe7de !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex: 0 0 2.8rem !important;
  width: 2.8rem !important;
  height: 2.8rem !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon svg {
  width: 100%;
  height: 100%;
}
body.single-product .tlx-product-info-item small {
  display: block !important;
  margin-bottom: .15rem;
}
body.single-product .tlx-info-date {
  display: none !important;
}

/* Varijabilni proizvodi — uže forme za atribute. */
body.single-product form.variations_form table.variations {
  width: auto !important;
  min-width: 0 !important;
  max-width: 44rem !important;
}
body.single-product form.variations_form table.variations tr {
  grid-template-columns: 10.5rem minmax(0, 1fr) !important;
  gap: 1rem !important;
}
body.single-product form.variations_form table.variations th.label label {
  font-size: 1.25rem !important;
}
body.single-product .woocommerce div.product form.cart .variations select,
body.single-product form.variations_form.cart .variations select,
body.single-product form.variations_form select {
  width: 100% !important;
  max-width: 24rem !important;
  min-width: 0 !important;
  min-height: 4.8rem !important;
  font-size: 1.2rem !important;
  padding: 0 3rem 0 1.25rem !important;
}
body.single-product form.variations_form table.variations td.value::after {
  right: 1.25rem !important;
  font-size: 1.05rem !important;
}

/* Varijabilni Dodaj u košaricu neka bude kao kod jednostavnog proizvoda. */
body.single-product .woocommerce-variation-add-to-cart.variations_button,
body.single-product .single-bottom .tlx-purchase-row,
body.single-product .tlx-purchase-row {
  display: grid !important;
  grid-template-columns: minmax(14rem, 17rem) minmax(22rem, 34rem) !important;
  align-items: end !important;
  gap: 1.2rem !important;
}
body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button {
  width: auto !important;
  min-width: 24rem !important;
  max-width: 34rem !important;
  min-height: 4.8rem !important;
  font-size: 1.35rem !important;
  padding: 1rem 2rem !important;
  justify-self: start !important;
}
body.single-product .woocommerce-variation-add-to-cart .quantity,
body.single-product form.cart .quantity {
  min-height: 4.8rem !important;
}
body.single-product .woocommerce-variation-add-to-cart .quantity input.qty,
body.single-product form.cart .quantity input.qty {
  min-height: 4.6rem !important;
  font-size: 1.45rem !important;
}

@media (max-width: 900px) {
  body.single-product form.variations_form table.variations,
  body.single-product .woocommerce div.product form.cart .variations select,
  body.single-product form.variations_form.cart .variations select,
  body.single-product form.variations_form select {
    max-width: 100% !important;
  }
  body.single-product .woocommerce-variation-add-to-cart.variations_button,
  body.single-product .single-bottom .tlx-purchase-row,
  body.single-product .tlx-purchase-row {
    grid-template-columns: 1fr !important;
  }
  body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  body.single-product .tlx-purchase-row .single_add_to_cart_button,
  body.single-product button.single_add_to_cart_button {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.43 — finije poravnanje single-product detalja prema korisničkim uputama
   ================================================================================== */
/* Ukloni sivu podlogu oko cijene proizvoda. */
body.single-product .single-price,
body.single-product .woocommerce-variation-price,
body.single-product .woocommerce-variation-price .price,
body.single-product .woocommerce-variation-price .single-price {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Sekundarne cijene moraju biti tik ispod glavne cijene. */
body.single-product .tlx-price-meta-under-current {
  display: block !important;
  width: 100% !important;
  margin: .25rem 0 1rem !important;
  padding: 0 !important;
  text-align: left !important;
}
body.single-product .tlx-price-meta-under-current .tobylex-secondary-price-info {
  display: block !important;
  margin: .08rem 0 !important;
  font-size: .92rem !important;
  line-height: 1.45 !important;
  color: #7a746d !important;
  text-align: left !important;
}
body.single-product .tlx-price-meta-under-current .tobylex-secondary-price-info * {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: 400 !important;
}

/* Količina + Dodaj u košaricu lijevo, bez suvišnog okvira. */
body.single-product .single-bottom,
body.single-product .single-bottom.tlx-purchase-box,
body.single-product .single-bottom.tlx-purchase-box-plain,
body.single-product .tlx-purchase-row,
body.single-product .woocommerce-variation-add-to-cart.variations_button,
body.single-product .single-bottom form.cart,
body.single-product form.variations_form.cart {
  justify-content: flex-start !important;
  justify-items: start !important;
  align-items: end !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.single-product .tlx-purchase-row,
body.single-product .woocommerce-variation-add-to-cart.variations_button {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: 100% !important;
}
body.single-product .tlx-purchase-row .quantity,
body.single-product .woocommerce-variation-add-to-cart.variations_button .quantity {
  margin-right: 0 !important;
}
body.single-product .tlx-purchase-row .single_add_to_cart_button,
body.single-product .woocommerce-variation-add-to-cart.variations_button .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button {
  width: auto !important;
  min-width: 18rem !important;
  max-width: 22rem !important;
  min-height: 4.8rem !important;
  padding: 1rem 1.8rem !important;
  justify-self: start !important;
}

/* Šifra/Kategorija/Brand u nizu, bez okvira. */
body.single-product .tlx-product-info-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem 1.5rem !important;
  margin-top: 1.25rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.single-product .tlx-product-info-grid .tlx-info-date {
  display: none !important;
}
body.single-product .tlx-product-info-item {
  display: flex !important;
  align-items: center !important;
  gap: .9rem !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.single-product .tlx-product-info-item + .tlx-product-info-item {
  border-top: 0 !important;
}
body.single-product .tlx-product-info-item .tlx-info-icon {
  flex: 0 0 2.8rem !important;
  width: 2.8rem !important;
  height: 2.8rem !important;
}
body.single-product .tlx-product-info-item > span,
body.single-product .tlx-product-info-item > a,
body.single-product .tlx-product-info-item > div {
  min-width: 0 !important;
}

/* Varijabilni proizvodi — sadržaj atributa centriran. */
body.single-product .woocommerce div.product form.cart .variations select,
body.single-product form.variations_form.cart .variations select,
body.single-product form.variations_form select {
  text-align: center !important;
  text-align-last: center !important;
}
body.single-product form.variations_form table.variations td.value::after {
  right: 1rem !important;
}

@media (max-width: 900px) {
  body.single-product .tlx-product-info-grid {
    grid-template-columns: 1fr !important;
  }
  body.single-product .tlx-purchase-row .single_add_to_cart_button,
  body.single-product .woocommerce-variation-add-to-cart.variations_button .single_add_to_cart_button,
  body.single-product button.single_add_to_cart_button {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.44 — približi šifru, kategoriju i brand na lijevu stranu
   ================================================================================== */
body.single-product .tlx-product-info-grid {
  display: inline-grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  justify-content: start !important;
  justify-items: start !important;
  align-items: start !important;
  column-gap: 2rem !important;
  row-gap: .5rem !important;
  width: auto !important;
  max-width: none !important;
  margin-top: 1rem !important;
}
body.single-product .tlx-product-info-item {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}
body.single-product .tlx-product-info-item::before,
body.single-product .tlx-product-info-item::after,
body.single-product .tlx-product-info-grid::before,
body.single-product .tlx-product-info-grid::after {
  display: none !important;
  content: none !important;
}
body.single-product .tlx-product-info-item > span:last-child {
  display: inline-block !important;
}
body.single-product .tlx-product-info-item small,
body.single-product .tlx-product-info-item strong,
body.single-product .tlx-product-info-item a {
  white-space: nowrap !important;
}
@media (max-width: 900px) {
  body.single-product .tlx-product-info-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    row-gap: .85rem !important;
  }
}


/* Tobylex 1.1.45 — ukloni preostalu razdjelnu crtu uz Šifru proizvoda */
body.single-product .tlx-product-info-item.tlx-info-sku,
body.single-product .tlx-product-info-item.tlx-info-sku:nth-child(odd):not(.tlx-info-stock),
body.single-product .tlx-product-info-item.tlx-info-category,
body.single-product .tlx-product-info-item.tlx-info-brand {
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}


/* ==================================================================================
   Tobylex 1.1.46 — potpuno ukloni sve razdjelne crte iz info niza
   ================================================================================== */
body.single-product .tlx-product-info-grid,
body.single-product .tlx-product-info-grid > .tlx-product-info-item,
body.single-product .tlx-product-info-grid > .tlx-product-info-item:nth-child(odd),
body.single-product .tlx-product-info-grid > .tlx-product-info-item:nth-child(even),
body.single-product .tlx-product-info-grid > .tlx-product-info-item:nth-last-child(-n+2),
body.single-product .tlx-product-info-grid > .tlx-product-info-item + .tlx-product-info-item {
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body.single-product .tlx-product-info-grid::before,
body.single-product .tlx-product-info-grid::after,
body.single-product .tlx-product-info-grid > .tlx-product-info-item::before,
body.single-product .tlx-product-info-grid > .tlx-product-info-item::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}
/* Krug oko ikone ostaje. */
body.single-product .tlx-product-info-grid .tlx-info-icon {
  border: 1px solid #f0e5d9 !important;
  box-shadow: none !important;
}


/* ==================================================================================
   Tobylex 1.1.47 — blok Količina + Dodaj u košaricu poravnat skroz lijevo
   ================================================================================== */
body.single-product .single-bottom,
body.single-product .single-bottom.tlx-purchase-box,
body.single-product .single-bottom.tlx-purchase-box-plain,
body.single-product .single-bottom form.cart,
body.single-product form.cart,
body.single-product .tlx-purchase-row,
body.single-product .woocommerce-variation-add-to-cart.variations_button {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  justify-content: flex-start !important;
  justify-items: start !important;
}

body.single-product .single-bottom,
body.single-product .single-bottom.tlx-purchase-box,
body.single-product .single-bottom.tlx-purchase-box-plain {
  width: auto !important;
  max-width: 100% !important;
}

body.single-product .single-bottom form.cart,
body.single-product .tlx-purchase-row,
body.single-product .woocommerce-variation-add-to-cart.variations_button {
  width: fit-content !important;
  max-width: 100% !important;
}

body.single-product .tlx-quantity-box,
body.single-product .tlx-purchase-label,
body.single-product .quantity {
  margin-left: 0 !important;
}

@media (max-width: 900px) {
  body.single-product .single-bottom form.cart,
  body.single-product .tlx-purchase-row,
  body.single-product .woocommerce-variation-add-to-cart.variations_button {
    width: 100% !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.48 — jednostavni proizvod: form.cart više nije grid koji gura purchase row udesno
   ================================================================================== */
body.single-product .single-bottom.tlx-purchase-box-plain,
body.single-product .single-bottom.tlx-purchase-box {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain > form.cart,
body.single-product .single-bottom.tlx-purchase-box > form.cart {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain > form.cart > .tlx-purchase-row,
body.single-product .single-bottom.tlx-purchase-box > form.cart > .tlx-purchase-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: end !important;
  justify-content: flex-start !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 1.4rem 0 0 0 !important;
  padding: 0 !important;
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain > form.cart > .tlx-purchase-row .tlx-quantity-box,
body.single-product .single-bottom.tlx-purchase-box > form.cart > .tlx-purchase-row .tlx-quantity-box {
  margin: 0 !important;
}

@media (max-width: 600px) {
  body.single-product .single-bottom.tlx-purchase-box-plain > form.cart > .tlx-purchase-row,
  body.single-product .single-bottom.tlx-purchase-box > form.cart > .tlx-purchase-row {
    width: 100% !important;
    flex-wrap: wrap !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.49 — količina jednostavnog proizvoda identična varijabilnom proizvodu
   ================================================================================== */
/* I jednostavni i varijabilni proizvod koriste potpuno isti vizualni model količine. */
body.single-product .single-bottom.tlx-purchase-box-plain .tlx-quantity-box,
body.single-product .single-bottom.tlx-purchase-box .tlx-quantity-box,
body.single-product .woocommerce-variation-add-to-cart.variations_button .tlx-quantity-box {
  width: 15rem !important;
  min-width: 15rem !important;
  max-width: 15rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain .quantity.buttons_added,
body.single-product .single-bottom.tlx-purchase-box .quantity.buttons_added,
body.single-product .woocommerce-variation-add-to-cart.variations_button .quantity.buttons_added {
  width: 15rem !important;
  min-width: 15rem !important;
  max-width: 15rem !important;
  min-height: 4.8rem !important;
  height: 4.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain .quantity.buttons_added > .single-quant,
body.single-product .single-bottom.tlx-purchase-box .quantity.buttons_added > .single-quant,
body.single-product .woocommerce-variation-add-to-cart.variations_button .quantity.buttons_added > .single-quant {
  display: grid !important;
  grid-template-columns: 4rem 1fr 4rem !important;
  width: 15rem !important;
  min-width: 15rem !important;
  max-width: 15rem !important;
  height: 4.8rem !important;
  min-height: 4.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #ddd5cc !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(20,20,20,.03) !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain .single-quant > button,
body.single-product .single-bottom.tlx-purchase-box-plain .single-quant > input.qty,
body.single-product .single-bottom.tlx-purchase-box .single-quant > button,
body.single-product .single-bottom.tlx-purchase-box .single-quant > input.qty,
body.single-product .woocommerce-variation-add-to-cart.variations_button .single-quant > button,
body.single-product .woocommerce-variation-add-to-cart.variations_button .single-quant > input.qty {
  width: 100% !important;
  height: 4.8rem !important;
  min-height: 4.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain .single-quant > input.qty,
body.single-product .single-bottom.tlx-purchase-box .single-quant > input.qty,
body.single-product .woocommerce-variation-add-to-cart.variations_button .single-quant > input.qty {
  text-align: center !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
}

body.single-product .single-bottom.tlx-purchase-box-plain .single-quant > button,
body.single-product .single-bottom.tlx-purchase-box .single-quant > button,
body.single-product .woocommerce-variation-add-to-cart.variations_button .single-quant > button {
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  color: #222 !important;
  cursor: pointer !important;
}

@media (max-width: 600px) {
  body.single-product .single-bottom.tlx-purchase-box-plain .tlx-quantity-box,
  body.single-product .single-bottom.tlx-purchase-box .tlx-quantity-box,
  body.single-product .woocommerce-variation-add-to-cart.variations_button .tlx-quantity-box,
  body.single-product .single-bottom.tlx-purchase-box-plain .quantity.buttons_added,
  body.single-product .single-bottom.tlx-purchase-box .quantity.buttons_added,
  body.single-product .woocommerce-variation-add-to-cart.variations_button .quantity.buttons_added,
  body.single-product .single-bottom.tlx-purchase-box-plain .quantity.buttons_added > .single-quant,
  body.single-product .single-bottom.tlx-purchase-box .quantity.buttons_added > .single-quant,
  body.single-product .woocommerce-variation-add-to-cart.variations_button .quantity.buttons_added > .single-quant {
    width: 15rem !important;
    min-width: 15rem !important;
    max-width: 15rem !important;
  }
}


/* Tobylex 1.1.50 — Cijena na dan odmah ispod glavne cijene */
body.single-product p.single-price + p.tobylex-secondary-price-info,
body.single-product p.single-price + .tlx-price-meta-under-current {
  margin-top: .2rem !important;
}


/* Tobylex 1.1.51 — redoslijed sekundarnih cijena ispod glavne cijene */
body.single-product p.single-price + p.tobylex-secondary-price-info,
body.single-product p.single-price + p.tobylex-secondary-price-info + p.tobylex-secondary-price-info {
  display: block !important;
  margin: .12rem 0 !important;
  padding: 0 !important;
}


/* ==================================================================================
   Tobylex 1.1.52 — akcijska cijena bez teksta "Trenutna cijena"
   Redovna cijena lijevo, manja i dijagonalno prekrižena; akcijska cijena desno.
   ================================================================================== */
/* Kartice proizvoda: WooCommerce redovna + akcijska cijena u jednom redu. */
.products-box .price.tlx-sale-pair,
.products-box .prod-price.tlx-sale-pair,
.tlx-product-card .price.tlx-sale-pair,
.tlx-product-card .prod-price.tlx-sale-pair,
body.tax-product_cat ul.products li.product .price.tlx-sale-pair,
body.post-type-archive-product ul.products li.product .price.tlx-sale-pair,
body.woocommerce.archive .products-wrapper .price.tlx-sale-pair {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: .65rem !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: .2rem auto .75rem !important;
  text-align: center !important;
}

/* Puna/redovna cijena — manja, bez standardne horizontalne crte. */
.products-box .tlx-sale-pair del,
.tlx-product-card .tlx-sale-pair del,
body.tax-product_cat ul.products li.product .tlx-sale-pair del,
body.post-type-archive-product ul.products li.product .tlx-sale-pair del,
body.woocommerce.archive .products-wrapper .tlx-sale-pair del {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  color: #77716b !important;
  font-size: 1.45rem !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
.products-box .tlx-sale-pair del .amount,
.products-box .tlx-sale-pair del .woocommerce-Price-amount,
.products-box .tlx-sale-pair del bdi,
.tlx-product-card .tlx-sale-pair del .amount,
.tlx-product-card .tlx-sale-pair del .woocommerce-Price-amount,
.tlx-product-card .tlx-sale-pair del bdi {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
/* Dijagonalna kosa crta preko pune cijene. */
.products-box .tlx-sale-pair del::after,
.tlx-product-card .tlx-sale-pair del::after,
body.tax-product_cat ul.products li.product .tlx-sale-pair del::after,
body.post-type-archive-product ul.products li.product .tlx-sale-pair del::after,
body.woocommerce.archive .products-wrapper .tlx-sale-pair del::after {
  content: "" !important;
  position: absolute !important;
  left: -4% !important;
  top: 50% !important;
  width: 108% !important;
  height: 2px !important;
  background: currentColor !important;
  transform: rotate(-11deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

/* Akcijska/važeća cijena — ista važnost kao dosadašnja sadašnja cijena, bez etikete. */
.products-box .tlx-sale-pair ins,
.tlx-product-card .tlx-sale-pair ins,
body.tax-product_cat ul.products li.product .tlx-sale-pair ins,
body.post-type-archive-product ul.products li.product .tlx-sale-pair ins,
body.woocommerce.archive .products-wrapper .tlx-sale-pair ins {
  display: inline-block !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: 2.25rem !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.products-box .tlx-sale-pair ins .amount,
.products-box .tlx-sale-pair ins .woocommerce-Price-amount,
.products-box .tlx-sale-pair ins bdi,
.tlx-product-card .tlx-sale-pair ins .amount,
.tlx-product-card .tlx-sale-pair ins .woocommerce-Price-amount,
.tlx-product-card .tlx-sale-pair ins bdi {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

/* Stari red "Trenutna cijena:" više se ne prikazuje kada postoji prava redovna + akcijska cijena. */
.products-box .tlx-current-sale-price.tlx-replaced-by-sale-pair,
.tlx-product-card .tlx-current-sale-price.tlx-replaced-by-sale-pair,
body.tax-product_cat ul.products li.product .tlx-current-sale-price.tlx-replaced-by-sale-pair,
body.post-type-archive-product ul.products li.product .tlx-current-sale-price.tlx-replaced-by-sale-pair,
body.woocommerce.archive .products-wrapper .tlx-current-sale-price.tlx-replaced-by-sale-pair {
  display: none !important;
}

/* Single product: isti princip ako WooCommerce cijena već sadrži del + ins. */
body.single-product .single-price:has(del):has(ins) {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: .8rem !important;
  flex-wrap: wrap !important;
  background: transparent !important;
  padding: 0 !important;
}
body.single-product .single-price:has(del):has(ins) del {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  color: #77716b !important;
  font-size: .7em !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
body.single-product .single-price:has(del):has(ins) del::after {
  content: "" !important;
  position: absolute !important;
  left: -4% !important;
  top: 50% !important;
  width: 108% !important;
  height: 2px !important;
  background: currentColor !important;
  transform: rotate(-11deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}
body.single-product .single-price:has(del):has(ins) ins {
  display: inline-block !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: 1em !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

@media (max-width: 600px) {
  .products-box .tlx-sale-pair del,
  .tlx-product-card .tlx-sale-pair del {
    font-size: 1.3rem !important;
  }
  .products-box .tlx-sale-pair ins,
  .tlx-product-card .tlx-sale-pair ins {
    font-size: 2.05rem !important;
  }
}


/* ==================================================================================
   Tobylex 1.1.53 — stvarni prikaz redovne + akcijske cijene
   ================================================================================== */
.tlx-sale-price-pair {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: .7rem !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
.tlx-sale-price-pair .tlx-regular-price {
  position: relative !important;
  display: inline-block !important;
  color: #77716b !important;
  font-size: .72em !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
.tlx-sale-price-pair .tlx-regular-price::after {
  content: "" !important;
  position: absolute !important;
  left: -4% !important;
  top: 50% !important;
  width: 108% !important;
  height: 2px !important;
  background: currentColor !important;
  transform: rotate(-11deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}
.tlx-sale-price-pair .tlx-sale-price {
  display: inline-block !important;
  color: inherit !important;
  font-size: 1em !important;
  line-height: 1.1 !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}
.tlx-sale-price-pair .woocommerce-Price-amount,
.tlx-sale-price-pair bdi {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
/* Kartice: akcijska cijena ostaje dominantna, puna je nešto manja. */
ul.products li.product .tlx-sale-price-pair,
.products-box .tlx-sale-price-pair,
.tlx-product-card .tlx-sale-price-pair {
  justify-content: center !important;
  width: 100% !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
}
ul.products li.product .tlx-sale-price-pair .tlx-regular-price,
.products-box .tlx-sale-price-pair .tlx-regular-price,
.tlx-product-card .tlx-sale-price-pair .tlx-regular-price {
  font-size: 1.45rem !important;
}
/* Single product: koristi postojeću veličinu glavne cijene. */
body.single-product .single-price .tlx-sale-price-pair {
  font-size: inherit !important;
  font-weight: inherit !important;
}
/* Stari tekstualni red Trenutna cijena skrivamo kada ga JS označi. */
.tlx-hide-current-price-label {
  display: none !important;
}


/* ==================================================================================
   Tobylex 1.1.54 — kompaktniji product tabs u Tobylex stilu
   ================================================================================== */
body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Desktop: pillovi više ne pune cijeli red. */
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.tabs.wc-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .8rem !important;
  margin: 0 0 2.6rem !important;
  padding: 0 !important;
  border: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li,
body.single-product ul.tabs.wc-tabs li {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product ul.tabs.wc-tabs li a,
body.single-product .tabs a {
  width: auto !important;
  min-width: 0 !important;
  height: 4.6rem !important;
  min-height: 4.6rem !important;
  padding: 0 1.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .75rem !important;
  border: 1px solid #e5e1dc !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #17130f !important;
  font-size: 1.18rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}
/* približne širine po tipu taba */
body.single-product .woocommerce-tabs ul.tabs li.description_tab a,
body.single-product ul.tabs.wc-tabs li.description_tab a {
  min-width: 18rem !important;
}
body.single-product .woocommerce-tabs ul.tabs li.additional_information_tab a,
body.single-product ul.tabs.wc-tabs li.additional_information_tab a {
  min-width: 22rem !important;
}
body.single-product .woocommerce-tabs ul.tabs li.reviews_tab a,
body.single-product ul.tabs.wc-tabs li.reviews_tab a {
  min-width: 20rem !important;
}

/* Šapa: bez bijelog kružića; čista narančasta šapa na bijelom tabu. */
body.single-product .woocommerce-tabs ul.tabs li a::before,
body.single-product ul.tabs.wc-tabs li a::before,
body.single-product .tabs a::before {
  content: "" !important;
  flex: 0 0 1.65rem !important;
  width: 1.65rem !important;
  height: 1.65rem !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url(/wp-content/uploads/2024/02/paw.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
}

/* Hover: samo vrlo svijetla narančasta. */
body.single-product .woocommerce-tabs ul.tabs li:not(.active) a:hover,
body.single-product ul.tabs.wc-tabs li:not(.active) a:hover,
body.single-product .tabs a:not(.active-tab):hover {
  border-color: #f4c58e !important;
  background: #fff7ee !important;
  color: #17130f !important;
  box-shadow: none !important;
}
body.single-product .woocommerce-tabs ul.tabs li:not(.active) a:hover::before,
body.single-product ul.tabs.wc-tabs li:not(.active) a:hover::before,
body.single-product .tabs a:not(.active-tab):hover::before {
  background-color: transparent !important;
  filter: none !important;
}

/* Aktivni tab: puna Tobylex narančasta, bijeli tekst i bijela šapa. */
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product ul.tabs.wc-tabs li.active a,
body.single-product .tabs a.active-tab {
  border-color: #f68902 !important;
  background: #f68902 !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a::before,
body.single-product ul.tabs.wc-tabs li.active a::before,
body.single-product .tabs a.active-tab::before {
  background-color: transparent !important;
  filter: brightness(0) invert(1) !important;
}

/* Sadržaj: bliže tabovima i bez dodatne kartice/boxa. */
body.single-product .woocommerce-Tabs-panel {
  margin: 0 !important;
  padding: .8rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-product .woocommerce-Tabs-panel > h2:first-child,
body.single-product .woocommerce-Tabs-panel > h3:first-child {
  margin-top: 0 !important;
}

/* Mobitel: accordion raspored. JS premješta svaki panel odmah ispod pripadajućeg taba. */
@media (max-width: 767px) {
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product ul.tabs.wc-tabs {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .75rem !important;
    margin-bottom: 0 !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li,
  body.single-product ul.tabs.wc-tabs li {
    width: 100% !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li a,
  body.single-product ul.tabs.wc-tabs li a,
  body.single-product .tabs a {
    width: 100% !important;
    min-width: 0 !important;
    height: 4.8rem !important;
    min-height: 4.8rem !important;
    justify-content: flex-start !important;
    padding: 0 1.5rem !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li > .woocommerce-Tabs-panel,
  body.single-product ul.tabs.wc-tabs li > .woocommerce-Tabs-panel {
    padding: 1.4rem .4rem .9rem !important;
  }
}


/* ==================================================================================
   TOBYLEX 1.1.57 — MOBILNI ACCORDION TABOVI + KOLIČINA U KOŠARICI DESNO
   ================================================================================== */

/* Desktop ostaje nepromijenjen. Mobilni accordion postoji samo ispod 768 px. */
.tlx-mobile-product-accordion-trigger {
  display: none;
}

@media (max-width: 767px) {
  /* Sakrij originalni red tabova samo na mobitelu. */
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product ul.tabs.wc-tabs {
    display: none !important;
  }

  /* Wrapper više ne izgleda kao jedan veliki desktop box. */
  body.single-product .single-wrapperxxx > .woocommerce-tabs.wc-tabs-wrapper,
  body.single-product .woocommerce-tabs.wc-tabs-wrapper {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Mobilni accordion naslov. */
  body.single-product .tlx-mobile-product-accordion-trigger {
    display: flex !important;
    width: 100% !important;
    min-height: 5.6rem !important;
    margin: 0 0 .9rem !important;
    padding: 1.25rem 1.5rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
    border: 1px solid #ece5de !important;
    border-radius: 1.4rem !important;
    background: #fff !important;
    color: #4f4944 !important;
    box-shadow: 0 4px 14px rgba(30,25,20,.035) !important;
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 1.65rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    cursor: pointer;
  }

  body.single-product .tlx-mobile-product-accordion-trigger::before {
    content: "";
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #fff6ed;
    background-image: url("/wp-content/uploads/2024/02/paw.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.7rem 1.7rem;
  }

  body.single-product .tlx-mobile-product-accordion-trigger::after {
    content: "+";
    margin-left: auto;
    color: #f68902;
    font-family: Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1;
  }

  body.single-product .tlx-mobile-product-accordion-trigger.is-open {
    border-color: #f3c38e !important;
    background: #fff6ed !important;
    color: #413b36 !important;
  }

  body.single-product .tlx-mobile-product-accordion-trigger.is-open::after {
    content: "−";
  }

  /* Panel odmah ispod pripadajućeg naslova. */
  body.single-product .woocommerce-Tabs-panel.wc-tab {
    display: none !important;
    width: 100% !important;
    margin: -.2rem 0 1.2rem !important;
    padding: .9rem .4rem 1.2rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.single-product .woocommerce-Tabs-panel.wc-tab.tlx-mobile-panel-open {
    display: block !important;
  }

  /* Naslov koji WooCommerce sam ispisuje unutar panela ne treba duplicirati accordion naslov. */
  body.single-product .woocommerce-Tabs-panel.wc-tab > h2:first-child {
    margin-top: .5rem !important;
  }

  /* --------------------------------------------------------------------------
     KOŠARICA: oznaka Količina lijevo, kontrola - 1 + skroz desno u istom retku.
     -------------------------------------------------------------------------- */
  body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tr td.product-quantity,
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr td.product-quantity {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.4rem !important;
    text-align: left !important;
  }

  body.woocommerce-cart .woocommerce-cart-form td.product-quantity::before,
  body.woocommerce-cart .woocommerce-cart-form td.product-quantity:before {
    display: block !important;
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #3f3a36 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body.woocommerce-cart .woocommerce-cart-form td.product-quantity .quantity,
  body.woocommerce-cart .woocommerce-cart-form td.product-quantity .single-quant {
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
  }

  body.woocommerce-cart .woocommerce-cart-form td.product-quantity .quantity {
    display: block !important;
    width: auto !important;
  }

  body.woocommerce-cart .woocommerce-cart-form td.product-quantity .single-quant {
    display: grid !important;
    grid-template-columns: 5.2rem 5.2rem 5.2rem !important;
    width: 15.6rem !important;
    max-width: 15.6rem !important;
  }
}

@media (max-width: 420px) {
  body.woocommerce-cart .woocommerce-cart-form td.product-quantity .single-quant {
    grid-template-columns: 4.8rem 4.8rem 4.8rem !important;
    width: 14.4rem !important;
    max-width: 14.4rem !important;
  }
}


/* ==================================================================================
   TOBYLEX 1.1.58 — SIGURNI MOBILNI ACCORDION TABOVI
   Ne skriva ništa dok JS uspješno ne izgradi accordion.
   ================================================================================== */

@media (max-width: 767px) {
  /* Poništi 1.1.57 skrivanje kao sigurnosni fallback. */
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product ul.tabs.wc-tabs {
    display: flex !important;
  }

  body.single-product .woocommerce-Tabs-panel.wc-tab,
  body.single-product .woocommerce-Tabs-panel.wc-tab.tlx-mobile-panel-open {
    display: block !important;
  }

  /* Tek kad je accordion uspješno pripremljen sakrivamo originalne tabove. */
  body.single-product .woocommerce-tabs.wc-tabs-wrapper.tlx-mobile-accordion-ready ul.tabs,
  body.single-product .woocommerce-tabs.wc-tabs-wrapper.tlx-mobile-accordion-ready ul.tabs.wc-tabs {
    display: none !important;
  }

  body.single-product .woocommerce-tabs.wc-tabs-wrapper.tlx-mobile-accordion-ready .woocommerce-Tabs-panel.wc-tab {
    display: none !important;
    width: 100% !important;
    margin: -.2rem 0 1.2rem !important;
    padding: .9rem .4rem 1.2rem !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.single-product .woocommerce-tabs.wc-tabs-wrapper.tlx-mobile-accordion-ready .woocommerce-Tabs-panel.wc-tab.tlx-mobile-panel-open {
    display: block !important;
  }

  body.single-product .woocommerce-tabs.wc-tabs-wrapper.tlx-mobile-accordion-ready .tlx-mobile-product-accordion-trigger {
    display: flex !important;
  }
}

/* ==================================================================================
   TOBYLEX 1.1.63 — RESPONSIVE SLIKE NA KARTICAMA PROIZVODA
   Fix se odnosi na katalog, pretragu, naslovnicu i product slidere.
   Ne dira galeriju na pojedinačnoj stranici proizvoda.
   ================================================================================== */
@media (max-width: 1024px) {
  body:not(.single-product) article.products-box > a.products-image,
  body:not(.single-product) .products-box > a.products-image,
  body.search article.products-box > a.products-image,
  body.search .products-box > a.products-image,
  .home-products article.products-box > a.products-image,
  .home-products .products-box > a.products-image,
  .home-products2 article.products-box > a.products-image,
  .home-products2 .products-box > a.products-image,
  .products-slider article.products-box > a.products-image,
  .products-slider .products-box > a.products-image,
  .tlx-featured-all-grid article.products-box > a.products-image,
  .tlx-featured-all-grid .products-box > a.products-image {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    translate: none !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  body:not(.single-product) article.products-box > a.products-image > img,
  body:not(.single-product) .products-box > a.products-image > img,
  body.search article.products-box > a.products-image > img,
  body.search .products-box > a.products-image > img,
  .home-products article.products-box > a.products-image > img,
  .home-products .products-box > a.products-image > img,
  .home-products2 article.products-box > a.products-image > img,
  .home-products2 .products-box > a.products-image > img,
  .products-slider article.products-box > a.products-image > img,
  .products-slider .products-box > a.products-image > img,
  .tlx-featured-all-grid article.products-box > a.products-image > img,
  .tlx-featured-all-grid .products-box > a.products-image > img {
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    translate: none !important;
    float: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 20rem !important;
    min-height: 0 !important;
    max-height: 20rem !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body:not(.single-product) article.products-box,
  body:not(.single-product) .products-box,
  body.search article.products-box,
  body.search .products-box {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

@media (max-width: 600px) {
  body:not(.single-product) article.products-box > a.products-image > img,
  body:not(.single-product) .products-box > a.products-image > img,
  body.search article.products-box > a.products-image > img,
  body.search .products-box > a.products-image > img,
  .home-products .products-box > a.products-image > img,
  .home-products2 .products-box > a.products-image > img,
  .products-slider .products-box > a.products-image > img,
  .tlx-featured-all-grid .products-box > a.products-image > img {
    height: 18rem !important;
    max-height: 18rem !important;
  }
}


/* ==================================================================================
   TOBYLEX 1.1.65 — NATIVE SINGLE PRODUCT GALLERY: TABLET + MOBILE FIX
   Popravlja postojeću WooCommerce galeriju. Ne dodaje drugu sliku.
   ================================================================================== */
@media (max-width: 1024px) {
  /* Na manjim ekranima galerija mora biti prvi, puni red iznad informacija. */
  body.single-product .single-wrapperxxx > .tobylex-product-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2rem !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.single-product .tobylex-product-hero > .woocommerce-product-gallery,
  body.single-product .tobylex-product-hero > .images {
    display: block !important;
    grid-column: 1 !important;
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.single-product .tobylex-product-hero > .summary.entry-summary {
    grid-column: 1 !important;
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Poništi stari flex/100%-height konflikt, ali ne diraj FlexSliderov transform wrappera. */
  body.single-product .woocommerce-product-gallery .flex-viewport {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.single-product .woocommerce-product-gallery__wrapper {
    margin: 0 !important;
  }

  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image,
  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
    min-height: 0 !important;
  }

  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 46rem !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 600px) {
  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    max-height: 36rem !important;
  }
}


/* ==================================================================================
   TOBYLEX 1.1.67 — MOBILE/TABLET WOO ZOOM DUPLICATE IMAGE FIX
   WooCommerce jQuery Zoom creates a technical duplicate image (.zoomImg).
   On touch widths it must not participate in the normal gallery layout.
   ================================================================================== */
@media (max-width: 1024px) {
  body.single-product .woocommerce-product-gallery .zoomImg,
  body.single-product .woocommerce-product-gallery img.zoomImg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }
}


/* ==================================================================================
   TOBYLEX 1.1.68 — VEĆE ŠAPE U TABOVIMA OPISA PROIZVODA
   ================================================================================== */
body.single-product .woocommerce-tabs ul.tabs li a::before,
body.single-product ul.tabs.wc-tabs li a::before,
body.single-product .tabs a::before {
  flex: 0 0 2.2rem !important;
  width: 2.2rem !important;
  height: 2.2rem !important;
  background-size: contain !important;
}

/* Mobilni accordion koristi zasebnu šapu. */
@media (max-width: 767px) {
  body.single-product .tlx-mobile-product-accordion-trigger::before {
    flex-basis: 3.2rem !important;
    width: 3.2rem !important;
    height: 3.2rem !important;
    background-size: 2.05rem 2.05rem !important;
  }
}

/* ==================================================================================
   Tobylex 1.1.69 — uklonjen vanjski okvir sekcije preporučenih/sličnih proizvoda
   ================================================================================== */
body.single-product .tlx-related-products.home-products2 > .container,
body.single-product .related-products.space > .container {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
}


/* ==================================================================================
   Tobylex 1.1.70 — uklonjen stvarni vanjski okvir WooCommerce upsell sekcije
   ================================================================================== */
body.single-product .single-wrapperxxx > .up-sells,
body.single-product .single-wrapperxxx > section.up-sells.upsells.products {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
}