@font-face {font-family:'Sandrakis Roboto';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/sandrakis-roboto/roboto-400-italic.ttf') format('truetype');}
@font-face {font-family:'Sandrakis Roboto';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/sandrakis-roboto/roboto-700-italic.ttf') format('truetype');}
@font-face {font-family:'Sandrakis Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/sandrakis-roboto/roboto-400-normal.ttf') format('truetype');}
@font-face {font-family:'Sandrakis Roboto';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/sandrakis-roboto/roboto-500-normal.ttf') format('truetype');}
@font-face {font-family:'Sandrakis Roboto';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/sandrakis-roboto/roboto-600-normal.ttf') format('truetype');}
@font-face {font-family:'Sandrakis Roboto';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/sandrakis-roboto/roboto-700-normal.ttf') format('truetype');}

/* Shared storefront typography. Icon fonts retain their own glyph families. */
html body,
html body :is(h1,h2,h3,h4,h5,h6,p,a,span,div,label,button,input,select,textarea,legend,fieldset,table,th,td,li,dt,dd,blockquote,summary,small,strong,b,em,figcaption,option):not(:where(
  .material-icons,.material-icons-outlined,.material-symbols-outlined,
  .fa,.fas,.far,.fal,.fab,.fad,.fat,.fak,.la,.las,.lar,.lab,.lg-icon,
  [class^="fa-"],[class*=" fa-"],[class^="icon-"],[class*=" icon-"],
  [class^="eicon-"],[class*=" eicon-"],[class^="pe-7s-"],[class*=" pe-7s-"],
  [class^="ti-"],[class*=" ti-"],[class^="dripicons-"],[class*=" dripicons-"]
)) {
  font-family: 'Sandrakis Roboto', Arial, sans-serif !important;
}
html body #header .leo-megamenu :is(a,.menu-title,.dropdown-menu a),
html body .ApMegamenu :is(a,.menu-title),
html body .leo-top-menu :is(a,.menu-title) {
  font-family: 'Sandrakis Roboto', Arial, sans-serif !important;
}

/* A consistent, responsive heading hierarchy throughout storefront content. */
html body #wrapper h1 { font-size:clamp(21px,1.8vw,30px) !important; }
html body #wrapper h2 { font-size:clamp(18px,1.5vw,24px) !important; }
html body #wrapper h3 { font-size:clamp(15.75px,1.2375vw,19.5px) !important; }
html body #wrapper h4 { font-size:clamp(14.25px,1.05vw,16.5px) !important; }
html body #wrapper h5 { font-size:clamp(12.75px,0.9375vw,15px) !important; }
html body #wrapper h6 { font-size:clamp(12px,0.825vw,13.5px) !important; }
html body #wrapper :is(h1,h2,h3,h4,h5,h6) { line-height:1.25 !important; }
html body #wrapper :is(h1,h2,h3,h4,h5,h6) > :is(a,span,strong,b) { font-size:inherit !important; line-height:inherit !important; }

/* Product card titles have a smaller, regular-weight reading style. */
html body #wrapper .product-miniature .product-title,
html body #wrapper .product-miniature .product-title a,
html body #wrapper .thumbnail-container .product-title,
html body #wrapper .thumbnail-container .product-title a {
 font-size:14px !important; font-weight:400 !important; line-height:1.6 !important;
}

/* Give the product price, unit price and tax label separate readable lines. */
body#product .js-product-prices .current-price { line-height:1.35 !important; }
body#product .js-product-prices .product-unit-price {
 display:block !important; position:static !important; margin:7px 0 6px !important;
 font-size:13px !important; line-height:1.5 !important;
}
body#product .js-product-prices .tax-shipping-delivery-label {
 clear:both; padding-top:8px; line-height:1.5 !important;
}

/* Show each color name inside its product-page swatch. */
#main .ix-color-swatches .color {position:relative;}
#main .ix-color-swatches .color .ix-color-name {
 display:block!important;position:absolute;top:7px;left:0;width:100%;height:auto;
 padding:0 4px;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;
 font-size:10px!important;line-height:1.3!important;font-weight:500!important;
 color:#fff!important;text-align:center;text-transform:none;
 text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;
 pointer-events:none;
}

/* Compact, regular-weight HiBlog card titles on the homepage. */
body#index #wrapper .blog-posts-container .post-title h2,
body#index #wrapper .blog-posts-container .post-title h2 a {
 font-size:16px!important;font-weight:400!important;line-height:1.5!important;
}

/* Readable newsletter consent over the homepage banner. */
body#index .gdpr_module_60 .psgdpr_consent_message,
body#index .gdpr_module_60 .psgdpr_consent_message a,
body#index .gdpr_module_60 .psgdpr_consent_message a:hover,
body#index .gdpr_module_60 .psgdpr_consent_message a:focus,
body#index .gdpr_module_60 .psgdpr_consent_message span,
body#index .gdpr_module_60 .psgdpr_consent_message p {color:#fff!important;}
body#index .gdpr_module_60 .psgdpr_consent_message a {text-decoration:underline;}

/* Product list cards: concise content and readable image actions. */
.product-miniature .product-description-short {display:none!important;}
.product-miniature .btncart-moderno .quick-view {
 background:#fff!important;color:#333!important;
}
.product-miniature .btncart-moderno .btn-product {
 background:#333!important;color:#fff!important;
}
.product-miniature .btncart-moderno .quick-view:hover,
.product-miniature .btncart-moderno .quick-view:focus,
.product-miniature .btncart-moderno .btn-product:hover,
.product-miniature .btncart-moderno .btn-product:focus {
 background:#b4733c!important;color:#fff!important;
}
.product-miniature .btncart-moderno .quick-view span,
.product-miniature .btncart-moderno .btn-product span {color:inherit!important;}
.product-miniature .thumbnail-container:focus-within .btncart-moderno {
 opacity:1;visibility:visible;
}

/* Quick view only: full-width color choices with larger, text-free swatches. */
.quickview.modal .product-variants .ix-color-variants-item {
 display:block!important;width:100%!important;max-width:100%!important;
 float:none!important;clear:both!important;
}
.quickview.modal .ix-color-variants-item > .control-label,
.quickview.modal .ix-color-variants-item .ix-colors-notice,
.quickview.modal .ix-color-swatches .attribute-name {display:none!important;}
.quickview.modal .ix-color-variants-item > .ix-color-swatches {
 display:grid!important;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;
 gap:12px 10px!important;width:100%!important;max-width:100%!important;
 padding:0!important;margin:12px 0 18px!important;list-style:none;
}
.quickview.modal .ix-color-swatches > .ix-color-option {
 display:flex!important;flex-direction:column;align-items:stretch;
 width:100%!important;max-width:none!important;min-width:0;float:none!important;margin:0!important;
}
.quickview.modal .ix-color-option label {display:block!important;position:relative;width:100%!important;margin:0;}
.quickview.modal .ix-color-option .color {
 display:block!important;width:100%!important;height:auto!important;min-height:80px;
 aspect-ratio:1/1;max-width:100%;background-position:center;background-size:cover;
}
.quickview.modal .ix-color-option .input-color {width:100%!important;height:100%!important;top:0;left:0;}
.quickview.modal .ix-color-option .ix-color-zoom {
 display:block;text-align:center;font-size:11px;line-height:1.4;margin-top:6px;
}