@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 2.5.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/******* New Css *****/
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    width: 100%;
}
ol.flex-control-nav.flex-control-thumbs {
    display: flex;
    overflow: scroll;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 25%;
    margin-right: 8px !important;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 0;
    list-style: none;
    position: relative;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
    border: 2px solid transparent;
    height: 100px;
    width: 100px;
    border-radius: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin: 10px 0 0 0;
}

/* Preserve full landscape product photos on the Golf & Work Gloves archive. */
body.term-48 .post-featured-image,
body.term-48 .post-featured-image figure,
body.term-48 .post-featured-image .image-anime {
    height: auto !important;
}
body.term-48 .post-featured-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    display: block !important;
}


/* Falcon Stars: show complete Leather Goods images without cropping. */
.tax-product_cat.term-leather-goods-accessories .post-featured-image figure {
    aspect-ratio: 4 / 3;
    background: #fff;
}
.tax-product_cat.term-leather-goods-accessories .post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.single-product .product_cat-leather-goods-accessories .woocommerce-product-gallery__image a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.single-product .product_cat-leather-goods-accessories .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
.single-product .product_cat-leather-goods-accessories .flex-control-thumbs img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
    background: #fff;
}


/* Keep the related-product cards on Leather Goods pages uncropped too. */
.single-product .product_cat-leather-goods-accessories .related.products .post-featured-image figure {
    aspect-ratio: 4 / 3;
    background: #fff;
}
.single-product .product_cat-leather-goods-accessories .related.products .post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}


/* Falcon Stars: equally prominent branded consent choices. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
 background: #55575a !important;
 border: 1px solid #55575a !important;
 color: #ffffff !important;
 border-radius: 5px !important;
 font-family: inherit !important;
 font-size: 15px !important;
 font-weight: 600 !important;
 line-height: 1.4 !important;
 min-height: 48px;
 text-decoration: none !important;
 transition: background-color .15s ease, border-color .15s ease;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible {
 background: #087dab !important;
 border-color: #087dab !important;
 color: #ffffff !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible {
 outline: 3px solid #149fd0;
 outline-offset: 3px;
}

/* Give translated desktop navigation room without wrapping labels. */
@media (min-width: 992px) {
 .main-header nav.container { width: calc(100% - 48px); max-width: 1300px; padding-inline: 0; }
 .main-header .navbar { flex-wrap: nowrap; gap: 20px; }
 .main-header .navbar-brand { flex: 0 0 auto; }
 .main-header .navbar-brand img { width: clamp(190px, 17vw, 265px); height: auto !important; }
 .main-header .main-menu { min-width: 0; padding-top: 30px !important; gap: 16px; }
 .main-header .nav-menu-wrapper { margin: 0 !important; min-width: 0; flex: 1 1 auto; }
 .main-header #menu { display: flex; flex-wrap: nowrap; justify-content: space-evenly; width: 100%; }
 .main-header #menu > li { flex: 0 0 auto; padding: 15px 8px !important; }
 .main-header #menu > li > a { white-space: nowrap; font-size: 14px; }
 .main-header .header-btn { flex: 0 0 auto; }
 .main-header .header-btn > a { white-space: nowrap; padding: 14px 18px; font-size: 14px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .main-header .navbar { gap: 12px; }
 .main-header .navbar-brand img { width: 180px; }
 .main-header .header-btn { display: inline-flex !important; }
 .main-header #menu > li { padding-inline: 6px !important; }
 .main-header #menu > li > a { font-size: 13px; }
}

/* Keep the centred header spacious in translated menus; Contact remains in the menu. */
@media (min-width: 992px) {
 .main-header .header-btn { display: inline-flex !important; }
 .main-header #menu { justify-content: center; gap: clamp(2px, .5vw, 8px); }
}

/* Keep the logo, navigation and contact action balanced within the original centred header. */
@media (min-width: 992px) {
 .main-header .navbar-brand img { width: clamp(180px, 16vw, 250px); }
 .main-header .main-menu { flex: 1 1 auto; margin-inline-start: 0 !important; }
 .main-header .header-btn { display: inline-flex !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .main-header .navbar-brand img { width: 160px; }
 .main-header #menu { gap: 0; }
 .main-header #menu > li { padding-inline: 4px !important; }
 .main-header .header-btn > a { padding-inline: 10px; font-size: 13px; }
 .main-header .main-menu { gap: 10px; }
}

/* Localised banner subtitles: these captions are generated by CSS, outside TranslatePress text nodes. */
html[lang^="de"] body.home .page-header-box::after { content: "Chirurgische und zahnmedizinische Instrumente" !important; }
html[lang^="de"] body.page-id-11 .page-header-box::after { content: "Fachliche Kompetenz. Persönliche Betreuung." !important; }
html[lang^="de"] body.page-id-878 .page-header-box::after { content: "Sorgfalt bis ins Detail." !important; }
html[lang^="de"] body.page-id-19 .page-header-box::after { content: "Im direkten Gespräch mit unserem Team." !important; }
html[lang^="fr"] body.home .page-header-box::after { content: "Instruments chirurgicaux et dentaires" !important; }
html[lang^="fr"] body.page-id-11 .page-header-box::after { content: "Une expertise spécialisée. Un accompagnement personnalisé." !important; }
html[lang^="fr"] body.page-id-878 .page-header-box::after { content: "Une attention particulière à chaque détail." !important; }
html[lang^="fr"] body.page-id-19 .page-header-box::after { content: "Un échange direct avec notre équipe." !important; }
html[lang^="es"] body.home .page-header-box::after { content: "Instrumentos quirúrgicos y dentales" !important; }
html[lang^="es"] body.page-id-11 .page-header-box::after { content: "Especialización y atención personalizada." !important; }
html[lang^="es"] body.page-id-878 .page-header-box::after { content: "Cuidamos cada detalle." !important; }
html[lang^="es"] body.page-id-19 .page-header-box::after { content: "Hable directamente con nuestro equipo." !important; }
html[lang^="it"] body.home .page-header-box::after { content: "Strumenti chirurgici e dentali" !important; }
html[lang^="it"] body.page-id-11 .page-header-box::after { content: "Competenza specialistica. Attenzione personale." !important; }
html[lang^="it"] body.page-id-878 .page-header-box::after { content: "Cura in ogni dettaglio." !important; }
html[lang^="it"] body.page-id-19 .page-header-box::after { content: "Un dialogo diretto con il nostro team." !important; }
html[lang^="nl"] body.home .page-header-box::after { content: "Chirurgische en tandheelkundige instrumenten" !important; }
html[lang^="nl"] body.page-id-11 .page-header-box::after { content: "Specialistische kennis. Persoonlijke aandacht." !important; }
html[lang^="nl"] body.page-id-878 .page-header-box::after { content: "Zorgvuldige aandacht voor elk detail." !important; }
html[lang^="nl"] body.page-id-19 .page-header-box::after { content: "Rechtstreeks in gesprek met ons team." !important; }
html[lang^="pt"] body.home .page-header-box::after { content: "Instrumentos cirúrgicos e dentários" !important; }
html[lang^="pt"] body.page-id-11 .page-header-box::after { content: "Especialização e atenção personalizada." !important; }
html[lang^="pt"] body.page-id-878 .page-header-box::after { content: "Cuidado em cada detalhe." !important; }
html[lang^="pt"] body.page-id-19 .page-header-box::after { content: "Fale diretamente com a nossa equipa." !important; }
html[lang^="sv"] body.home .page-header-box::after { content: "Kirurgiska och dentala instrument" !important; }
html[lang^="sv"] body.page-id-11 .page-header-box::after { content: "Specialistkunskap. Personlig service." !important; }
html[lang^="sv"] body.page-id-878 .page-header-box::after { content: "Omsorg om varje detalj." !important; }
html[lang^="sv"] body.page-id-19 .page-header-box::after { content: "Prata direkt med vårt team." !important; }
html[lang^="da"] body.home .page-header-box::after { content: "Kirurgiske og dentale instrumenter" !important; }
html[lang^="da"] body.page-id-11 .page-header-box::after { content: "Specialistviden. Personlig service." !important; }
html[lang^="da"] body.page-id-878 .page-header-box::after { content: "Omhu i hver eneste detalje." !important; }
html[lang^="da"] body.page-id-19 .page-header-box::after { content: "Tal direkte med vores team." !important; }
html[lang^="pl"] body.home .page-header-box::after { content: "Narzędzia chirurgiczne i stomatologiczne" !important; }
html[lang^="pl"] body.page-id-11 .page-header-box::after { content: "Specjalistyczna wiedza. Indywidualne podejście." !important; }
html[lang^="pl"] body.page-id-878 .page-header-box::after { content: "Dbałość o każdy szczegół." !important; }
html[lang^="pl"] body.page-id-19 .page-header-box::after { content: "Porozmawiaj bezpośrednio z naszym zespołem." !important; }
html[lang^="hu"] body.home .page-header-box::after { content: "Sebészeti és fogászati műszerek" !important; }
html[lang^="hu"] body.page-id-11 .page-header-box::after { content: "Szakértelem. Személyes odafigyelés." !important; }
html[lang^="hu"] body.page-id-878 .page-header-box::after { content: "Gondos odafigyelés minden részletre." !important; }
html[lang^="hu"] body.page-id-19 .page-header-box::after { content: "Beszéljen közvetlenül csapatunkkal." !important; }
html[lang^="ar"] body.home .page-header-box::after { content: "الأدوات الجراحية وأدوات طب الأسنان" !important; }
html[lang^="ar"] body.page-id-11 .page-header-box::after { content: "خبرة متخصصة. اهتمام شخصي." !important; }
html[lang^="ar"] body.page-id-878 .page-header-box::after { content: "عناية دقيقة بكل التفاصيل." !important; }
html[lang^="ar"] body.page-id-19 .page-header-box::after { content: "تواصل مباشر مع فريقنا." !important; }

/* European delivery: consistent policy heading and shop information link. */
body.page.page-id-1137:not(.home):not(.page-id-857) .page-header { background: #eef3f6 !important; background-image: none !important; padding: 38px 0 !important; }
body.page-id-1137 .page-header::before { display: none !important; }
body.page-id-1137 .page-header-box { text-align: start !important; border-inline-start: 4px solid #149fd6; padding: 8px 24px; }
body.page-id-1137 .page-header-box h1 { color: #172b3c !important; font-size: clamp(28px, 3.2vw, 42px) !important; line-height: 1.2 !important; margin: 0 !important; }
.fss-delivery-link { margin: 18px 0 24px; padding: 14px 18px; background: #eef3f6; border-inline-start: 4px solid #149fd6; border-radius: 5px; }
.fss-delivery-link a { color: #172b3c; font-weight: 600; text-decoration: none; }
.fss-delivery-link a:hover, .fss-delivery-link a:focus-visible { color: #087dab; }