/* tm.info for tinymightvape.eu: colours + custom_code, filtered to what this page type uses (coverage + safelist), order preserved. Built by deploy/css/pagecss-build.py. */
/* colors */
body,.product-filter .list-options select,.blog-article .post .box .box-heading{color:#171016}
a{color:#171016}
a:hover,div.pagination-results ul li.active{color:#d9121f}
.product-info .radio-type-button span:hover,.product-info .radio-type-button span.active,.product-info .radio-type-button2 span:hover,.product-info .radio-type-button2 span.active,#main .mfilter-image ul li.mfilter-image-checked{border-color:#d9121f}
.product-info .radio-type-button2 span.active{background:#d9121f}
body,.standard-body .full-width #mfilter-content-container>span:before{background:#ffffff}
.product-grid .product:hover:before,.product-list>div:hover{border-color:#d9121f}
.product-grid .product .only-hover ul li a:hover,.architecture-products .product .right .only-hover ul li a:hover,.product-list .name-actions ul li a:hover,.today-deals-toys2-products .only-hover ul li a:hover,.today-deals-petshop2-products .only-hover ul li a:hover,.flower-product .right ul li a:hover{background-color:#d9121f}
.product-grid .product .only-hover ul li a:hover,.architecture-products .product .right .only-hover ul li a:hover,.product-list .name-actions ul li a:hover,.today-deals-toys2-products .only-hover ul li a:hover,.today-deals-petshop2-products .only-hover ul li a:hover,.flower-product .right ul li a:hover{border-color:#d9121f}
.product-grid .product .only-hover ul li a:hover,.architecture-products .product .right .only-hover ul li a:hover,.product-list .name-actions ul li a:hover,.today-deals-toys2-products .only-hover ul li a:hover,.today-deals-petshop2-products .only-hover ul li a:hover,.flower-product .right ul li a:hover{color:#fff}
.dropdown-menu li a:hover,.dropdown-menu .mini-cart-info a:hover,.ui-autocomplete li a:hover,.ui-autocomplete li a.ui-state-focus{color:#d9121f !important}
.select:after,.product-filter .list-options .sort:after,.product-filter .list-options .limit:after{color:#d9121f}
.col-sm-3 .box-no-advanced.box .box-content,.col-sm-4 .box-no-advanced.box .box-content,.col-md-3 .box-no-advanced.box .box-content,.col-md-4 .box-no-advanced.box .box-content{border-color:#d9121f}
.col-sm-3 .box-no-advanced.box .box-heading,.col-sm-4 .box-no-advanced.box .box-heading,.col-md-3 .box-no-advanced.box .box-heading,.col-md-4 .box-no-advanced.box .box-heading{border-color:#d9121f}
.header-type-3 #top .search_form:hover,.header-type-8 #top .search_form:hover,.body-header-type-27 #top .search_form:hover{border-color:#d9121f}
.header-type-3 #top .search_form:hover,.header-type-8 #top .search_form:hover,.body-header-type-27 #top .search_form:hover{background-color:#d9121f}
.header-type-3 #top .search_form:hover,.header-type-8 #top .search_form:hover,.body-header-type-27 #top .search_form:hover .button-search{color:#fff}
.top-bar .menu li a:hover,.header-type-9 #top #header-center .menu li a:hover,.header-type-17 #top #header-left .menu li a:hover,.header-type-26 #top .menu li a:hover{color:#d9121f}
#top .dropdown>a:after{color:#171016}
#top .dropdown>a{color:#171016}
#top .dropdown:hover>a{color:#d9121f}
#top .dropdown:hover>a:after{color:#d9121f}
#top .my-account:hover,.rtl .header-type-10 #top .my-account:hover{border-color:#d9121f}
#top .my-account:hover{background:#d9121f}
#top .my-account:hover,.header-type-23 .dropdown:hover i{color:#fff}
#top #cart_block:hover .cart-heading .cart-icon,.cart-block-type-2 #top #cart_block:hover .cart-heading,.cart-block-type-9 #top #cart_block:hover .cart-heading,.cart-block-type-8 #top #cart_block:hover .cart-heading,.cart-block-type-7 #top #cart_block:hover .cart-heading,.cart-block-type-4 #top #cart_block:hover .cart-heading,.cart-block-type-6 #top #cart_block:hover .cart-heading,.cart-block-type-8 #top #cart_block:hover .cart-heading p,.cart-block-type-4 #top #cart_block:hover .cart-heading .cart-icon,.rtl .cart-block-type-8 #top #cart_block:hover .cart-heading p,.rtl .header-type-10 #top #cart_block:hover .cart-heading .cart-icon,.rtl .cart-block-type-4 #top #cart_block:hover .cart-heading .cart-icon{border-color:#fff}
#top #cart_block:hover .cart-heading .cart-icon,.cart-block-type-2 #top #cart_block:hover .cart-heading,.cart-block-type-9 #top #cart_block:hover .cart-heading,.cart-block-type-8 #top #cart_block:hover .cart-heading,.cart-block-type-7 #top #cart_block:hover .cart-heading,.cart-block-type-4 #top #cart_block:hover .cart-heading{background:#d9121f}
#top #cart_block:hover .cart-heading .cart-count{color:#fff}
#top #cart_block:hover .cart-heading .cart-count{background-color:#171016}
#top #cart_block:hover .cart-heading p{color:#d9121f}
#top #cart_block:hover .cart-heading p:after{color:#d9121f}
ul.megamenu>li.with-sub-menu:hover>a strong:after{color:#171016}
ul.megamenu>li:hover>a,ul.megamenu>li.active>a,ul.megamenu>li.home>a{color:#d9121f}
ul.megamenu li .sub-menu .content a:hover,ul.megamenu li .sub-menu .content .hover-menu .menu ul li:hover>a{color:#d9121f}
ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover{color:#d9121f}
@media (max-width:991px){.responsive .standard-body .full-width .megamenu-background .megaMenuToggle:before{background-color:#d9121f}
}
.megamenuToogle-wrapper:hover,.active .megamenuToogle-wrapper{background-color:#d9121f}
.megamenuToogle-wrapper:hover .container,.active .megamenuToogle-wrapper .container{color:#fff}
.megamenuToogle-wrapper:hover .container>div span,.active .megamenuToogle-wrapper .container>div span{background:#fff}
@media (max-width:991px){.responsive .horizontal .megamenu-wrapper{background:#171016 !important}
}
@media (max-width:991px){.responsive .horizontal ul.megamenu>li>a{color:#fff !important}
}
@media (max-width:991px){.responsive .horizontal ul.megamenu>li:hover>a,.responsive .horizontal ul.megamenu>li.active>a{color:#d9121f !important}
}
@media (max-width:991px){.responsive .horizontal ul.megamenu>li{border-top-color:#332832 !important}
}
@media (max-width:991px){.responsive ul.megamenu>li:hover,.responsive ul.megamenu>li.active{background:#120c11 !important}
}
@media (max-width:991px){.responsive ul.megamenu>li.with-sub-menu .open-menu,.responsive ul.megamenu>li.with-sub-menu .close-menu{color:#fff !important}
}
#main .breadcrumb .background{background:#fff}
#main .breadcrumb .background{border-bottom:1px solid #e5e5e5;background-image:none}
#main .breadcrumb .background{border-top:1px solid #e5e5e5;background-image:none}
.breadcrumb .container h1{color:#171016}
.breadcrumb .container h1{border-bottom-color:#d9121f}
.breadcrumb ul,.breadcrumb ul a{color:#808080}
.breadcrumb ul a:hover{color:#d9121f}
.button-previous-next:hover{background:#d9121f}
.button-previous-next:hover{border-color:#d9121f}
.button-previous-next:hover{color:#fff}
#main .box-category ul li>a:hover{color:#d9121f}
#main .box-category ul li a.active{color:#d9121f}
.box-category>ul li>a:hover,.box-category>ul li:hover>a,.box-category>ul li a.active{background:#120c11}
.box>.prev:hover,.box>.next:hover,.product-info .thumbnails-carousel .owl-buttons .owl-prev:hover,.product-info .thumbnails-carousel .owl-buttons .owl-next:hover,div.pagination-results ul li:hover,.tab-content .prev-button:hover,.tab-content .next-button:hover{background:#d9121f}
.box>.prev:hover,.box>.next:hover,.product-info .thumbnails-carousel .owl-buttons .owl-prev:hover,.product-info .thumbnails-carousel .owl-buttons .owl-next:hover,div.pagination-results ul li:hover,.tab-content .prev-button:hover,.tab-content .next-button:hover{color:#fff}
.box>.prev:hover,.box>.next:hover,.product-info .thumbnails-carousel .owl-buttons .owl-prev:hover,.product-info .thumbnails-carousel .owl-buttons .owl-next:hover,div.pagination-results ul li:hover,.tab-content .prev-button:hover,.tab-content .next-button:hover{border-color:#d9121f}
.filter-product .filter-tabs ul>li.active>a,.filter-product .filter-tabs ul>li.active>a:hover,.filter-product .filter-tabs ul>li.active>a:focus,.htabs a.selected,.htabs a:hover{color:#171016}
.htabs a.selected:before,.filter-product .filter-tabs ul>li.active>a:before{background:#d9121f}
.categories-wall .category-wall .more-categories:hover{background:#d9121f}
.categories-wall .category-wall .more-categories:hover{border-color:#d9121f}
.categories-wall .category-wall .more-categories:hover{color:#fff}
body .popup-module .mfp-close{border-color:#d9121f}
body .popup-module .mfp-close{color:#d9121f}
body .popup-module .mfp-close:hover{background:#d9121f}
body .popup-module .mfp-close:hover{border-color:#d9121f}
body .popup-module .mfp-close:hover{color:#fff}
.camera_wrap .owl-controls .owl-buttons .owl-prev:hover,.camera_wrap .owl-controls .owl-buttons .owl-next:hover,#main .tp-leftarrow.default:hover,#main .tp-rightarrow.default:hover,#main .post .post-media .media-slider .owl-controls .owl-buttons .owl-prev:hover,#main .post .post-media .media-slider .owl-controls .owl-buttons .owl-next:hover{background:#d9121f}
.camera_wrap .owl-controls .owl-buttons .owl-prev:hover:before,.camera_wrap .owl-controls .owl-buttons .owl-next:hover:before,#main .tp-leftarrow.default:hover:before,#main .tp-rightarrow.default:hover:before,#main .post .post-media .media-slider .owl-controls .owl-buttons .owl-prev:hover:before,#main .post .post-media .media-slider .owl-controls .owl-buttons .owl-next:hover:before{color:#fff}
.rating i.active{color:#d9121f}
.button,.btn{color:#fff !important}
.button,.btn{background:#d9121f !important}
.button:hover,.btn:hover{color:#fff !important}
.button:hover,.btn:hover{background:#171016 !important}
.buttons .left .button:hover,.buttons .center .button:hover,.btn-default:hover,.input-group-btn .btn-primary:hover{color:#fff !important}
.buttons .left .button:hover,.buttons .center .button:hover,.btn-default:hover,.input-group-btn .btn-primary:hover{background:#171016 !important}
.custom-footer .background,.standard-body .custom-footer .background{background:#fff}
.custom-footer .pattern{background:none}
.footer .pattern a:hover{color:#d9121f}
#main .post .meta>li a:hover{color:#171016}
#main .tagcloud a:hover,#main .post .tags a:hover,#main .news .media-body .tags a:hover,#main .posts .post .tags a:hover,.cosmetics-news .media .tags a:hover,.cameras-news .media .tags a:hover{color:#fff}
#main .tagcloud a:hover,#main .post .tags a:hover,#main .news .media-body .tags a:hover,#main .posts .post .tags a:hover,.cosmetics-news .media .tags a:hover,.cameras-news .media .tags a:hover{background:#171016}
#main .posts .button-more:hover,.wine-news .button-more:hover{background:#d9121f}
#main .posts .button-more:hover,.wine-news .button-more:hover{border-color:#d9121f}
#main .posts .button-more:hover,.wine-news .button-more:hover{color:#fff}
body,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,select{font-size:13px;font-weight:400 !important}
@media (max-width:767px){.responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li a,.responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li a{}
}
.center-column .panel-heading h4{}
.dropdown-menu,body .dropdown-menu>li>a,.top-bar .menu li a,#top .dropdown>a,.product-info .cart .add-to-cart p,.header-notice,.header-type-9 #top #header-center .menu li a,.welcome-text,.header-type-16 #top #header-left .menu li{font-size:12px}
.product-filter .options .product-compare a,.product-info .cart .links a,.button-previous-next,.footer-button,.button-white-with-red-text,table.attribute thead td,table.list thead td,.wishlist-product table thead td,.wishlist-info table thead td,.compare-info thead td,.checkout-product table thead td,.table thead td,.cart-info table thead td,.manufacturer-heading,.center-column .panel-heading h4,ul.box-filter>li>span,.popup .form-contact .contact-label label,.categories-wall .category-wall .more-categories,.mfilter-heading,.product-info .options2>div>label{font-size:11px !important}
.box .box-heading,.center-column h1,.center-column h2,.center-column h3,.center-column h4,.center-column h5,.center-column h6,.products-carousel-overflow .box-heading,.htabs a,.product-info .options h2,h3,h4,h6,.product-block .title-block,.filter-product .filter-tabs ul>li>a,.popup h4,.product-info .product-name a,legend{font-size:20px;font-weight:600 !important}
.breadcrumb .container h1{font-size:30px;font-weight:600 !important}
.button,.btn,.footer-button{font-size:13px !important;font-weight:600 !important;line-height:1.6}
/* custom */
.standard-body .full-width.main-content .pattern > .container { padding-bottom: 0 !important; }
.top-bar .menu li a,
.header-type-9 #top #header-center .menu li a,
.header-type-17 #top #header-left .menu li a,
.header-type-26 #top .menu li a,
.top-bar .menu li a:hover,
.header-type-9 #top #header-center .menu li a:hover,
.header-type-17 #top #header-left .menu li a:hover,
.header-type-26 #top .menu li a:hover { color: #575757 !important; }
@media(max-width:600px){.b4u>div{flex:1 1 100%}
}
@media(max-width:600px){.f1{grid-template-columns:repeat(2,1fr)}
}
.custom-footer h2{font-size:20px;font-weight:500;padding:18px 0 12px;margin:20px 0 30px;display:inline-block;border-bottom:2px solid var(--tm-red, #d9121f)}
.owl-controls .owl-buttons,.owl-controls .owl-buttons .owl-prev,.owl-controls .owl-buttons .owl-next,.owl-controls .owl-buttons .owl-prev:before,.owl-controls .owl-buttons .owl-next:before,.thumbnails-carousel .owl-buttons .owl-prev,.thumbnails-carousel .owl-buttons .owl-next{transition-property:opacity!important}
.breadcrumb ul li a{color:#575757!important}
.breadcrumb ul li a:hover{color:#333!important}
#tabs.htabs a.selected,#tabs.htabs a:hover{color:#333!important}
.breadcrumb ul li a{display:inline-block;padding:5px 3px}
a{transition-property:opacity,transform!important}
*::before,*::after{transition-property:opacity,transform!important}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,[role="button"]:focus-visible,input[type=radio]:focus-visible,input[type=checkbox]:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible{outline:3px solid var(--tm-red, #d9121f)!important;outline-offset:2px!important}
input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important;border-color:var(--tm-red, #d9121f)!important;box-shadow:0 0 0 3px rgba(217,18,31,.15)!important}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
body>div[data-notify="container"].alert{background:#1c1a18!important;border:0!important;color:#fff!important;border-radius:14px;box-shadow:0 14px 38px rgba(0,0,0,.32);width:auto!important;min-width:300px;max-width:380px;padding:16px 44px 16px 58px!important;font-size:14px;line-height:1.55;font-weight:400}
body>div[data-notify="container"].alert span[data-notify="message"]{display:block}
body>div[data-notify="container"].alert span[data-notify="message"] a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px}
body>div[data-notify="container"].alert span[data-notify="message"] a:hover{color:#ffb3b8}
body>div[data-notify="container"].alert span[data-notify="message"] .fa{display:none}
body>div[data-notify="container"].alert::before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:50%;background:var(--tm-red, #d9121f) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.2 3.2L13 5'/%3E%3C/svg%3E") center/15px 15px no-repeat}
body>div[data-notify="container"].alert>button.close{position:absolute;right:12px;top:10px;color:#fff;opacity:.45;text-shadow:none;font-size:20px;font-weight:400;float:none;line-height:1}
body>div[data-notify="container"].alert>button.close:hover,body>div[data-notify="container"].alert>button.close:focus{color:#fff;opacity:.9}
body>div[data-notify="container"].alert .progress{display:none!important}
@media (max-width:480px){body>div[data-notify="container"].alert{left:12px!important;right:12px!important;max-width:none;min-width:0}
}
@media(max-width:767px){.custom-footer .tmg-ft{padding:34px 20px 24px}
.custom-footer .tmg-ftbar{padding:16px 20px 22px}
}
@media(max-width:767px){.custom-footer{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;background:#161513 !important;overflow:hidden}
}
.custom-footer .tmg-ftbar a{border:0;border-radius:0;color:#b9b3aa;font-size:12px;line-height:1;text-decoration:none;transition:color .2s}
.custom-footer .tmg-ftbar a:hover{color:#fff}
@media(max-width:767px){.custom-footer .tmg-ftbar{flex-direction:column;gap:14px;justify-content:center;text-align:center}
.custom-footer .tmg-ftbar a{margin:0 3px}
}
@media(max-width:991px){.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#tmg-mbar{padding-right:10px}
}
@media(max-width:767px){.custom-footer.fixed,.custom-footer.fixed2,.custom-footer.fixed3{padding:0 !important}
}
html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c9c4bc transparent}
::-webkit-scrollbar-thumb:hover{background:#a8a29a}
.tmg-dscroll{scrollbar-width:thin;scrollbar-color:#3a362f transparent}
.tmg-dscroll::-webkit-scrollbar-thumb{background:#3a362f}
@media(max-width:767px){.common-home .onepage-sections .price{font-size:34px!important;margin-top:0!important}
.common-home .onepage-sections .section .title,.common-home .onepage-sections a.title{font-size:22px!important;line-height:1.35!important}
}
@media(max-width:767px){.common-home .onepage-sections .inputs{display:flex;justify-content:center;gap:10px}
.common-home .onepage-sections .inputs .button{flex:1 1 0;margin:0!important;white-space:nowrap;text-align:center;font-size:12.5px!important;padding-left:8px!important;padding-right:8px!important;min-width:0}
}
body.body-header-type-3 .custom-footer{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:#161513!important}
body.body-header-type-3{overflow-x:clip}
@media(min-width:768px){body.body-header-type-3 .custom-footer .container{width:auto!important;max-width:1170px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;float:none!important}
}
#content .alert,.standard-body .alert{border:1px solid transparent;border-radius:12px;padding:13px 44px 13px 16px;font-size:14px;position:relative;box-shadow:none;background-image:none}
#content .alert-success,.standard-body .alert-success{background:#f0faf3;border-color:#cdebd8;color:#1e6b3a}
#content .alert-danger,.standard-body .alert-danger{background:#fdf1f2;border-color:#f5c9cd;color:#a3121d}
#content .alert-warning,.standard-body .alert-warning{background:#fdf8ef;border-color:#f2e2c4;color:#8a6116}
#content .alert .close,.standard-body .alert .close{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.45;text-shadow:none;font-size:20px;line-height:1;float:none}
#content .alert img,#content .alert .fa{vertical-align:middle;margin-right:8px}
@media(max-width:640px){.cart-info table thead{display:none}
.cart-info table,.cart-info tbody{display:block;width:100%}
.cart-info tbody tr{display:grid;grid-template-columns:78px 1fr auto;gap:2px 12px;border:1px solid #e7e4df;border-radius:14px;padding:12px;margin:0 0 12px;align-items:start;background:#fff}
.cart-info tbody td{display:block;border:0!important;padding:0!important;text-align:left!important;background:none!important}
.cart-info tbody td.hidden-xs{display:none}
.cart-info tbody td:nth-child(1){grid-column:1;grid-row:1/span 2}
.cart-info tbody td:nth-child(1) img{width:100%;height:auto;border-radius:8px}
.cart-info tbody td:nth-child(1){font-size:0;line-height:0}
.cart-info tbody td:nth-child(1) a:not(:first-of-type){display:none}
.table-responsive.cart-info{overflow:visible}
.cart-info tbody td:nth-child(2){display:block!important;grid-column:2;grid-row:1;font-size:14px;font-weight:600;line-height:1.4}
.cart-info tbody td:nth-child(4){grid-column:2/span 2;grid-row:2;margin-top:8px}
.cart-info tbody td:nth-child(6){grid-column:3;grid-row:1;font-weight:700;font-size:14.5px;white-space:nowrap}
}
@media (max-width:768px){.form-control,
  input[type=text].form-control,input[type=password].form-control,
  input[type=email].form-control,input[type=tel].form-control,
  input[type=number].form-control,input[type=search].form-control,
  select.form-control,textarea.form-control{font-size:16px}
}
.pdp-qty .tmqp{--qp-h:49px;--qp-b:45px;--qp-w:48px;--qp-fs:17px;border-color:#d4d4d4}
.pdp-qty .tmqp button{color:#222}
.pdp-qty .tmqp button:hover:not(:disabled){background:#f2efe9}
.product-info .cart .add-to-cart .quantity .tmqp-in{width:100%;height:100%;padding:0;font-weight:600}
.tmg-wrap{max-width:1200px;margin:54px auto 40px;padding:0 5px}
.tmg-eyebrow{color:var(--tm-red, #d9121f);font-weight:700;letter-spacing:.13em;font-size:12px;text-transform:uppercase;margin:0 0 7px}
.tmg-title{font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 6px;line-height:1.15}
.tmg-sub{color:#6c6c6c;font-size:15px;margin:0 0 26px}
.tmg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:16px;grid-template-areas:"a a b c" "a a d e" "f f f f"}
.tmg-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:172px;padding:22px;border-radius:16px;overflow:hidden;text-decoration:none!important;color:#fff;background-size:cover;background-position:center;transition:transform .28s ease,box-shadow .28s ease}
.tmg-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.8) 100%);transition:background .28s ease}
.tmg-card>*{position:relative;z-index:1}
.tmg-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(0,0,0,.24)}
.tmg-card:hover::before{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.86) 100%)}
.tmg-card h3{font-size:17px;font-weight:700;color:#fff;margin:0 0 5px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.tmg-card p{font-size:13px;color:rgba(255,255,255,.9);margin:0;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.tmg-go{margin-top:12px;font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.tmg-hero{grid-area:a;min-height:340px}
.tmg-hero h3{font-size:26px}
.tmg-hero p{font-size:15px;max-width:82%}
.tmg-hero .tmg-go{color:#ff7a80}
.tmg-b{grid-area:b}
.tmg-c{grid-area:c}
.tmg-d{grid-area:d}
.tmg-e{grid-area:e}
.tmg-wide{grid-area:f;min-height:152px}
.tmg-wide h3{font-size:20px}
.tmg-wide p{max-width:72%}
@media(max-width:900px){.tmg-grid{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "b c" "d e" "f f"}
.tmg-hero{min-height:210px}
}
@media(max-width:560px){.tmg-grid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e" "f"}
.tmg-card{min-height:158px}
.tmg-hero{min-height:200px}
}
.header-notice button.close-notice{border:0;cursor:pointer;font:inherit;opacity:.85;transition:opacity .15s}
.header-notice button.close-notice:hover{opacity:1}
.header-notice button.close-notice:before{content:"\f00d";font:16px/1 FontAwesome}
.custom-footer .background,.custom-footer .background-custom-footer{background:#161513 !important}
.custom-footer .pattern{background:none !important}
.footer{display:none !important}
.custom-footer{margin-bottom:0 !important;margin-top:44px !important}
.tmg-ft{display:flex;flex-wrap:wrap;gap:34px;padding:44px 0 34px;color:#b9b3aa}
.tmg-ft h2,.tmg-ft h4{color:#fff;font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;font-weight:700}
.tmg-ft .tmg-col{flex:1 1 200px;min-width:170px}
.tmg-ft .tmg-brand{flex:1.4 1 240px}
.tmg-ft .tmg-brand img{max-width:170px;height:auto;filter:invert(1) grayscale(1) brightness(1.6);mix-blend-mode:screen;margin:0 0 14px;display:block}
.tmg-ft p{margin:0 0 10px;font-size:13px;line-height:1.65;color:#b9b3aa}
.tmg-ft ul{list-style:none;margin:0;padding:0}
.tmg-ft li{padding:3.5px 0}
.tmg-ft .tmg-c li{display:flex;align-items:baseline;gap:8px}
.tmg-ft .tmg-c .fa{width:14px;color:var(--tm-red, #d9121f);flex:0 0 14px;position:relative;top:1px}
.tmg-ft a{color:#b9b3aa;font-size:13px;text-decoration:none}
.tmg-ft a:hover{color:#fff}
.tmg-ft .tmg-ig{display:inline-flex;align-items:center;color:#b9b3aa}
.tmg-ft .tmg-muted{color:#948d82;font-size:12px}
.tmg-ftbar{border-top:1px solid #2b2823;padding:16px 0 22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font-size:12px;color:#8a847b}
.tmg-ftbar a{color:#8a847b;text-decoration:none;margin-left:14px}
.tmg-ftbar a:hover{color:#fff}
@media(max-width:600px){.tmg-ft{gap:22px;padding:34px 0 24px}
}
.tmg-ft li a{display:inline-block;padding:13px 8px;margin:-13px -8px}
.tmg-ft .tmg-ig{display:inline-flex;align-items:center;min-height:48px;padding:0 8px;margin:-14px -8px}
.tmg-ftbar a{display:inline-flex;align-items:center;min-height:48px;padding:0 8px;margin:-14px -8px -14px 6px}
#tmsup { --tms-ink: var(--tm-ink, #171016); --tms-muted: var(--tm-muted, #6b7280); --tms-line: var(--tm-line, #e5e7eb); --tms-sand: #f3f0ea; --tms-red: var(--tm-red, #d9121f); --tms-red-dark: var(--tm-red-dark, #b30e19); font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
#tmsup * { box-sizing: border-box; }
#tmsup [hidden] { display: none !important; }
#tmsup-fab { position: fixed; right: 20px; bottom: 20px; z-index: 99990; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 0; border-radius: 50%; background: var(--tms-red); color: #fff; box-shadow: 0 10px 28px rgba(217, 18, 31, 0.32), 0 2px 6px rgba(0, 0, 0, 0.16); cursor: pointer; transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.18s, box-shadow 0.18s; }
#tmsup-fab svg { width: 26px; height: 26px; }
#tmsup-fab:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(217, 18, 31, 0.36), 0 2px 6px rgba(0, 0, 0, 0.16); }
#tmsup-fab:active { transform: scale(0.96); }
#tmsup-fab:focus-visible { outline: 3px solid var(--tms-ink); outline-offset: 3px; }
#tmsup.open #tmsup-fab { opacity: 0; transform: scale(0.6); pointer-events: none; }
#tmsup-badge { position: absolute; top: -3px; right: -3px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--tms-ink); color: #fff; font-size: 11px; font-weight: 700; line-height: 20px; text-align: center; box-shadow: 0 0 0 2px #fff; }
#tmsup-panel { position: fixed; right: 20px; bottom: 20px; z-index: 99991; display: flex; flex-direction: column; width: 400px; max-width: calc(100vw - 32px); height: 640px; max-height: calc(100vh - 40px); overflow: hidden; border: 1px solid rgba(23, 16, 22, 0.08); border-radius: 20px; background: #fff; color: var(--tms-ink); font-size: 14px; line-height: 1.55; box-shadow: 0 30px 70px rgba(23, 16, 22, 0.22), 0 6px 18px rgba(23, 16, 22, 0.1); opacity: 0; transform: translateY(12px) scale(0.98); transform-origin: bottom right; pointer-events: none; transition: opacity 0.2s ease, transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1); }
#tmsup.open #tmsup-panel { opacity: 1; transform: none; pointer-events: auto; }
#tmsup-head { display: flex; align-items: center; gap: 12px; padding: 14px 12px 14px 16px; border-bottom: 1px solid var(--tms-line); background: #fff; }
#tmsup-ava { flex: 0 0 38px; width: 38px; height: 38px; }
#tmsup-ava svg { display: block; width: 38px; height: 38px; }
#tmsup-htxt { flex: 1; min-width: 0; }
#tmsup-htxt b { display: block; font-size: 15px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
#tmsup-htxt span { display: block; margin-top: 2px; font-size: 12px; color: var(--tms-muted); }
#tmsup-new, #tmsup-min { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; color: var(--tms-muted); cursor: pointer; transition: background 0.15s, color 0.15s; }
#tmsup-new:hover, #tmsup-min:hover { background: var(--tms-sand); color: var(--tms-ink); }
#tmsup-new:focus-visible, #tmsup-min:focus-visible, #tmsup-att:focus-visible, #tmsup-cam:focus-visible, #tmsup-send:focus-visible, #tmsup-jump:focus-visible, .tmsup-chip:focus-visible, .tmsup-ask button:focus-visible { outline: 2px solid var(--tms-red); outline-offset: 2px; }
#tmsup-new svg, #tmsup-min svg { width: 18px; height: 18px; }
#tmsup-log { position: relative; flex: 1; overflow-y: auto; padding: 18px 16px 6px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #d8d4cd transparent; }
.tmsup-row { display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 14px; }
.tmsup-row.u { align-items: flex-end; }
.tmsup-row.a + .tmsup-row.a { margin-top: -6px; }
.tmsup-b { max-width: 88%; overflow-wrap: anywhere; }
.tmsup-row.a .tmsup-b { padding: 0 2px; color: var(--tms-ink); }
.tmsup-row.u .tmsup-b { padding: 10px 14px; border-radius: 16px 16px 4px 16px; background: var(--tms-sand); color: var(--tms-ink); white-space: pre-wrap; }
.tmsup-b p { margin: 0 0 8px; }
.tmsup-b p:last-child { margin: 0; }
.tmsup-b a { color: var(--tms-red); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.tmsup-b img { display: block; max-width: 100%; margin: 8px 0; border-radius: 12px; }
.tmsup-b ul { margin: 6px 0; padding-left: 18px; }
.tmsup-b li { margin: 3px 0; }
.tmsup-b strong { font-weight: 700; }
.tmsup-ts { margin: 4px 0 14px; font-size: 11px; color: var(--tms-muted); text-align: center; font-variant-numeric: tabular-nums; }
.tmsup-starter { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 16px; }
.tmsup-chip { padding: 9px 14px; border: 1px solid var(--tms-line); border-radius: 999px; background: #fff; color: var(--tms-ink); font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: left; cursor: pointer; transition: border-color 0.15s, background 0.15s, transform 0.1s; }
.tmsup-chip:hover { border-color: var(--tms-ink); background: var(--tms-sand); }
.tmsup-chip:active { transform: scale(0.97); }
.tmsup-chip.is-human { color: var(--tms-muted); }
.tmsup-typing { display: inline-flex; gap: 5px; padding: 6px 2px; }
.tmsup-typing i { width: 7px; height: 7px; border-radius: 50%; background: #c9c4bb; }
.tmsup-cursor { display: inline-block; width: 2px; height: 1em; margin-left: 2px; border-radius: 1px; background: var(--tms-red); vertical-align: -0.15em; }
.tmsup-ask { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 14px; }
.tmsup-ask button { padding: 9px 14px; border: 1.5px solid var(--tms-ink); border-radius: 999px; background: #fff; color: var(--tms-ink); font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background 0.15s, color 0.15s, transform 0.1s; }
.tmsup-ask button:hover { background: var(--tms-ink); color: #fff; }
.tmsup-ask button:active { transform: scale(0.97); }
#tmsup-jump { position: absolute; right: 0; bottom: 92px; left: 0; z-index: 2; display: inline-flex; align-items: center; gap: 6px; width: max-content; margin: 0 auto; padding: 7px 12px 7px 10px; border: 1px solid var(--tms-line); border-radius: 999px; background: #fff; color: var(--tms-ink); font-family: inherit; font-size: 12.5px; font-weight: 600; box-shadow: 0 6px 18px rgba(23, 16, 22, 0.14); cursor: pointer; }
#tmsup-jump svg { width: 14px; height: 14px; }
#tmsup-foot { padding: 10px 12px 10px; border-top: 1px solid var(--tms-line); background: #fff; }
#tmsup-form { display: flex; align-items: flex-end; gap: 6px; padding: 4px 4px 4px 4px; border: 1px solid var(--tms-line); border-radius: 22px; background: #fff; transition: border-color 0.15s, box-shadow 0.15s; }
#tmsup-form:focus-within { border-color: var(--tms-ink); box-shadow: 0 0 0 3px rgba(23, 16, 22, 0.08); }
#tmsup-att, #tmsup-cam { display: flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: var(--tms-muted); cursor: pointer; transition: background 0.15s, color 0.15s; }
#tmsup-att:hover, #tmsup-cam:hover { background: var(--tms-sand); color: var(--tms-ink); }
#tmsup-att svg, #tmsup-cam svg { width: 18px; height: 18px; }
#tmsup-att:disabled, #tmsup-cam:disabled { opacity: 0.4; cursor: default; }
#tmsup-in { flex: 1; min-width: 0; max-height: 120px; margin: 0; padding: 8px 6px; border: 0; background: transparent; color: var(--tms-ink); font-family: inherit; font-size: 16px; line-height: 1.4; resize: none; outline: none; }
#tmsup-in::placeholder { color: #9a948b; }
#tmsup-send { position: relative; display: flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--tms-red); color: #fff; cursor: pointer; transition: background 0.15s, transform 0.12s, opacity 0.15s; }
#tmsup-send:hover { background: var(--tms-red-dark); }
#tmsup-send:active { transform: scale(0.92); }
#tmsup-send svg { width: 18px; height: 18px; }
#tmsup-send .tm-stop { display: none; width: 16px; height: 16px; }
#tmsup.is-busy #tmsup-send { background: var(--tms-ink); }
#tmsup.is-busy #tmsup-send .tm-send { display: none; }
#tmsup.is-busy #tmsup-send .tm-stop { display: block; }
#tmsup-send:disabled { opacity: 0.35; cursor: default; transform: none; }
.tmsup-note { margin: 8px 6px 0; font-size: 11px; line-height: 1.4; color: var(--tms-muted); text-align: center; }
.tmsup-note a { color: var(--tms-muted); text-decoration: underline; text-underline-offset: 2px; }
.tmsup-note a:hover { color: var(--tms-ink); }
@media (min-width: 721px){#tmsup-panel { height: min(640px, calc(100vh - 40px)); }
}
@media (max-width: 480px){#tmsup-fab { right: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: no-preference){.tmsup-row { animation: tmsup-in 0.26s cubic-bezier(0.2, 0.8, 0.2, 1); }
.tmsup-ask, .tmsup-starter { animation: tmsup-in 0.26s cubic-bezier(0.2, 0.8, 0.2, 1); }
.tmsup-typing i { animation: tmsup-bounce 1.2s infinite; }
.tmsup-typing i:nth-child(2) { animation-delay: 0.16s; }
.tmsup-typing i:nth-child(3) { animation-delay: 0.32s; }
.tmsup-cursor { animation: tmsup-blink 1s steps(1) infinite; }
#tmsup-jump { animation: tmsup-in 0.2s ease; }
}
@keyframes tmsup-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes tmsup-bounce { 0%, 60%, 100% { transform: translateY(0); opacity: 0.45; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes tmsup-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce){#tmsup-panel, #tmsup-fab { transition: none; }
}
@media (max-width:480px){#tmsup-panel{right:0;bottom:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
#tmsup-fab{right:16px;bottom:16px}
}
@media (prefers-reduced-motion:reduce){#tmsup *{animation:none!important;transition:none!important}
}
@media (max-width:991px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=color]),
  select,
  textarea,
  .form-control,
  #top .search_form input,
  #quantity_wanted,
  .quantity input{
    font-size:16px !important;
  }
}
@media(max-width:640px){.tmg-ft{gap:26px 14px}
.tmg-ft .tmg-brand{flex:1 1 100%}
.tmg-ft .tmg-col{flex:1 1 42%;min-width:130px}
.tmg-ft .tmg-col:last-of-type{flex:1 1 100%}
}
.tmg-ftbar{padding-right:80px}
@media(max-width:767px){.custom-footer .tmg-ftbar{padding-bottom:96px;padding-right:20px}
}
.tmg-ft .tmg-ig{border:1px solid #2f2b26;border-radius:8px;padding:12px 16px;margin:4px 0 0;min-height:0;transition:border-color .2s}
.tmg-ft .tmg-ig:hover{border-color:#6a645a}
@media (hover:none){.product-grid .product-hover .only-hover{visibility:visible;opacity:1;position:static;padding:4px 0 8px;background:transparent}
.product-grid .product .only-hover ul{transform:scale(1);-webkit-transform:scale(1);opacity:1;position:static;width:100%}
}
input.form-control,select.form-control,textarea.form-control{color:#2b2b2b}
.form-control::placeholder{color:#767676;opacity:1}
.advanced-grid.tmg-fullbleed{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
header.header-type-3 #header-center ul.megamenu>li:last-child,.fixed-header-1.header-type-3 #header-center ul.megamenu>li:last-child{margin-right:0!important}
.fa-user:before,.fa-search:before,.fa-shopping-cart:before,.fa-star:before,.fa-plus:before,.fa-minus:before,.fa-envelope:before,.fa-map-marker:before,.fa-check-circle:before,.fa-exclamation-circle:before,.fa-th-large:before,.fa-th-list:before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask:var(--tmi) center/contain no-repeat;mask:var(--tmi) center/contain no-repeat}
.fa-user:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.2' r='3.9'/%3E%3Cpath d='M4.6 20.4c.6-4 3.7-6.2 7.4-6.2s6.8 2.2 7.4 6.2'/%3E%3C/svg%3E")}
.fa-search:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='M15.6 15.6 20.4 20.4'/%3E%3C/svg%3E")}
.fa-shopping-cart:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 3.6h2.3l2.6 11.1a1.9 1.9 0 0 0 1.9 1.5h7.6a1.9 1.9 0 0 0 1.9-1.4l1.7-6.6H6.2'/%3E%3Ccircle cx='9.6' cy='20' r='1.4'/%3E%3Ccircle cx='17.6' cy='20' r='1.4'/%3E%3C/svg%3E")}
.fa-star:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 3.1l2.72 5.51 6.08.89-4.4 4.29 1.04 6.06L12 16.99l-5.44 2.86 1.04-6.06-4.4-4.29 6.08-.89z'/%3E%3C/svg%3E")}
.fa-plus:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5.2v13.6M5.2 12h13.6'/%3E%3C/svg%3E")}
.fa-minus:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 12h13.6'/%3E%3C/svg%3E")}
.fa-envelope:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.9' y='5.1' width='18.2' height='13.8' rx='2.2'/%3E%3Cpath d='M3.6 7.1 12 13.1l8.4-6'/%3E%3C/svg%3E")}
.fa-map-marker:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.2c4.3-4.3 6.5-7.7 6.5-10.4a6.5 6.5 0 1 0-13 0c0 2.7 2.2 6.1 6.5 10.4z'/%3E%3Ccircle cx='12' cy='10.5' r='2.4'/%3E%3C/svg%3E")}
.fa-check-circle:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='M7.9 12.4l2.8 2.8 5.4-5.9'/%3E%3C/svg%3E")}
.fa-exclamation-circle:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='M12 7.4v5.4'/%3E%3Cpath d='M12 16.3v.05'/%3E%3C/svg%3E")}
.fa-th-large:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.6' y='3.6' width='7.4' height='7.4' rx='1.4'/%3E%3Crect x='13' y='3.6' width='7.4' height='7.4' rx='1.4'/%3E%3Crect x='3.6' y='13' width='7.4' height='7.4' rx='1.4'/%3E%3Crect x='13' y='13' width='7.4' height='7.4' rx='1.4'/%3E%3C/svg%3E")}
.fa-th-list:before{--tmi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.6' y='4.6' width='5.4' height='5.4' rx='1.2'/%3E%3Crect x='3.6' y='14' width='5.4' height='5.4' rx='1.2'/%3E%3Cpath d='M11.6 6.4h8.8M11.6 9.2h6.2M11.6 15.8h8.8M11.6 18.6h6.2'/%3E%3C/svg%3E")}
#top #cart_block .cart-heading p:after{content:""!important;display:inline-block;width:1em;height:1em;background-color:currentColor;font-family:inherit!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 9.2 12 14.8l5.6-5.6'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 9.2 12 14.8l5.6-5.6'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat;}
.select:after{content:""!important;display:inline-block;width:1em;height:1em;background-color:currentColor;font-family:inherit!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 9.2 12 14.8l5.6-5.6'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 9.2 12 14.8l5.6-5.6'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat;}
.matrialarts-products-tabs .select-tab li.active a:before{content:""!important;display:inline-block;width:1em;height:1em;background-color:currentColor;font-family:inherit!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.2 6.4 14.8 12l-5.6 5.6'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.2 6.4 14.8 12l-5.6 5.6'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat;}
#top .dropdown>a:after{content:""!important;display:inline-block;width:1em;height:1em;background-color:currentColor;font-family:inherit!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 9.2 12 14.8l5.6-5.6'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 9.2 12 14.8l5.6-5.6'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat;}
.product-info .thumbnails-carousel .owl-buttons .owl-prev:before,.camera_wrap .owl-controls .owl-buttons .owl-prev:before,.products-carousel-overflow>.prev:before,.box>.prev:before{content:""!important;display:inline-block;width:1em;height:1em;background-color:currentColor;font-family:inherit!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.8 6.4 9.2 12l5.6 5.6'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.8 6.4 9.2 12l5.6 5.6'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat;}
.product-info .thumbnails-carousel .owl-buttons .owl-next:before,.camera_wrap .owl-controls .owl-buttons .owl-next:before,.products-carousel-overflow>.next:before,.box>.next:before{content:""!important;display:inline-block;width:1em;height:1em;background-color:currentColor;font-family:inherit!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.2 6.4 14.8 12l-5.6 5.6'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.2 6.4 14.8 12l-5.6 5.6'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat;}
@media (max-width:767px){#tmg-mstrip,.tmg-dtrust,.tmg-dlabel,.tmsup-note,.tmg-dflag small,.header-notice{font-size:12px!important}
.product-grid .product .image a{display:block}
.product-grid .product .name a,.product-list .product .name a{display:inline-block;padding:6px 0 4px;line-height:1.35}
#tmg-mbar{gap:10px}
.tmg-mlogo{flex:0 0 auto!important;margin:0 auto}
#tmg-cbar-ctl{gap:10px}
#tmg-cbar button{height:34px;width:40px}
#tmsup-chips{gap:10px}
.tmsup-chip{min-height:34px}
#tmdw-ptoggle{min-height:32px;padding:6px 0}
#tmdw-view{min-height:40px;line-height:40px}
}
.home-h1{font-size:clamp(20px,2.6vw,28px);font-weight:700;letter-spacing:-.01em;margin:14px 0 4px}
#tms[hidden],#tms-scrim[hidden]{display:none!important}
#tms-scrim{position:fixed;inset:0;background:rgba(20,18,15,.55);z-index:99990;opacity:0;transition:opacity .18s;backdrop-filter:blur(2px)}
#tms{position:fixed;left:50%;top:0;transform:translateX(-50%);width:min(720px,100%);max-height:100dvh;z-index:99991;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 18px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;font-family:"Poppins",system-ui,sans-serif;translate:0 -12px;opacity:0;transition:opacity .18s,translate .18s}
.tms-open #tms{opacity:1;translate:0 0}
.tms-open #tms-scrim{opacity:1}
#tms-head{display:flex;gap:10px;align-items:center;padding:14px 16px 10px}
#tms-in{flex:1;font:500 16px/1.4 "Poppins",sans-serif;padding:11px 40px 11px 16px;border:2px solid var(--tm-red, #d9121f);border-radius:10px;outline:none;color:#222}
#tms-clear{position:relative;margin-left:-38px;width:28px;height:28px;border:0;background:none;color:#999;font-size:17px;cursor:pointer;display:none}
#tms-x{border:0;background:#f2efe9;color:#333;width:38px;height:38px;border-radius:10px;font-size:17px;cursor:pointer;flex:0 0 38px}
#tms-chips{display:flex;gap:8px;flex-wrap:wrap;padding:2px 16px 12px}
#tms-chips button{border:1px solid #e4dfd8;background:#faf8f5;color:#444;font:500 12.5px/1 "Poppins",sans-serif;padding:9px 13px;border-radius:999px;cursor:pointer}
#tms-chips button:active{background:#efeae2}
#tms-res{overflow-y:auto;padding:0 16px 14px;-webkit-overflow-scrolling:touch}
.tms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tms-card{display:flex;flex-direction:column;gap:7px;border:1px solid #eee9e2;border-radius:12px;padding:10px;text-decoration:none;color:#222;background:#fff}
.tms-card:active{background:#faf7f2}
.tms-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fafafa}
.tms-name{font:600 12.5px/1.35 "Poppins",sans-serif;min-height:2.6em}
.tms-price{font:700 13.5px/1 "Poppins",sans-serif;color:var(--tm-red, #d9121f)}
#tms-all{display:block;text-align:center;margin:12px 0 2px;padding:12px;border-radius:10px;background:var(--tm-red, #d9121f);color:#fff;font:600 13.5px/1 "Poppins",sans-serif;text-decoration:none}
.tms-empty{color:#8a847b;text-align:center;padding:26px 0;font-size:13.5px}
@media(min-width:721px){#tms{top:52px;border-radius:16px;max-height:calc(100dvh - 104px)}
}
body.tms-open{overflow:hidden}
@media (max-width:767px){body[class*="product-product"] div.clearfix:has(> .row > div > #title-page){padding-top:14px}
body[class*="product-product"] #title-page{font-size:21px;line-height:1.25;padding-bottom:6px;text-align:left;font-weight:700}
body[class*="product-product"] #title-page + ul{padding:6px 0 14px;text-align:left}
body[class*="product-product"] #title-page + ul li a{font-size:12px;padding:3px 0}
body[class*="product-product"] .product-info .description{padding-bottom:8px;font-size:12px;line-height:1.7}
body[class*="product-product"] .product-info .price{padding:12px 0 10px}
body[class*="product-product"] .options2 h2{font-size:17px;margin:4px 0 2px}
body[class*="product-product"] .options2 .form-group{padding-top:8px}
body[class*="product-product"] .options2 .form-group label.control-label{padding:2px 0 0;line-height:1.5}
body[class*="product-product"] .options2 select.form-control{margin:2px 0}
body[class*="product-product"] .product-info .cart{margin-top:4px}
body[class*="product-product"] .product-info .add-to-cart > p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#tmbb{position:fixed;left:0;right:0;bottom:0;z-index:99980;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6e1d8;box-shadow:0 -6px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .22s ease}
html.tm-buybar #tmbb{transform:none}
html.tm-buybar body.tmg-open #tmbb,html.tm-buybar body.tms-open #tmbb,html.tm-buybar body.tmdw-open #tmbb{transform:translateY(110%)}
html.tm-buybar body:has(#tmsup.open) #tmbb{transform:translateY(110%)}
#tmbb img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:0 0 auto;background:#f6f3ee}
#tmbb .tmbb-t{flex:1;min-width:0}
#tmbb .tmbb-n{font-size:12px;color:#6b665e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tmbb .tmbb-p{font-size:18px;font-weight:700;color:#141414;line-height:1.2}
#tmbb button{flex:0 0 auto;min-height:46px;padding:0 20px;border:0;border-radius:10px;background:var(--tm-red, #d9121f);color:#fff;font:700 14px/1 "Poppins",sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
#tmbb button.ok{background:#2e7d32}
html.tm-buybar body{padding-bottom:78px}
html.tm-buybar #tmsup-fab{bottom:92px}
html.tm-buybar #tmgeo{bottom:92px}
@media (prefers-reduced-motion:reduce){#tmbb{transition:none}
}
}
@media (min-width:1160px){header.header-type-3.tm-sticky{--tm-topbar:50px;position:sticky;top:calc(-1 * var(--tm-topbar));z-index:999;background:#fff}
header.header-type-3.tm-sticky .top-bar{max-height:var(--tm-topbar);overflow:clip}
}
@keyframes tm-stuck{to{opacity:1}}
@media (prefers-reduced-motion:reduce){header.header-type-3.tm-sticky::after{animation:none}
}
.tml{--tml-ink:#111827;--tml-muted:#6b7280;--tml-line:#e5e7eb;--tml-soft:#f3f4f6;--tml-accent:var(--tm-red, #d9121f);--tml-ok:#54bc98;--tml-r:12px;color:var(--tml-ink);font-variant-numeric:tabular-nums;margin:6px 0 44px}
.tml *{box-sizing:border-box}
.tml [hidden]{display:none!important}
.tml-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tml-head{display:flex;align-items:baseline;justify-content:flex-end;gap:16px;margin:0 0 12px}
.tml-count{margin:0;font-size:14px;color:#4b5563}
.tml-search{position:relative;max-width:448px;margin:0 0 16px}
.tml-search svg{position:absolute;left:14px;top:50%;width:16px;height:16px;translate:0 -50%;color:#9ca3af;pointer-events:none}
.tml-search input{width:100%;height:44px;border:1px solid var(--tml-line);border-radius:999px;background:#fff;padding:0 16px 0 40px;font:inherit;font-size:16px;color:var(--tml-ink);box-shadow:none}
.tml-search input::placeholder{color:#9ca3af}
.tml-search input:focus{outline:none;border-color:var(--tml-ink);box-shadow:0 0 0 3px rgba(17,24,39,.15)}
.tml-chips{display:flex;gap:8px;margin:0 -15px 12px;padding:0 15px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.tml-chips::-webkit-scrollbar{display:none}
.tml-chip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:44px;padding:4px 12px;border-radius:24px;background:var(--tml-line);color:#4b5563;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:background .15s ease-out,color .15s ease-out}
.tml-chip:hover{background:#d1d5db;color:var(--tml-ink);text-decoration:none}
.tml-chip.is-on{background:var(--tml-ink);color:#fff}
.tml-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 20px}
.tml-filters{flex:1;min-width:0}
.tml-ghost{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:40px;background:none;color:#000;font:inherit;font-size:12px;font-weight:500;line-height:16px;cursor:pointer;list-style:none;user-select:none;transition:background .15s ease-out}
.tml-ghost::-webkit-details-marker{display:none}
.tml-ghost:hover,details[open]>.tml-ghost{background:var(--tml-soft)}
.tml-ghost svg{width:16px;height:16px;flex:0 0 auto}
.tml-sort{position:relative}
.tml-sort .tml-ghost svg{transition:rotate .2s ease-out}
.tml-sort[open] .tml-ghost svg{rotate:180deg}
.tml-fcount{display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--tml-ink);color:#fff;font-size:10px;font-weight:600}
.tml-fpanel{display:grid;grid-template-columns:1fr;gap:16px;margin-top:12px;padding:16px;border:1px solid var(--tml-line);border-radius:var(--tml-r);background:#f9fafb}
.tml-fpanel fieldset{border:0;margin:0;padding:0;min-width:0}
.tml-fpanel legend{margin:0 0 6px;padding:0;border:0;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--tml-muted)}
.tml-pills{display:flex;flex-wrap:wrap;gap:6px}
.tml-pill{display:inline-flex;align-items:center;min-height:44px;padding:4px 12px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--tml-line);color:#4b5563;font:inherit;font-size:12px;font-weight:500;line-height:20px;cursor:pointer;transition:background .15s ease-out,color .15s ease-out}
.tml-pill:hover{color:var(--tml-ink)}
.tml-pill.is-on{background:var(--tml-ink);color:#fff;box-shadow:none}
.tml-range{display:flex;align-items:center;gap:8px;color:#9ca3af}
.tml-range input{width:96px;height:44px;margin:0;border:1px solid var(--tml-line);border-radius:8px;background:#fff;padding:0 8px;font:inherit;font-size:16px;color:var(--tml-ink);box-shadow:none}
.tml-range input:focus{outline:none;border-color:var(--tml-ink);box-shadow:0 0 0 3px rgba(17,24,39,.15)}
.tml-clear{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:none;color:#4b5563;font:inherit;font-size:14px;font-weight:500;cursor:pointer;justify-self:start;align-self:end}
.tml-clear:hover{background:#fff;color:var(--tml-ink)}
.tml-menu{position:absolute;right:0;top:100%;z-index:30;margin:4px 0 0;padding:4px;width:192px;list-style:none;border:1px solid var(--tml-line);border-radius:var(--tml-r);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);animation:tml-in .12s ease-out}
@keyframes tml-in{from{opacity:0;translate:0 -4px}}
.tml-menu li{margin:0;padding:0}
.tml-menu a{display:block;padding:8px 12px;border-radius:8px;color:#4b5563;font-size:12px;font-weight:500;line-height:16px;text-decoration:none}
.tml-menu a:hover{background:#f9fafb;color:#000;text-decoration:none}
.tml-menu a[aria-current]{background:var(--tml-soft);color:#000}
.tml-grid{display:grid;grid-template-columns:1fr;gap:32px 24px}
.tml-card{display:flex;flex-direction:column;gap:20px;min-width:0}
.tml-card[hidden]{display:none}
.tml-tile{position:relative;display:block;height:224px;overflow:hidden;background:linear-gradient(121deg,#f8f8f8 0%,#ebeff2 100%)}
.tml-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px;mix-blend-mode:multiply;transition:scale .5s cubic-bezier(.25,1,.5,1)}
.tml-card:hover .tml-tile img{scale:1.025}
.tml-badge{position:absolute;right:12px;bottom:12px;padding:4px 8px;border-radius:6px;background:var(--tml-accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tml-body{display:flex;flex-direction:column;gap:8px}
.tml-body .tml-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:48px;max-height:48px;margin:0;padding:0;font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.36px;text-transform:none}
.tml-name a{color:#000;text-decoration:none}
.tml-name a:hover{color:var(--tml-accent);text-decoration:none}
.tml-body .tml-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:40px;max-height:40px;margin:0;font-size:12px;line-height:20px;color:var(--tml-muted)}
.tml-row{display:flex;align-items:center;gap:8px}
.tml-price{flex:1;font-size:18px;font-weight:600;line-height:28px;color:var(--tml-ink)}
.tml-price s{margin-right:6px;font-size:14px;font-weight:400;color:#9ca3af}
.tml-price b{color:var(--tml-accent);font-weight:600}
.tml-stock{flex:1;font-size:12px;line-height:20px;color:var(--tml-muted)}
.tml-stock.is-out{color:#b91c1c}
.tml-act{min-height:60px;flex-wrap:wrap;row-gap:4px}
.tmqp{--qp-h:32px;--qp-b:30px;--qp-w:34px;--qp-fs:13px;display:inline-flex;align-items:center;position:relative;height:var(--qp-h);border-radius:999px;border:1px solid #e4dfd8;background:#fff}
.tmqp:active{translate:0 1px}
.tmqp button{width:var(--qp-b);height:var(--qp-b);padding:0;border:0;background:none;font-size:calc(var(--qp-fs) + 2px);cursor:pointer;color:#333;display:grid;place-items:center;border-radius:999px}
.tmqp button:disabled{opacity:.25;cursor:not-allowed}
.tmqp-tc{position:relative;width:var(--qp-w);height:var(--qp-b);overflow:hidden}
.tmqp-tr{position:absolute;top:0;left:0;width:100%;text-align:center;font:600 var(--qp-fs)/var(--qp-b) Poppins,sans-serif;color:#1c1a18;white-space:break-spaces;word-break:break-all;pointer-events:none;display:block;translate:0 calc(var(--qy,0)*-1lh);transition:translate .26s ease-out}
.tmqp-in{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;text-align:center;border:0;background:#fff;font:600 var(--qp-fs) Poppins,sans-serif;color:#1c1a18;outline:none;padding:0;margin:0;appearance:textfield;caret-color:#d9121f}
.tmqp-in::-webkit-inner-spin-button,.tmqp-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tmqp-in:focus-visible,.tmqp-in:invalid{opacity:1}
.tmqp-in:is(:focus-visible,:invalid)~.tmqp-tr{opacity:0;transition-duration:0s}
.tmqp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tmqp:has(.tmqp-in:invalid):not(:focus-within){animation:tmqp-shake .42s ease-out;background:rgba(217,18,31,.08);border-color:#d9121f}
@keyframes tmqp-shake{0%,100%{transform:translateX(0)}20%,40%,60%,80%{transform:translateX(-6%)}10%,30%,50%,70%,90%{transform:translateX(6%)}}
.tml-act .tmqp{--qp-h:44px;--qp-b:42px;--qp-w:40px;--qp-fs:15px;border-color:#d4d4d4}
.tml-act .tmqp button{color:var(--tml-ink);transition:background .15s ease-out}
.tml-act .tmqp button:hover:not(:disabled){background:var(--tml-soft)}
.tml-act .tmqp-tr,.tml-act .tmqp-in{color:var(--tml-ink)}
.tml-inbag{display:inline-flex;flex:1 1 72px;min-width:0;align-items:center;gap:4px;font-size:12px;line-height:20px;color:var(--tml-muted)}
.tml-inbag svg{width:24px;height:24px;color:var(--tml-ok);flex:0 0 auto}
.tml-choose{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--tml-ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s ease-out}
.tml-choose:hover{background:#000;color:#fff;text-decoration:none}
.tml-card.is-busy .tmqp{opacity:.6}
.tml-toast{margin:4px 0 0;font-size:12px;color:#b91c1c}
.tml-empty{margin:0;padding:64px 0;text-align:center;font-size:20px;font-weight:600}
.tml-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:40px}
.tml-pager .pagination{margin:0}
.tml-results{font-size:12px;color:var(--tml-muted)}
.tml :is(a,button,input,summary):focus-visible{outline:2px solid var(--tml-ink);outline-offset:2px}
@media (min-width:640px){.tml-grid{grid-template-columns:repeat(2,1fr)}
.tml-fpanel{grid-template-columns:auto auto 1fr;align-items:end}
}
@media (min-width:992px){.tml-chips{flex-wrap:wrap;gap:12px;margin:0 0 12px;padding:0;overflow:visible}
.tml-chip{min-height:0;padding:6px 12px}
.tml-ghost{min-height:32px}
.tml-pill{min-height:0}
.tml-range input{height:36px;font-size:14px}
.tml-grid{grid-template-columns:repeat(3,1fr);row-gap:40px}
.tml-tile img{padding:32px}
}
@media (prefers-reduced-motion:reduce){.tml *{transition:none!important;animation:none!important}
.tml-card:hover .tml-tile img{scale:1}
}
.tml-card{position:relative}
.tml-heart{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--tml-line);border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);color:var(--tml-muted);cursor:pointer;transition:opacity .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .2s cubic-bezier(.34,1.56,.64,1)}
.tml-heart svg{width:18px;height:18px}
.tml-heart:hover{color:var(--tml-accent);border-color:#f3b8bc}
.tml-heart[aria-pressed="true"]{color:var(--tml-accent);border-color:var(--tml-accent)}
.tml-heart[aria-pressed="true"] svg path{fill:currentColor}
.tml-heart.is-pop{animation:tml-pop .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes tml-pop{40%{transform:scale(1.18)}}
.tml-savedbtn{margin-left:auto}
.tml-saved{width:min(520px,calc(100vw - 32px));max-height:min(80vh,720px);margin:auto;padding:0;border:0;border-radius:16px;background:#fff;color:var(--tml-ink);box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:hidden}
.tml-saved::backdrop{background:rgba(17,24,39,.45);backdrop-filter:blur(2px)}
.tml-saved[open]{animation:tml-in .16s ease-out}
.tml-saved-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 10px 20px;border-bottom:1px solid var(--tml-line)}
.tml-saved-head h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.36px}
.tml-saved-head .tml-ghost{font-size:22px;line-height:1;min-height:40px;width:40px;justify-content:center;padding:0}
.tml-saved-list{margin:0;padding:8px 12px 12px;list-style:none;overflow:auto;max-height:calc(min(80vh,720px) - 60px)}
.tml-saved-list li{display:grid;grid-template-columns:64px 1fr;gap:6px 14px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--tml-soft)}
.tml-saved-list li:last-child{border-bottom:0}
.tml-saved-list img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:linear-gradient(121deg,#f8f8f8 0%,#ebeff2 100%);mix-blend-mode:multiply}
.tml-saved-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.tml-saved-body a{color:var(--tml-ink);font-weight:600;text-decoration:none;font-size:14px;line-height:1.35}
.tml-saved-body a:hover{color:var(--tml-accent)}
.tml-saved-price{font-size:14px;font-weight:600}
.tml-saved-act{grid-column:2;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tml-saved-add{min-height:36px;padding:0 14px;font-size:13px;border:0;cursor:pointer;font-family:inherit}
.tml-saved-add.is-done{background:var(--tml-ok)}
.tml-saved-list .tml-saved-empty{display:block;padding:32px 12px;text-align:center;color:var(--tml-muted);font-size:14px;text-wrap:balance}
@media (hover:hover) and (min-width:992px){.tml-heart{opacity:0}
.tml-card:hover .tml-heart,.tml-card:focus-within .tml-heart,.tml-heart[aria-pressed="true"]{opacity:1}
}
@media (prefers-reduced-motion:reduce){.tml-heart.is-pop{animation:none}
}
header.tmh{--tmh-bg:#fff;--tmh-panel:#fff;--tmh-line:#e5e7eb;--tmh-fg:#1f2937;--tmh-dim:#6b7280;--tmh-ink:#111827;--tmh-accent:var(--tm-red, #d9121f);--tmh-sale:var(--tm-red, #d9121f);--tmh-hover:#f3f4f6;background:var(--tmh-bg);color:var(--tmh-ink)}
header.tmh .background-header,header.tmh .slider-header{display:none}
header.tmh.tm-sticky{top:0;background:var(--tmh-bg)}
.tmh-bar{background:var(--tmh-bg);border-bottom:1px solid var(--tmh-line)}
.tmh-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1280px;height:76px;margin:0 auto;padding:0 24px}
.tmh-logo{display:inline-flex;flex:0 0 auto;border-radius:6px}
.tmh-logo img{display:block;height:40px;width:auto}
.tmh-nav{display:flex;align-items:center;gap:40px;font-size:15px;font-weight:500;letter-spacing:.02em}
.tmh-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--tmh-fg);font:inherit;text-decoration:none;cursor:pointer;transition:color .15s ease-out}
.tmh-link:hover,.tmh-link:focus-visible,.tmh-fly.is-open>.tmh-link{color:var(--tmh-accent);text-decoration:none}
.tmh-link svg{width:16px;height:16px;transition:rotate .2s ease-out}
.tmh-fly{position:static}
.tmh-fly:hover>.tmh-link svg,.tmh-fly.is-open>.tmh-link svg,.tmh-fly:focus-within>.tmh-link svg{rotate:180deg}
.tmh-panel{position:absolute;left:50%;top:calc(100% + 12px);z-index:60;background:var(--tmh-panel);border:1px solid var(--tmh-line);border-radius:12px;box-shadow:0 24px 48px -12px rgba(17,24,39,.22),0 0 0 1px rgba(17,24,39,.04);opacity:0;visibility:hidden;translate:-50% -4px;scale:.99;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,visibility 0s linear .2s}
.tmh-fly:hover>.tmh-panel,.tmh-fly:focus-within>.tmh-panel,.tmh-fly.is-open>.tmh-panel{opacity:1;visibility:visible;translate:-50% 0;scale:1;transition-delay:.06s,.06s,.06s,0s}
.tmh-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.tmh-devices{width:880px;max-width:calc(100vw - 32px);padding:20px}
.tmh-drow{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.tmh-drow::-webkit-scrollbar{display:none}
.tmh-dcard{display:block;flex:0 0 100px;width:100px;padding:8px;border-radius:8px;text-align:center;text-decoration:none;color:var(--tmh-ink);transition:background .15s ease-out}
.tmh-dcard:hover{background:var(--tmh-hover);color:var(--tmh-ink);text-decoration:none}
.tmh-dimg{display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin-bottom:8px;border-radius:6px;background:linear-gradient(121deg,#f8f8f8 0%,#ebeff2 100%);overflow:hidden}
.tmh-dimg img{max-width:100%;max-height:100%;padding:6px;object-fit:contain;mix-blend-mode:multiply;transition:scale .3s ease-out}
.tmh-dcard:hover .tmh-dimg img{scale:1.05}
.tmh-dname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:28px;font-size:11px;font-weight:500;line-height:1.25}
.tmh-dprice{display:block;margin-top:4px;font-size:10px;color:var(--tmh-dim);font-variant-numeric:tabular-nums}
.tmh-dprice.is-sale{color:var(--tmh-sale);font-weight:600}
.tmh-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--tmh-dim);text-decoration:none}
.tmh-more:hover{color:var(--tmh-accent);text-decoration:none}
.tmh-more svg{width:12px;height:12px}
.tmh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:520px;padding:24px}
.tmh-grid a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:var(--tmh-ink);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s ease-out}
.tmh-grid a:hover{background:var(--tmh-hover);color:var(--tmh-ink);text-decoration:none}
.tmh-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border:1px solid var(--tmh-line);border-radius:50%;color:var(--tmh-dim)}
.tmh-ic svg{width:16px;height:16px}
.tmh-rail{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.tmh-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--tmh-fg);cursor:pointer;text-decoration:none;transition:color .15s ease-out,translate .15s ease-out,background .15s ease-out}
.tmh-icon:hover,.tmh-icon:focus-visible{color:var(--tmh-ink);background:var(--tmh-hover);translate:0 -1px;text-decoration:none}
.tmh-icon svg{width:20px;height:20px}
.tmh-lang{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid #d1d5db;border-radius:999px;color:var(--tmh-dim);font-size:10px;font-weight:600;letter-spacing:.06em;text-decoration:none;transition:color .15s ease-out,border-color .15s ease-out}
.tmh-lang:hover{color:var(--tmh-ink);border-color:var(--tmh-ink);text-decoration:none}
.tmh-cart{position:relative}
.tmh-badge{position:absolute;top:2px;right:0;box-shadow:0 0 0 2px #fff;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--tmh-accent);color:#fff;font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;transition:scale .25s cubic-bezier(.34,1.56,.64,1)}
.tmh-badge.is-zero{display:none}
.tmh-badge.is-pop{scale:1.25}
.tmh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
header.tmh :is(a,button):focus-visible{outline:2px solid var(--tmh-ink);outline-offset:2px}
@media (max-width:1199px){.tmh-nav{gap:24px}
.tmh-nav>a.tmh-link:nth-last-child(-n+2){display:none}
}
@media (max-width:991px){header.tmh .tmh-bar{display:none}
}
@media (prefers-reduced-motion:reduce){header.tmh *{transition:none!important}
}
.tmg-pinfo{margin:6px 0 4px;font-size:13px;color:#555}
.tmg-pinfo #tmg-pvat{margin-bottom:3px}
.tmg-pinfo a#tmg-pdc{color:#555;text-decoration:underline}
.tmg-pinfo a#tmg-pdc:hover{color:var(--tm-red, #d9121f)}
.tmg-pship{margin-top:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tmg-pill{display:inline-block;background:#2e7d32;color:#fff;font-weight:600;font-size:12px;padding:5px 14px;border-radius:999px}
#tmg-pdel{font-size:12px;color:#666}
.tmg-relp{max-width:1170px;margin:34px auto 10px;padding:0 15px}
.tmg-relp h2{font-size:20px;font-weight:700;color:#141414;margin:0 0 16px;padding-left:12px;border-left:4px solid var(--tm-red, #d9121f)}
.tmg-relp .rp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.tmg-relp .rp-grid a{display:block;border:1px solid #eee7dd;border-radius:12px;padding:12px;text-align:center;text-decoration:none;color:#141414;transition:border-color .2s}
.tmg-relp .rp-grid a:hover{border-color:var(--tm-red, #d9121f)}
.tmg-relp .rp-grid img{width:100%;height:auto;border-radius:8px;margin-bottom:8px}
.tmg-relp .rp-grid b{display:block;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px;min-height:36px}
.tmg-relp .rp-grid span{color:var(--tm-red, #d9121f);font-weight:700;font-size:14px}
.tml-pager .pagination{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.tml-pager .pagination li{margin:0;padding:0}
.tml-pager .pagination a,.tml-pager .pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#1f2937;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s}
.tml-pager .pagination a:hover,.tml-pager .pagination a:focus-visible{border-color:#111827;color:#111827;outline:none}
.tml-pager .pagination li.active span{background:#111827;border-color:#111827;color:#fff}
.tml-results{font-size:13px;color:#6b7280}
@media (max-width:767px){.tml-pager{justify-content:center}
.tml-results{width:100%;text-align:center}
}
.tmh-nav{align-self:stretch}
.tmh-nav>.tmh-link,.tmh-fly>.tmh-link{position:relative;height:100%}
.tmh-nav>.tmh-link::after,.tmh-fly>.tmh-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--tmh-accent);scale:0 1;transition:scale .2s ease-out}
.tmh-nav>.tmh-link:hover::after,.tmh-nav>.tmh-link:focus-visible::after,.tmh-fly:hover>.tmh-link::after,.tmh-fly:focus-within>.tmh-link::after,.tmh-fly.is-open>.tmh-link::after{scale:1 1}
.tmh-panel{top:calc(100% + 1px);border-top:0;border-radius:0 0 12px 12px}
.tmh-panel::before{top:-2px;height:2px}
.tmh-devices{padding:16px 24px 18px}
.tmh-drow{display:grid;grid-template-columns:88px repeat(5,minmax(0,1fr));gap:8px;align-items:start;overflow:visible;padding:0}
.tmh-drow.no-lab{grid-template-columns:repeat(6,minmax(0,1fr))}
.tmh-drow+.tmh-drow{margin-top:8px;padding-top:8px;border-top:1px solid var(--tmh-line)}
.tmh-dlab{align-self:center;padding-right:8px;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--tmh-dim)}
.tmh-dcard{flex:none;width:auto}
.tmh-dname{font-size:12px}
.tmh-dprice{font-size:11px}
.tmh-lang{min-width:40px;height:40px;justify-content:center;padding:0 6px;border:0;color:var(--tmh-fg);font-size:12px;transition:color .15s ease-out,background .15s ease-out}
.tmh-lang:hover,.tmh-lang:focus-visible{color:var(--tmh-ink);background:var(--tmh-hover);border-color:transparent}
.tmh-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 2px #fff}
@media (prefers-reduced-motion:reduce){header.tmh .tmh-logo img{animation:none!important}
}
@media (min-width:992px){.tmh-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:32px;padding:0 max(24px,calc((100% - 1280px)/2 + 24px));background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:12px;line-height:1.3;color:#1f2937}
.tmh-strip>.standard-body{flex:1 1 auto;min-width:0;margin:0}
.tmh-strip .header-notice{display:block!important;background:none!important;color:inherit!important;font-size:12px!important;font-weight:500!important;text-align:left;padding:0;margin:0}
.tmh-strip .header-notice .close-notice{display:none!important}
.tmh-strip .header-notice .container{width:auto;max-width:none;padding:0;margin:0}
.tmh-strip .header-notice p{padding:0!important;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-caps:all-small-caps;letter-spacing:.05em;font-size:13px;font-weight:600}
.tmh-strip .tmh-sep{display:inline-block;width:4px;height:4px;margin:0 12px 2px;border-radius:50%;background:var(--tm-red, #d9121f);vertical-align:middle}
.tmh-strip #tmg-cbar{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:60%;margin:0;padding:0;background:none;border:0;font-size:12px;color:#1f2937;text-align:right}
.tmh-strip #tmg-cbar-msg{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmh-strip #tmg-cbar-ctl{display:inline-flex;align-items:center;gap:6px}
.tmh-strip #tmg-cbar-sel{height:24px;margin:0;padding:0 6px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font:inherit;font-size:12px;color:#111827}
.tmh-strip #tmg-cbar-ok{height:24px;width:28px;padding:0;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;font-size:12px;cursor:pointer}
.tmh-strip #tmg-cbar-change{color:#6b7280;text-decoration:underline;text-underline-offset:2px}
.tmh-strip [hidden]{display:none!important}
}
.tmh-strip.is-empty{display:none}
@media (min-width:992px){.tmh-strip #tmg-cbar{min-height:0;padding:0;flex-wrap:nowrap;border-bottom:0}
.tmh-strip #tmg-cbar select{height:24px;max-width:180px;padding:0 22px 0 6px!important;font-size:12px}
.tmh-strip #tmg-cbar button{height:24px;width:28px;background:#fff}
}
.tmh-devices{width:max-content;max-width:calc(100vw - 32px)}
.tmh-drow{grid-template-columns:88px repeat(5,112px)}
.tmh-drow.no-lab{grid-template-columns:repeat(6,112px)}
.tmh-dcard{padding:6px}
.tmh-dimg{width:88px;margin:0 auto 8px}
.tmh-acc{width:940px;max-width:calc(100vw - 32px);padding:20px 24px 14px}
.tmh-cols{columns:4;column-gap:28px}
.tmh-grp{break-inside:avoid;margin:0 0 16px}
.tmh-grp h3{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tmh-dim)}
.tmh-grp ul{list-style:none;margin:0;padding:0}
.tmh-grp li{margin:0;padding:0}
.tmh-grp li a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;color:var(--tmh-ink);font-size:13px;line-height:1.3;text-decoration:none}
.tmh-grp li a span{flex:0 0 auto;color:var(--tmh-dim);font-size:12px;font-variant-numeric:tabular-nums}
.tmh-grp li a:hover{color:var(--tmh-accent);text-decoration:none}
.tmh-grp li a:hover span{color:var(--tmh-accent)}
.tmh-grp-more{display:inline-block;margin-top:2px;font-size:12px;color:var(--tmh-dim);text-decoration:underline;text-underline-offset:3px}
.tmh-grp-more:hover{color:var(--tmh-accent)}
.tmh-acc-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--tmh-line)}
.tmh-acc-foot .tmh-more{margin:0}
.tmh-guides{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}
.tmh-guides a{color:var(--tmh-dim);text-decoration:none}
.tmh-guides a:hover{color:var(--tmh-accent);text-decoration:none}
.tmh-help{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:540px;padding:10px}
.tmh-help a{display:block;padding:10px 12px;border-radius:8px;color:var(--tmh-ink);text-decoration:none;transition:background .15s ease-out}
.tmh-help a:hover{background:var(--tmh-hover);color:var(--tmh-ink);text-decoration:none}
.tmh-help b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.tmh-help span{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--tmh-dim)}
@media (max-width:1199px){.tmh-nav>a.tmh-link{display:inline-flex!important}
}
.tmh-acc{padding:18px 24px 12px}
.tmh-grp{margin-bottom:14px}
.tmh-grp li a{padding:3px 0;line-height:1.25}
.tmh-fly{display:flex;align-items:center;align-self:stretch}
.tmh-nav>a.tmh-link{align-self:stretch}
.tmh-panel{transition:opacity .18s ease-out .3s,translate .18s ease-out .3s,scale .18s ease-out .3s,visibility 0s linear .48s}
.tmh-fly:hover>.tmh-panel,.tmh-fly:focus-within>.tmh-panel,.tmh-fly.is-open>.tmh-panel{transition-delay:.06s,.06s,.06s,0s}
.tmh-panel::before{top:-6px;height:6px}
.tmh-flag{display:block;width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(17,24,39,.15);background-size:cover;background-position:center}
.tmh-flag.is-de{background-image:linear-gradient(#000 0 33.4%,#dd0000 33.4% 66.7%,#ffce00 66.7%)}.tmh-flag.is-fr{background-image:linear-gradient(90deg,#002395 0 33.4%,#fff 33.4% 66.7%,#ed2939 66.7%)}
.tmh-flag.is-gb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='M0 0l60 30M60 0L0 30'/%3E%3Cpath stroke='%23C8102E' stroke-width='2' d='M0 0l60 30M60 0L0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/svg%3E")}
@media (max-width:991px){#tmg-mstrip{display:none!important}
#tmg-cbar:not(.is-open){display:none!important}
.tmg-mgeo{width:40px;font-size:20px;line-height:1}
.tmg-mgeo #tmg-mgeo-f:not(.has-flag){display:none}
.tmg-mgeo #tmg-mgeo-f.has-flag+svg{display:none}
}
@media (max-width:767px){#collapse-checkout-confirm .table-responsive{overflow-x:visible;border:0;margin-bottom:0}
#collapse-checkout-confirm .table{table-layout:fixed;width:100%;font-size:13px;margin-bottom:10px}
#collapse-checkout-confirm .table th,#collapse-checkout-confirm .table td{white-space:normal;word-break:break-word;padding:9px 6px;vertical-align:top}
#collapse-checkout-confirm thead th:nth-child(2),#collapse-checkout-confirm tbody td:nth-child(2){display:none}
#collapse-checkout-confirm thead th:nth-child(1){width:42%}
#collapse-checkout-confirm thead th:nth-child(3){width:14%}
#collapse-checkout-confirm tfoot tr{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#collapse-checkout-confirm tfoot td{display:block;border:0;padding:8px 6px;width:auto}
#collapse-checkout-confirm tfoot td:last-child{font-weight:700;color:#141414;font-variant-numeric:tabular-nums;white-space:nowrap}
#collapse-checkout-confirm tfoot tr:last-child td{font-size:16px}
}
@media (max-width:767px){#collapse-checkout-confirm thead tr > *:nth-child(2),#collapse-checkout-confirm tbody td:nth-child(2){display:none!important}
#collapse-checkout-confirm thead tr > *{font-size:11px;letter-spacing:0;padding:8px 4px}
#collapse-checkout-confirm thead tr > *:nth-child(1){width:46%}
#collapse-checkout-confirm thead tr > *:nth-child(3){width:12%;font-size:0!important;line-height:0}
#collapse-checkout-confirm thead tr > *:nth-child(3)::after{line-height:1.3;content:"Qty";font-size:11px}
#collapse-checkout-confirm thead tr > *:nth-child(4){width:21%;font-size:0!important;line-height:0}
#collapse-checkout-confirm thead tr > *:nth-child(4)::after{line-height:1.3;content:"Price";font-size:11px}
#collapse-checkout-confirm thead tr > *:nth-child(5){width:21%;font-size:0!important;line-height:0}
#collapse-checkout-confirm thead tr > *:nth-child(5)::after{line-height:1.3;content:"Total";font-size:11px}
#collapse-checkout-confirm tbody td{font-size:13px;padding:9px 4px}
#collapse-checkout-confirm tfoot{display:block;width:100%;border-top:1px solid #ddd}
#collapse-checkout-confirm tfoot tr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%}
#collapse-checkout-confirm tfoot td{display:block;border:0;padding:8px 6px;width:auto;text-align:left}
#collapse-checkout-confirm tfoot td:last-child{text-align:right}
}
#tmg-mstrip,
#tmg-mbar,
#tmg-mdrawer,
#tmg-mscrim {
  display: none;
}
@media (max-width: 991px){.header-notice,
  #top,
  .megamenu-background {
    display: none !important;
  }
#tmg-mstrip {
    display: block;
    background: var(--tm-red, #d9121f);
    color: #fff;
    font-size: 11.5px;
    font-weight: 500;
    text-align: center;
    padding: 7px 12px;
    letter-spacing: 0.02em;
    font-family: "Poppins", sans-serif;
  }
#tmg-mbar {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 16px 0 6px;
    background: #fff;
    border-bottom: 1px solid #eceae6;
    position: sticky;
    top: 0;
    z-index: 996;
    font-family: "Poppins", sans-serif;
  }
.tmg-mbtn {
    width: 44px;
    height: 44px;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c1a18;
    border-radius: 12px;
    padding: 0;
    cursor: pointer;
  }
.tmg-mbtn:focus-visible {
    outline: 3px solid var(--tm-red, #d9121f);
    outline-offset: 2px;
  }
.tmg-mlogo {
    flex: 1;
    display: flex;
    justify-content: center;
  }
.tmg-mlogo img {
    height: 24px;
    width: auto;
    display: block;
  }
.tmg-cartw {
    position: relative;
  }
#tmg-cartn {
    position: absolute;
    top: 4px;
    right: 6px;
    background: var(--tm-red, #d9121f);
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    line-height: 16px;
    text-align: center;
    padding: 0 3px;
  }
#tmg-mscrim {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(10, 9, 8, 0.5);
    z-index: 1050;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s;
  }
#tmg-mdrawer {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 85%;
    max-width: 330px;
    background: #161513;
    color: #e8e4dd;
    z-index: 1051;
    flex-direction: column;
    transform: translateX(-103%);
    visibility: hidden; /* closed panels never paint (full-page captures) nor take focus */
    transition: transform 0.26s cubic-bezier(0.32, 0.72, 0.35, 1), visibility 0s 0.26s;
    box-shadow: 24px 0 60px rgb(0, 0, 0, 0.45);
    font-family: "Poppins", sans-serif;
  }
body.tmg-open {
    overflow: hidden;
  }
body.tmg-open #tmg-mscrim {
    opacity: 1;
    pointer-events: auto;
  }
body.tmg-open #tmg-mdrawer {
    transform: none;
    visibility: visible;
    transition: transform 0.26s cubic-bezier(0.32, 0.72, 0.35, 1), visibility 0s;
  }
.tmg-dhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 8px 12px 20px;
    border-bottom: 1px solid #2b2823;
  }
.tmg-dhead img {
    height: 22px;
    width: auto;
    filter: invert(1) grayscale(1) brightness(1.6);
    mix-blend-mode: screen;
  }
.tmg-dclose {
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    color: #8d877b;
    font-size: 24px;
    cursor: pointer;
    border-radius: 12px;
    line-height: 1;
  }
.tmg-dscroll {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0 12px;
  }
.tmg-dflag {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 12px 16px 6px;
    padding: 14px;
    background: #211f1c;
    border: 1px solid #2b2823;
    border-radius: 14px;
    text-decoration: none;
    color: #fff;
  }
.tmg-dflag .tmg-th {
    width: 44px;
    height: 58px;
    border-radius: 8px;
    flex: 0 0 auto;
    object-fit: cover;
    background: #211f1c;
  }
.tmg-dflag b {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
  }
.tmg-dflag small {
    font-size: 11px;
    color: #b9b3aa;
    display: block;
    margin-top: 2px;
  }
.tmg-dflag .tmg-go {
    margin-left: auto;
    color: var(--tm-red, #d9121f);
    font-size: 18px;
  }
.tmg-dflag + .tmg-dflag {
    margin-top: 0;
  }
.tmg-dlabel {
    font-size: 10.5px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #948d82;
    font-weight: 700;
    margin: 20px 20px 4px;
  }
#tmg-mdrawer nav a {
    display: block;
    padding: 13px 20px;
    color: #e8e4dd;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 500;
  }
#tmg-mdrawer nav a:active {
    background: #211f1c;
  }
#tmg-mdrawer a:focus-visible,
  .tmg-dclose:focus-visible,
  .tmg-dcta:focus-visible {
    outline: 3px solid var(--tm-red, #d9121f);
    outline-offset: 2px;
  }
.tmg-dlang {
    display: flex;
    gap: 8px;
    margin: 8px 20px 0;
  }
.tmg-dlang a {
    border: 1px solid #2f2b26;
    color: #b9b3aa;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 999px;
    text-decoration: none;
  }
.tmg-dlang a.on {
    border-color: var(--tm-red, #d9121f);
    color: #fff;
    background: rgb(217, 18, 31, 0.14);
  }
.tmg-dfoot {
    flex: 0 0 auto;
    padding: 14px 16px 18px;
    border-top: 1px solid #2b2823;
  }
.tmg-dcta {
    display: block;
    width: 100%;
    background: var(--tm-red, #d9121f);
    color: #fff !important;
    border-radius: 999px;
    padding: 15px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }
.tmg-dtrust {
    text-align: center;
    font-size: 10.5px;
    color: #948d82;
    margin: 10px 0 0;
  }
}
@media (prefers-reduced-motion: reduce){#tmg-mdrawer,
  #tmg-mscrim {
    transition: none;
  }
}
.tmg-mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #141414;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media (max-width: 991px){#top ul.menu > li > a{display:inline-block;padding:8px 6px;font-size:12px;line-height:1.4}
.welcome-message a,.top-bar a{display:inline-block;padding:7px 4px;font-size:12px}
.breadcrumb li a{display:inline-block;padding:7px 4px;font-size:12px}
.review .rating a{display:inline-block;padding:7px 4px}
a.button-previous-next{font-size:12px !important}
#product .cart .links a,#product .links.clearfix > a,.links.clearfix a{font-size:12px !important;display:inline-block;padding:6px 4px}
#tab-description span[style*="font-size"],#tab-description font{font-size:13px !important;line-height:1.5 !important}
#tab-description p > a,#tab-description li a,#tab-description font a,#tab-description span a{display:inline-block;padding:6px 2px}
#tab-review font,#tab-review span[style*="font-size"],#tab-review .author,#tab-review small{font-size:12px !important}
#review .author span,.review-list .author span,.review-list .author{font-size:12px !important}
footer a,#footer a,.footer a,.footer-blocks a,.custom-footer-text p a,.newsletter_rodo2 a{display:inline-block;padding:6px 4px}
}
.tmg-paylabel { font: 700 11px/1 Arial, sans-serif; letter-spacing: 0.09em; color: #8a847b; padding-top: 16px; }
.tmg-payrow { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 10px 0 4px; }
.tmg-pay { display: inline-flex; align-items: center; height: 26px; background: #fff; border-radius: 4px; padding: 0 8px; }
.tmg-pay img { display: block; width: auto; height: 15px; }
.tmg-pay--visa { padding: 0 9px; }
.tmg-pay--visa img { height: 13px; }
.tmg-pay--mc { padding: 0 7px; }
.tmg-pay--mc img { height: 19px; }
.tmg-pay--bank { color: #28323c; font: 700 10px/1 Arial, sans-serif; letter-spacing: 0.4px; gap: 5px; }
.tmg-ftbar address { font-style: normal; margin: 0 0 6px; font-size: 12.5px; line-height: 1.7; }
#tmg-cbar:not(.is-ready) { visibility: hidden; }
.tmg-psel { display: inline-flex; gap: 6px; align-items: center; margin-left: 8px; }
.tmg-psel select { height:28px; max-width:200px; font-size:12px; padding:2px 6px; border:1px solid #ccc; border-radius:4px; background:#fff; color:#333; line-height:normal; appearance:auto; -webkit-appearance:menulist }
.tmg-psel button { height: 28px; width: 30px; border: 1px solid #ccc; border-radius: 4px; background: #f5f5f5; cursor: pointer; }
.tmg-u { text-decoration: underline; }
.tmg-nl .email { width: 100%; display: block; margin: 10px 0 0; }
.tmg-nl .button { margin: 10px 7px 0 0; }
.tm-zoomable { position: relative; }
.tm-zoom { position: absolute; top: 0; left: 100%; margin-left: 20px; width: 500px; height: 500px; background: #fff no-repeat; background-size: 200%; border: 1px solid #e5e5e5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); z-index: 60; pointer-events: none; }
.tm-zoom--inner { left: 0; margin: 0; width: 100%; height: 100%; border: 0; box-shadow: none; }
.tm-zoom[hidden] { display: none; }
.tm-lb { border: 0; padding: 0; background: transparent; max-width: 100vw; max-height: 100vh; width: 100vw; height: 100vh; margin: 0; color: #fff; }
.tm-lb::backdrop { background: rgba(10, 9, 8, 0.9); }
.tm-lb figure { margin: 0; width: 100%; height: 100%; display: grid; place-items: center; grid-template-rows: 1fr auto; padding: 56px 72px 40px; box-sizing: border-box; }
.tm-lb img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; display: block; }
.tm-lb figcaption { font: 500 13px/1.4 Poppins, sans-serif; color: #d6d2cb; padding-top: 10px; text-align: center; }
.tm-lb button { position: fixed; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #fff; font: 32px/48px Poppins, sans-serif; cursor: pointer; }
.tm-lb button:hover, .tm-lb button:focus-visible { background: rgba(255, 255, 255, 0.24); outline: 0; }
.tm-lb-x { top: 16px; right: 16px; font-size: 28px !important; }
.tm-lb-prev { left: 16px; top: 50%; transform: translateY(-50%); }
.tm-lb-next { right: 16px; top: 50%; transform: translateY(-50%); }
.tm-lb-n { position: fixed; left: 50%; top: 22px; transform: translateX(-50%); font: 600 13px/1 Poppins, sans-serif; color: #d6d2cb; }
.tm-lb--one .tm-lb-prev, .tm-lb--one .tm-lb-next { display: none; }
@media (max-width: 767px){.tm-lb figure { padding: 56px 12px 32px; }
.tm-lb button { width: 40px; height: 40px; font-size: 26px; line-height: 40px; }
}
.tm-toasts { position: fixed; top: 20px; right: 20px; z-index: 2031; display: grid; gap: 10px; width: min(360px, calc(100vw - 40px)); }
.tm-toast { position: relative; padding: 14px 44px 14px 16px; border-radius: 10px; background: #1c1a18; color: #fff; font: 500 13.5px/1.45 Poppins, sans-serif; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22); animation: tm-toast-in 0.25s ease-out both; }
.tm-toast a { color: #fca5a5; text-decoration: underline; }
.tm-toast--err { background: #7f1d1d; }
.tm-toast--info { background: #1f2937; }
.tm-toast.is-out { opacity: 0; transform: translateY(-6px); transition: opacity 0.3s, transform 0.3s; }
.tm-toast-x { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 18px; line-height: 28px; cursor: pointer; }
@keyframes tm-toast-in { from { opacity: 0; transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce){.tm-toast { animation: none; }
}
.tm-snap { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; outline-offset: -3px; }
.tm-snap::-webkit-scrollbar { display: none; }
.tm-snap > * { flex: 0 0 100%; scroll-snap-align: start; min-width: 0; }
.camera_wrap.tm-snap { display: flex !important; height: auto !important; margin: 0 !important; }
.camera_wrap.tm-snap img { width: 100%; height: auto; display: block; }
.tm-snap-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: #1c1a18; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); cursor: pointer; display: grid; place-items: center; z-index: 2; padding: 0; }
.tm-snap-nav svg { width: 20px; height: 20px; }
.tm-snap-nav:hover { background: #fff; }
.tm-snap-nav:focus-visible { outline: 3px solid var(--tm-red, #d9121f); outline-offset: 2px; }
.tm-snap-prev { left: 16px; }
.tm-snap-next { right: 16px; }
.tm-snap-nav[disabled] { opacity: 0.35; cursor: default; }
.tm-snap-dots { position: absolute; left: 0; right: 0; bottom: 6px; display: flex; justify-content: center; gap: 4px; z-index: 2; }
.tm-snap-dots button { width: 24px; height: 24px; border: 0; padding: 0; background: none; cursor: pointer; display: grid; place-items: center; }
.tm-snap-dots button::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.55); transition: transform 0.2s, background 0.2s; }
.tm-snap-dots button[aria-current="true"]::before { background: #fff; transform: scale(1.3); }
.tm-snap-dots button:focus-visible { outline: 2px solid #fff; outline-offset: -2px; border-radius: 50%; }
@media (max-width: 767px){.tm-snap-nav { width: 36px; height: 36px; }
.tm-snap-prev { left: 8px; }
.tm-snap-next { right: 8px; }
}
.product-info .thumbnails-carousel.tm-snap { gap: 16px; margin: 0 !important; padding: 4px 0; }
.product-info .thumbnails-carousel.tm-snap > .item { flex: 0 0 calc(25% - 12px); margin: 0 !important; }
@media (max-width: 767px){.product-info .thumbnails-carousel.tm-snap > .item { flex-basis: calc(33.333% - 11px); }
.overflow-thumbnails-carousel { padding: 0 36px; }
}
.overflow-thumbnails-carousel .tm-snap-nav { width: 34px; height: 34px; box-shadow: none; background: #f3f3f3; }
.overflow-thumbnails-carousel .tm-snap-prev { left: 0; }
.overflow-thumbnails-carousel .tm-snap-next { right: 0; }
@media (prefers-reduced-motion: reduce){.tm-snap { scroll-behavior: auto; }
.tm-snap-dots button::before { transition: none; }
}
.tm-notify { margin: 14px 0 0; }
.tm-notify-open { display: inline-flex; align-items: center; gap: 8px; }
.tm-notify-form { display: grid; gap: 8px; margin: 10px 0 0; max-width: 420px; }
.tm-notify-lab { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: #6b7280; }
.tm-notify-row { display: flex; gap: 8px; }
.tm-notify-row input[type="email"] { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid #d8d4cd; border-radius: 8px; background: #fff; font: 400 14px/1.4 Poppins, sans-serif; color: var(--tm-ink, #171016); }
.tm-notify-row input[type="email"]:focus-visible { outline: 2px solid var(--tm-red, #d9121f); outline-offset: 1px; }
.tm-notify-row .button { flex: 0 0 auto; }
.tm-notify-device { align-self: start; min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--tm-red, #d9121f); font: 600 13px/1.4 Poppins, sans-serif; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.tm-notify-device[disabled] { opacity: .5; cursor: default; }
.tm-notify-fine { margin: 0; color: #6b7280; font-size: 12px; line-height: 1.5; }
.tm-notify-msg { margin: 8px 0 0; font-size: 13px; line-height: 1.5; }
.tm-notify-msg.is-ok { color: #15803d; font-weight: 600; }
.tm-notify-msg.is-bad { color: #b91c1c; }
.tm-addons-count { margin-left: 8px; font: 500 12px/1 Poppins, sans-serif; color: #6b7280; vertical-align: middle; }
.options2 .tm-addon { position: relative; display: grid; grid-template-columns: 48px 1fr 24px; gap: 12px; align-items: center; margin: 0 0 8px; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; text-align: left; transition: border-color .15s, background-color .15s; }
.options2 .tm-addon:has(input:checked) { border-color: var(--tm-red, #d9121f); background: #fff7f7; }
.options2 .tm-addon:has(input:focus-visible) { outline: 2px solid var(--tm-red, #d9121f); outline-offset: 2px; }
.tm-addon-single { cursor: pointer; }
.tm-addon-single > input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.tm-addon-img { width: 48px; height: 48px; object-fit: contain; border-radius: 8px; background: #f5f4f2; }
.tm-addon-img.is-empty { display: grid; place-items: center; color: #b9b3aa; font-size: 20px; }
.tm-addon-body { min-width: 0; }
.tm-addon-name { display: block; font: 600 14px/1.3 Poppins, sans-serif; color: var(--tm-ink, #171016); }
.tm-addon-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; margin-top: 2px; font-size: 13px; line-height: 1.4; color: var(--tm-ink, #171016); font-variant-numeric: tabular-nums; }
.tm-addon-price { font-weight: 600; }
.tm-addon-was { color: #9ca3af; text-decoration: line-through; }
.tm-addon-save { display: inline-block; padding: 1px 7px; border-radius: 6px; background: #e6f6ee; color: #15803d; font-size: 11px; font-weight: 700; line-height: 18px; }
.tm-addon-opts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.tm-addon-opt { position: relative; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; min-height: 34px; padding: 6px 10px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; font-size: 12px; line-height: 1.3; color: var(--tm-ink, #171016); cursor: pointer; }
.tm-addon-opt input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.tm-addon-opt:hover { border-color: #b9b3aa; }
.tm-addon-opt:has(input:checked) { border-color: var(--tm-red, #d9121f); box-shadow: inset 0 0 0 1px var(--tm-red, #d9121f); }
.tm-addon-opt:has(input:focus-visible) { outline: 2px solid var(--tm-red, #d9121f); outline-offset: 2px; }
.tm-addon-opt .tm-addon-save { line-height: 16px; }
.tm-addon-check { width: 24px; height: 24px; border: 2px solid #d1d5db; border-radius: 50%; display: grid; place-items: center; color: transparent; transition: background-color .15s, border-color .15s; }
.tm-addon-check::before { content: ""; width: 10px; height: 6px; border: 2px solid currentcolor; border-top: 0; border-right: 0; transform: translateY(-1px) rotate(-45deg); }
.options2 .tm-addon:has(input:checked) .tm-addon-check { background: var(--tm-red, #d9121f); border-color: var(--tm-red, #d9121f); color: #fff; }
@media (max-width: 767px){.options2 .tm-addon { grid-template-columns: 40px 1fr 22px; gap: 10px; padding: 10px; }
.tm-addon-img { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce){.options2 .tm-addon, .tm-addon-check { transition: none; }
}
.tm-bundle { margin: 12px 0 2px; max-width: 460px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.tm-bundle summary { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 10px 40px 10px 14px; list-style: none; cursor: pointer; position: relative; font-size: 13px; line-height: 1.4; color: #4b5563; }
.tm-bundle summary::-webkit-details-marker { display: none; }
.tm-bundle-sum s { color: #9ca3af; margin-left: 2px; }
.tm-bundle-save { font: 700 14px/1.3 Poppins, sans-serif; color: #15803d; }
.tm-bundle-more { position: absolute; right: 14px; top: 50%; width: 10px; height: 10px; border: 2px solid #9ca3af; border-top: 0; border-left: 0; transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
.tm-bundle[open] .tm-bundle-more { transform: translateY(-30%) rotate(225deg); }
.tm-bundle summary:focus-visible { outline: 2px solid var(--tm-red, #d9121f); outline-offset: 2px; border-radius: 12px; }
.tm-bundle-list { margin: 0; padding: 4px 14px 10px; list-style: none; border-top: 1px solid #f0edea; font-size: 13px; line-height: 1.4; color: var(--tm-ink, #171016); font-variant-numeric: tabular-nums; }
.tm-bundle-list li { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
.tm-bundle-list li + li { border-top: 1px dashed #efece8; }
.tm-bundle-total { font-weight: 600; color: #6b7280; }
.tm-bundle-total span:last-child { text-decoration: line-through; }
.tm-bundle-pkg { font: 700 14px/1.4 Poppins, sans-serif; }
.tm-bundle-pkg span:last-child { color: #15803d; }
.tm-bundle-hint { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 2px; max-width: 460px; padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; color: var(--tm-ink, #171016); text-decoration: none; font-size: 13px; line-height: 1.4; transition: border-color .15s; }
.tm-bundle-hint:hover, .tm-bundle-hint:focus-visible { border-color: var(--tm-red, #d9121f); color: var(--tm-ink, #171016); text-decoration: none; outline: none; }
.tm-bundle-hint-s { flex: 0 0 auto; padding: 2px 9px; border-radius: 6px; background: #e6f6ee; color: #15803d; font: 700 12px/18px Poppins, sans-serif; }
@media (prefers-reduced-motion: reduce){.tm-bundle-more, .tm-bundle-hint { transition: none; }
}
.tm-addons-help { margin: -2px 0 10px; font-size: 13px; }
.tm-addons-help a { color: #6b7280; text-decoration: underline; text-underline-offset: 3px; }
.tm-addons-help a:hover { color: var(--tm-red, #d9121f); }
.tm-wh { max-width: 860px; margin: 0 auto 40px; color: var(--tm-ink, #171016); }
.tm-wh h1 { margin: 4px 0 10px; font: 700 clamp(26px, 4vw, 36px)/1.15 Poppins, sans-serif; letter-spacing: -0.01em; text-wrap: balance; }
.tm-wh h2 { margin: 34px 0 12px; font: 700 19px/1.3 Poppins, sans-serif; }
.tm-wh-eyebrow { margin: 0; font: 600 12px/1.4 Poppins, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tm-red, #d9121f); }
.tm-wh-lede { max-width: 62ch; margin: 0 0 8px; font-size: 16px; line-height: 1.55; color: #4b5563; }
.tm-wh-note { padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fafaf9; }
.tm-wh-why { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 22px 0 8px; }
.tm-wh-why div { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; font-size: 13.5px; line-height: 1.45; color: #4b5563; }
.tm-wh-why b { font: 600 14.5px/1.3 Poppins, sans-serif; color: var(--tm-ink, #171016); }
.tm-wh-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 22px; margin: 18px 0 30px; padding: 0; list-style: none; counter-reset: wh; }
.tm-wh-steps li { position: relative; padding: 2px 0 0 38px; font-size: 14px; line-height: 1.45; color: #4b5563; counter-increment: wh; }
.tm-wh-steps li::before { content: counter(wh); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: #fdeeef; color: var(--tm-red, #d9121f); font: 700 14px/28px Poppins, sans-serif; text-align: center; }
.tm-wh-steps b { color: var(--tm-ink, #171016); }
.tm-wh-form fieldset { margin: 0 0 26px; padding: 0; border: 0; min-width: 0; }
.tm-wh-form legend { width: 100%; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #e5e7eb; font: 700 16px/1.3 Poppins, sans-serif; color: var(--tm-ink, #171016); }
.tm-wh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.tm-wh-wide { grid-column: 1 / -1; }
.tm-wh-f { display: grid; gap: 5px; margin: 0; font-weight: 400; }
.tm-wh-f > span { font: 600 13px/1.3 Poppins, sans-serif; color: #374151; }
.tm-wh-f > span small { font-weight: 400; color: #9ca3af; margin-left: 4px; }
.tm-wh-f input, .tm-wh-f select, .tm-wh-f textarea { width: 100%; min-height: 44px; padding: 9px 12px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; font-family: inherit; font-size: 15px; line-height: 1.4; color: var(--tm-ink, #171016); box-shadow: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.tm-wh-f textarea { min-height: 84px; resize: vertical; }
.tm-wh-f input:focus-visible, .tm-wh-f select:focus-visible, .tm-wh-f textarea:focus-visible { outline: none; border-color: var(--tm-red, #d9121f); box-shadow: 0 0 0 3px rgba(217, 18, 31, 0.14); }
.tm-wh-f input:user-invalid, .tm-wh-f.is-err input, .tm-wh-f.is-err select { border-color: var(--tm-red, #d9121f); }
.tm-wh-f em, .tm-wh-chk em { display: block; font-size: 13px; line-height: 1.4; font-style: normal; color: #b91c1c; }
.tm-wh-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tm-wh-agree { display: grid; gap: 10px; }
.tm-wh-chk { display: grid; grid-template-columns: 22px 1fr; gap: 6px 12px; align-items: start; margin: 0; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fafaf9; font-weight: 400; font-size: 14px; line-height: 1.5; color: #374151; }
.tm-wh-chk input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--tm-red, #d9121f); }
.tm-wh-chk em { grid-column: 2; }
.tm-wh-chk.is-err { border-color: var(--tm-red, #d9121f); }
.tm-wh-chk b { color: var(--tm-ink, #171016); }
.tm-wh-submit { display: grid; gap: 10px; justify-items: start; }
.tm-wh-submit p { margin: 0; font-size: 13.5px; color: #6b7280; }
.tm-wh-err { padding: 12px 14px; border: 1px solid #fecaca; border-radius: 10px; background: #fef2f2; color: #991b1b; }
.tm-wh-done p, .tm-wh-cert p { max-width: 62ch; }
.tm-wh-card { display: grid; gap: 10px; max-width: 560px; margin: 16px 0; padding: 26px 28px; border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(23, 16, 22, 0.05); }
.tm-wh-card h1 { margin: 6px 0 0; font-size: 28px; }
.tm-wh-card.is-off { background: #f9fafb; }
.tm-wh-badgeimg { width: 220px; height: 72px; }
.tm-wh-status { margin: 0; font: 700 15px/1.3 Poppins, sans-serif; }
.tm-wh-status.ok { color: #15803d; }
.tm-wh-status.off { color: #b45309; }
.tm-wh-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 8px 0 0; font-size: 14px; }
.tm-wh-facts dt { color: #6b7280; }
.tm-wh-facts dd { margin: 0; }
.tm-wh-facts code { font-size: 13px; letter-spacing: 0.08em; }
.tm-wh-small { font-size: 13px; color: #6b7280; }
.tm-wh-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.tm-wh-tablewrap { overflow-x: auto; }
.tm-wh-table { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.tm-wh-table th { padding: 8px 10px; border-bottom: 2px solid #e5e7eb; text-align: left; font: 600 12px/1.4 Poppins, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; color: #6b7280; }
.tm-wh-table td { padding: 9px 10px; border-bottom: 1px solid #f0edea; vertical-align: middle; }
.tm-wh-table td:nth-child(2) { color: #9ca3af; text-decoration: line-through; white-space: nowrap; }
.tm-wh-p { display: flex; align-items: center; gap: 10px; }
.tm-wh-p img { width: 40px; height: 40px; border-radius: 6px; object-fit: cover; flex: 0 0 auto; }
.tm-wh-p a { color: var(--tm-ink, #171016); }
.tm-wh-p small { color: #b45309; }
.tm-wh-breaks { display: flex; flex-wrap: wrap; gap: 4px 14px; white-space: nowrap; }
.tm-wh-breaks b { font-weight: 700; color: var(--tm-ink, #171016); }
.tm-wh-badgebox { display: grid; grid-template-columns: 220px 1fr; gap: 18px 24px; align-items: start; padding: 18px 20px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.tm-wh-badgebox p { margin: 0 0 10px; font-size: 14px; }
.tm-wh-badgebox textarea { font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.tm-wh-card-acc { border-color: var(--tm-red, #d9121f) !important; }
.tm-wh-mark { display: inline-block; margin-right: 6px; padding: 1px 8px; border-radius: 6px; background: var(--tm-ink, #171016); color: #fff; font: 700 11px/18px Poppins, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; vertical-align: 1px; }
.tm-wh-pinfo + .discount, .tm-wh-pinfo ~ .discount { margin-top: 8px; font-size: 14px; line-height: 1.7; color: var(--tm-ink, #171016); }
@media (max-width: 640px){.tm-wh-grid { grid-template-columns: 1fr; }
.tm-wh-badgebox { grid-template-columns: 1fr; }
.tm-wh-card { padding: 20px 18px; }
}
@media print{.tm-wh-actions, .tm-wh-badgebox, header.header, footer, .breadcrumb, .header-notice { display: none !important; }
.tm-wh-table td:nth-child(2) { text-decoration: none; }
}
@media (prefers-reduced-motion: reduce){.tm-wh-f input, .tm-wh-f select, .tm-wh-f textarea { transition: none; }
}
.tm-feat { margin: 8px 0 40px; }
.tm-feat-head { display: flex; align-items: end; justify-content: space-between; gap: 12px 24px; margin: 0 0 22px; }
.tm-feat-eyebrow { margin: 0 0 4px; font: 600 12px/1.3 Poppins, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tm-red, #d9121f); }
.tm-feat-head h2 { margin: 0; font: 700 clamp(22px, 3vw, 30px)/1.15 Poppins, sans-serif; letter-spacing: -0.01em; color: var(--tm-ink, #171016); text-transform: none; }
.tm-feat-tools { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.tm-feat-all { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid #e5e7eb; border-radius: 999px; color: var(--tm-ink, #171016); font: 600 13px/1 Poppins, sans-serif; text-decoration: none; transition: border-color 0.15s ease, color 0.15s ease; }
.tm-feat-all:hover, .tm-feat-all:focus-visible { border-color: var(--tm-red, #d9121f); color: var(--tm-red, #d9121f); text-decoration: none; outline: none; }
.tm-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
@media (min-width: 768px){.tm-feat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
}
@media (min-width: 1100px){.tm-feat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 480px){.tm-feat-head { align-items: start; flex-direction: column; }
}
.tmg-ig svg { vertical-align: -2px; margin-right: 7px; }
@media (prefers-reduced-motion: reduce){.tm-feat-all { transition: none; }
}
.tmh-icon .tmh-badge[data-tmh-saved-count] { right: 2px; }
.tmh-badge.is-pop { scale: 1.25; }
.tm-heart-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 10px 0 0; padding: 0 16px 0 12px; border: 1px solid #e5e7eb; border-radius: 999px; background: #fff; color: var(--tm-ink, #171016); font: 600 13px/1 Poppins, sans-serif; cursor: pointer; transition: border-color 0.15s ease, color 0.15s ease; }
.tm-heart-btn svg { width: 18px; height: 18px; }
.tm-heart-btn:hover, .tm-heart-btn:focus-visible { border-color: var(--tm-red, #d9121f); color: var(--tm-red, #d9121f); outline: none; }
.tm-heart-btn[aria-pressed="true"] { border-color: var(--tm-red, #d9121f); color: var(--tm-red, #d9121f); }
.tm-heart-btn[aria-pressed="true"] svg path { fill: currentColor; }
.tm-heart-btn.is-pop svg { animation: tml-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }
@media (prefers-reduced-motion: reduce){.tm-heart-btn { transition: none; }
.tm-heart-btn.is-pop svg { animation: none; }
}
.tm-captcha { margin: 6px 0 14px; }
.tm-captcha .cf-turnstile { min-height: 65px; }
.tm-captcha-err { margin-top: 6px; }
:root { --tm-red: #d9121f; --tm-red-dark: color-mix(in oklch, #d9121f 82%, black); --tm-red-soft: color-mix(in oklch, #d9121f 12%, white); --tm-ink: #171016; --tm-muted: #6b7280; --tm-line: #e5e7eb; --tm-ok: #15803d; }
#tab-review .review-list, .tmgg-e, .tm-feat .tml-card, .tmg-card, .tmb-item { content-visibility: auto; contain-intrinsic-size: auto 140px; }
@media (forced-colors: active){.tml-heart[aria-pressed="true"], .tm-heart-btn[aria-pressed="true"] { forced-color-adjust: none; color: Highlight; border-color: Highlight; }
.tmh-badge, .tm-wh-mark, .tm-feat-eyebrow { forced-color-adjust: none; background: Highlight; color: HighlightText; }
.tm-skip:focus, .tm-heart-btn:focus-visible, .tml-heart:focus-visible { outline: 3px solid Highlight; }
}
.form-control:user-invalid, .tm-wh-f input:user-invalid, .tm-wh-f select:user-invalid, .tm-wh-f textarea:user-invalid { border-color: var(--tm-red, #d9121f); box-shadow: 0 0 0 3px rgba(217, 18, 31, 0.12); }
.tm-wh-f input:user-valid:not([type="password"]), .tm-wh-f select:user-valid { border-color: var(--tm-ok, #15803d); }
.tm-wh-f:has(:user-invalid) > span { color: var(--tm-red, #d9121f); }
.tm-count { display: block; margin: 4px 0 0; font-size: 12px; line-height: 1.4; color: var(--tm-muted, #6b7280); font-variant-numeric: tabular-nums; text-align: right; }
.tm-count.is-warn { color: #b45309; }
.tm-count.is-over, .tm-count.is-short { color: var(--tm-red, #d9121f); }
.tm-count.is-ok { color: var(--tm-ok, #15803d); }
.tm-form { max-width: 640px; }
.tm-form fieldset { min-width: 0; margin: 0 0 26px; padding: 0; border: 0; }
.tm-form legend { width: 100%; margin: 0 0 16px; padding: 0 0 8px; border: 0; border-bottom: 1px solid var(--tm-line, #e5e7eb); font-family: Poppins, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--tm-ink, #171016); }
.tm-form .form-group { display: grid; gap: 6px; margin: 0 0 18px; }
.tm-form .form-group::before, .tm-form .form-group::after { content: none; }
.tm-form .control-label, .tm-form label.required, .tm-form .contact-label > label { float: none; width: auto; min-height: 0; margin: 0; padding: 0; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--tm-ink, #171016); text-align: left; }
.tm-form .required .control-label::before, .tm-form label.required::before { content: none; }
.tm-form .form-group:not(.required):not(:has([type="radio"], [type="checkbox"])) > .control-label::after { content: " (optional)"; font-weight: 400; color: var(--tm-muted, #6b7280); }
.tm-form [class*="col-sm-"] { float: none; width: 100%; min-height: 0; margin-left: 0; padding: 0; }
.tm-form .form-control { height: 46px; padding: 0 14px; border: 1px solid #d9d4cc; border-radius: 10px; background: #fff; box-shadow: none; font-size: 16px; line-height: 1.4; color: var(--tm-ink, #171016); transition: border-color 0.15s, box-shadow 0.15s; }
.tm-form textarea.form-control { height: auto; min-height: 120px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.tm-form select.form-control { padding-right: 40px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23171016' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px; }
.tm-form .input-group .form-control { border-radius: 10px 0 0 10px; }
.tm-form .input-group-btn .btn { height: 46px; border-radius: 0 10px 10px 0; box-shadow: none; }
.tm-form .form-control:focus { border-color: var(--tm-red, #d9121f); outline: 0; box-shadow: 0 0 0 3px rgba(217, 18, 31, 0.12); }
.tm-form .form-control::placeholder { color: #9a948b; opacity: 1; }
.tm-form .form-group:has(.text-danger) .form-control { border-color: var(--tm-red, #d9121f); }
.tm-form .text-danger { margin: 0; font-size: 13px; line-height: 1.45; color: #a3121d; }
.tm-form .text-danger::before { content: "!"; display: inline-grid; place-items: center; width: 16px; height: 16px; margin-right: 6px; border-radius: 50%; background: #a3121d; color: #fff; font-size: 11px; font-weight: 700; vertical-align: -2px; }
.tm-form .tm-help, .tm-form .help-block { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--tm-muted, #6b7280); }
.tm-form .form-control:user-valid:is([type="email"], [inputmode="email"]) { border-color: var(--tm-ok, #15803d); }
.tm-form .form-control:is([name="postcode"], [name="quantity"], [name="amount"], [name="order_id"]) { max-width: 240px; }
.tm-form .radio, .tm-form .checkbox { margin: 0; }
.tm-form .radio + .radio, .tm-form .checkbox + .checkbox { margin-top: 8px; }
.tm-form .radio label, .tm-form .checkbox label, .tm-form .radio-inline, .tm-form .checkbox-inline { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 0 14px; border: 1px solid #e5e1da; border-radius: 10px; background: #fff; font-size: 15px; font-weight: 500; color: var(--tm-ink, #171016); cursor: pointer; }
.tm-form .radio-inline + .radio-inline, .tm-form .checkbox-inline + .checkbox-inline { margin-left: 0; }
.tm-form .form-group > div:has(> .radio-inline) { display: flex; flex-wrap: wrap; gap: 8px; }
.tm-form .radio input, .tm-form .checkbox input, .tm-form .radio-inline input, .tm-form .checkbox-inline input { position: static; flex: 0 0 auto; width: 18px; height: 18px; margin: 0; accent-color: var(--tm-red, #d9121f); }
.tm-form :is(.radio label, .checkbox label, .radio-inline, .checkbox-inline):has(input:checked) { border-color: var(--tm-ink, #171016); background: #fbfaf8; }
.tm-form :is(.radio label, .checkbox label, .radio-inline, .checkbox-inline):has(input:focus-visible) { outline: 2px solid var(--tm-red, #d9121f); outline-offset: 2px; }
.tm-form .buttons { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin: 6px 0 0; overflow: visible; }
.tm-form .buttons::before, .tm-form .buttons::after { content: none; }
.tm-form .buttons .pull-left, .tm-form .buttons .pull-right { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; float: none; }
.tm-form .buttons .pull-right { margin-left: auto; }
.tm-form .buttons input[type="checkbox"] { width: 18px; height: 18px; margin: 0; accent-color: var(--tm-red, #d9121f); }
.tm-form .btn-primary { min-height: 48px; padding: 0 30px; border: 0; border-radius: 999px; background: var(--tm-red, #d9121f); color: #fff; font-family: Poppins, sans-serif; font-size: 15px; font-weight: 700; line-height: 48px; text-shadow: none; box-shadow: none; transition: background 0.15s; }
.tm-form .btn-primary:hover, .tm-form .btn-primary:focus-visible { background: var(--tm-red-dark, #b30e19); color: #fff; }
.tm-form .btn-primary.is-busy, .tm-form .btn-primary:disabled { opacity: 0.7; cursor: progress; }
.tm-form .buttons .btn-default { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border: 1.5px solid var(--tm-ink, #171016); border-radius: 999px; background: #fff; color: var(--tm-ink, #171016); font-size: 14.5px; font-weight: 700; box-shadow: none; }
.tm-form .buttons .btn-default:hover { border-color: var(--tm-red, #d9121f); background: #fff; color: var(--tm-red, #d9121f); }
.tm-form .tm-captcha-row { margin-bottom: 18px; }
.tm-form .contact-label { margin: 0 0 18px; }
.tm-form .contact-label > div { margin-top: 6px; }
@media (max-width: 560px){.tm-form .buttons { flex-direction: column-reverse; align-items: stretch; }
.tm-form .buttons .pull-right { flex-direction: column; align-items: stretch; margin-left: 0; }
.tm-form .btn-primary, .tm-form .buttons .btn-default { width: 100%; justify-content: center; text-align: center; }
}
@media (prefers-reduced-motion: reduce){.tm-form .form-control, .tm-form .btn-primary { transition: none; }
}
.tm-pw { position: relative; }
.tm-pw .form-control, .tm-pw input { padding-right: 84px; }
.tm-pw-btn { position: absolute; top: 50%; right: 6px; height: 34px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; font-family: Poppins, sans-serif; font-size: 12px; font-weight: 600; color: var(--tm-muted, #6b7280); cursor: pointer; translate: 0 -50%; }
.tm-pw-btn:hover { background: #f2efe9; color: var(--tm-ink, #171016); }
.tm-pw-btn:focus-visible { outline: 2px solid var(--tm-red, #d9121f); outline-offset: 1px; }
.tmg-auth { max-width: 430px; margin: 10px auto 30px; padding: 0 4px; }
.tmg-auth .a-card { padding: 30px 28px; border: 1px solid #e7e4df; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(20, 18, 16, 0.06); }
.tmg-auth h1 { margin: 0 0 4px; font-size: 24px; font-weight: 700; color: var(--tm-ink, #171016); text-align: left; }
.tmg-auth .a-sub { margin: 0 0 22px; font-size: 13.5px; color: #6c6c6c; }
.tmg-auth label { display: block; margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; color: #6c6c6c; text-transform: uppercase; }
.tmg-auth input:not([type="submit"]):not([type="hidden"]) { width: 100%; height: 48px; margin: 0 0 16px; padding: 0 14px; border: 1px solid #d9d4cc; border-radius: 10px; background: #fff; font-size: 16px; color: var(--tm-ink, #171016); }
.tmg-auth input:focus { border-color: var(--tm-red, #d9121f); outline: none; box-shadow: 0 0 0 3px rgba(217, 18, 31, 0.12); }
.tmg-auth input:user-invalid { border-color: var(--tm-red, #d9121f); }
.tmg-auth .tm-pw { margin: 0 0 16px; }
.tmg-auth .tm-pw input { margin-bottom: 0; }
.tmg-auth .a-row { display: flex; align-items: center; justify-content: space-between; margin: -6px 0 16px; }
.tmg-auth .a-row a { font-size: 13px; color: #6c6c6c; text-decoration: underline; text-underline-offset: 2px; }
.tmg-auth .a-row a:hover { color: var(--tm-red, #d9121f); }
.tmg-auth .a-btn { display: block; width: 100%; height: 50px; border: 0; border-radius: 999px; background: var(--tm-red, #d9121f); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; }
.tmg-auth .a-btn:hover { background: var(--tm-red-dark, #b30e19); }
.tmg-auth .a-btn.is-busy { opacity: 0.7; cursor: progress; }
.tmg-auth .a-div { display: flex; align-items: center; gap: 12px; margin: 24px 0 18px; font-size: 12px; letter-spacing: 0.06em; color: #a8a29a; text-transform: uppercase; }
.tmg-auth .a-div::before, .tmg-auth .a-div::after { content: ""; flex: 1; height: 1px; background: #e7e4df; }
.tmg-auth .a-ghost { display: block; width: 100%; height: 48px; border: 1.5px solid #161513; border-radius: 999px; font-size: 14.5px; font-weight: 700; line-height: 45px; color: #161513; text-align: center; text-decoration: none; }
.tmg-auth .a-ghost:hover { border-color: var(--tm-red, #d9121f); color: var(--tm-red, #d9121f); }
.tmg-auth .a-note { margin: 14px 0 0; font-size: 12.5px; color: #8a847b; text-align: center; }
.tmg-auth .a-alert { margin: 0 0 16px; padding: 10px 14px; border: 1px solid #eac4c4; border-radius: 10px; background: #fdf0f0; color: #9c2b2b; font-size: 13.5px; }
.tmg-auth .a-ok { margin: 0 0 16px; padding: 10px 14px; border: 1px solid #bfd9c8; border-radius: 10px; background: #eff6f1; color: #28603d; font-size: 13.5px; }
@media (max-width: 480px){.tmg-auth .a-card { padding: 24px 18px; border-radius: 14px; }
}
.tmg-qty { display: inline-flex; align-items: center; height: 38px; overflow: hidden; border: 1px solid #d9d4cc; border-radius: 999px; background: #fff; vertical-align: middle; }
.tmg-qty .q-btn { width: 34px; height: 38px; padding: 0; border: 0; background: #fff; font-size: 17px; line-height: 1; color: #161513; cursor: pointer; }
.tmg-qty .q-btn:hover { background: #faf8f5; color: var(--tm-red, #d9121f); }
.tmg-qty input { width: 40px; height: 36px; padding: 0; border: 0; background: #fff; font-size: 14px; font-weight: 600; text-align: center; }
.tmg-qty input:focus { outline: none; }
.tmg-rm { margin-left: 8px; padding: 8px; border: 0; background: none; color: #8a847b; vertical-align: middle; cursor: pointer; }
.tmg-rm:hover { color: var(--tm-red, #d9121f); }
.tm-form .tm-agree { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
.tm-form .tm-form-note { margin-top: 15px; }
.tmtrk-wrap{max-width:660px;margin:0 auto;padding:4px 0 46px}
.tmtrk-lead{color:#6e675c;font-size:14.5px;line-height:1.6;margin:0 0 20px;text-align:center}
.tmtrk-form{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.tmtrk-form input{flex:1 1 190px;min-width:0;border:1.5px solid #e4dfd8;border-radius:11px;padding:13px 15px;font:500 14px Poppins,system-ui,sans-serif;color:#1c1a18;background:#fff;transition:border-color .15s,box-shadow .15s}
.tmtrk-form input::placeholder{color:#a8a29a}
.tmtrk-form input:focus{outline:none;border-color:#d9121f;box-shadow:0 0 0 3px rgba(217,18,31,.1)}
.tmtrk-form button{flex:0 0 auto;border:0;background:#d9121f;color:#fff;border-radius:11px;padding:13px 30px;font:600 14px Poppins,sans-serif;cursor:pointer;transition:background .15s}
.tmtrk-form button:hover{background:#b30f1a}
.tmtrk-hint{font-size:12.5px;color:#a8a29a;margin:0 0 26px;text-align:center}
.tmtrk-err{background:#fdf2f0;border:1px solid #f0d3cd;color:#9c382c;border-radius:11px;padding:13px 16px;font-size:14px;line-height:1.55;margin:0 0 22px}
.tmtrk-card{border:1px solid #eae5dd;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(28,26,24,.05)}
.tmtrk-head{padding:20px 24px 0}
.tmtrk-no{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#a8a29a}
.tmtrk-name{font-size:20px;font-weight:650;color:#1c1a18;margin-top:2px}
.tmtrk-steps{display:flex;list-style:none;margin:24px 0 4px;padding:0 10px}
.tmtrk-steps li{flex:1;position:relative;text-align:center;font-size:12px;color:#a8a29a;padding-top:24px;line-height:1.35}
.tmtrk-steps li:before{content:"";position:absolute;top:4px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #e0dbd3;z-index:2;box-sizing:border-box}
.tmtrk-steps li:after{content:"";position:absolute;top:10px;right:50%;width:100%;height:2px;background:#e8e3db;z-index:1}
.tmtrk-steps li:first-child:after{display:none}
.tmtrk-steps li.on{color:#2f6b3f;font-weight:600}
.tmtrk-steps li.on:before{background:#2f6b3f;border-color:#2f6b3f}
.tmtrk-steps li.on:after{background:#2f6b3f}
.tmtrk-steps li.now:before{box-shadow:0 0 0 5px rgba(47,107,63,.14)}
.tmtrk-rows{margin:22px 0 0;border-top:1px solid #f2eee7}
.tmtrk-row{display:flex;gap:16px;padding:11px 24px;border-bottom:1px solid #f6f3ed;font-size:14px}
.tmtrk-row .k{flex:0 0 108px;color:#9a938a}
.tmtrk-row .v{color:#1c1a18;min-width:0}
.tmtrk-trk{margin:0;padding:18px 24px;background:#f5faf6;border-top:1px solid #e2eee5}
.tmtrk-trk + .tmtrk-trk{border-top:1px solid #dbe9de}
.tmtrk-trk .c{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#4d7a58;font-weight:650}
.tmtrk-trk .n{font:600 17px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#1c1a18;word-break:break-all;margin:4px 0 12px}
.tmtrk-live{margin:-4px 0 12px;font-size:13px;color:#4d7a58;line-height:1.5}
.tmtrk-live.done{color:#2f6b3f;font-weight:600}
.tmtrk-trk a{display:inline-block;background:#1c1a18;color:#fff;border-radius:10px;padding:10px 18px;font:600 13px Poppins,sans-serif;text-decoration:none;transition:background .15s}
.tmtrk-trk a:hover{background:#000;color:#fff}
.tmtrk-copy{margin-left:8px;background:#fff;border:1px solid #cfdccf;color:#3f6a4a;border-radius:10px;padding:10px 14px;font:600 13px Poppins,sans-serif;cursor:pointer}
.tmtrk-copy:hover{background:#eef6ef}
.tmtrk-copy.ok{background:#2f6b3f;border-color:#2f6b3f;color:#fff}
.tmtrk-none{margin:0;padding:18px 24px;background:#faf8f4;border-top:1px solid #f0ece5;color:#6e675c;font-size:14px;line-height:1.6}
.tmtrk-help{padding:16px 24px;font-size:13px;color:#9a938a;line-height:1.6;border-top:1px solid #f6f3ed}
@media(max-width:560px){.tmtrk-row{flex-direction:column;gap:2px;padding:10px 18px}
.tmtrk-row .k{flex:none;font-size:12.5px}
.tmtrk-steps li{font-size:10.5px}
.tmtrk-head,.tmtrk-trk,.tmtrk-none,.tmtrk-help{padding-left:18px;padding-right:18px}
}
.tm-form [hidden] { display: none !important; }
.tm-form .buttons .pull-right input[type="checkbox"] { vertical-align: middle; }
@media (max-width: 560px){.tm-form .buttons .pull-right { display: block; line-height: 1.6; }
.tm-form .buttons .pull-right .btn-primary { margin-top: 14px; }
.tm-form .buttons .pull-right input[type="checkbox"] { margin: 0 6px; }
}
.tm-form .form-group:has(.text-danger) .form-control { border-color: #d9d4cc; }
.tm-form .form-group:has(> .text-danger, > div > .text-danger) .form-control { border-color: var(--tm-red, #d9121f); }
.tm-form span.text-danger::before { content: none; }
.tm-form .help-block .text-danger { font-size: inherit; }
.tm-notify-row [hidden], footer [hidden] { display: none !important; }
#tmsup-in:focus, #tmsup-in:focus-visible { border: 0; outline: none !important; box-shadow: none; }
#tmsup-in:focus-visible { border-color: transparent !important; box-shadow: none !important; }
#tmdw, #tmg-mdrawer { touch-action: pan-y; }
#tmsup-head, #tms-head, .tml-saved-head, #tmsheet-handle { touch-action: none; }
#tmdw.tm-swiping, #tmdw-scrim.tm-swiping, #tmg-mdrawer.tm-swiping, #tmg-mscrim.tm-swiping, #tmsup-panel.tm-swiping, #tms.tm-swiping, dialog.tml-saved.tm-swiping { transition: none !important; }
@media (max-width: 720px){.tml-saved { width: 100vw; max-width: 100vw; max-height: 86dvh; margin: auto 0 0; border-radius: 20px 20px 0 0; }
.tml-saved::before { content: ""; display: block; width: 44px; height: 5px; margin: 8px auto 0; border-radius: 3px; background: #d8d4cd; }
.tml-saved-list { max-height: calc(86dvh - 80px); }
}
@media (min-width: 721px){#tmsup-panel { clip-path: inset(calc(100% - 58px) 0 0 calc(100% - 58px) round 29px); opacity: 0; transform: none; transition: clip-path 0.36s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0s 0.36s, visibility 0s 0.36s; visibility: hidden; }
#tmsup.open #tmsup-panel { clip-path: inset(0 round 20px); opacity: 1; visibility: visible; transition: clip-path 0.36s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0s, visibility 0s; }
#tmsup-panel > * { opacity: 0; transition: opacity 0.18s; }
#tmsup.open #tmsup-panel > * { opacity: 1; transition: opacity 0.22s 0.14s; }
#tmsup.open #tmsup-fab { transition-delay: 0s; }
}
@media (prefers-reduced-motion: reduce){#tmsup-panel, #tmsup-panel > * { transition: none !important; }
}
dialog.tml-saved .tml-ghost:focus-visible { outline: 2px solid var(--tm-ink, #171016) !important; outline-offset: 2px !important; }
.tm-404 { max-width: 760px; margin: 0 auto 40px; }
.tm-404-lead { margin: 0 0 22px; font-size: 17px; line-height: 1.55; color: var(--tm-ink, #171016); }
.tm-404-label { display: block; margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--tm-ink, #171016); }
.tm-404-row { display: flex; gap: 8px; }
.tm-404-row input { flex: 1; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid #d9d4cc; border-radius: 12px; font-size: 16px; }
.tm-404-row input:focus { border-color: var(--tm-red, #d9121f); outline: 0; box-shadow: 0 0 0 3px rgba(217, 18, 31, 0.12); }
.tm-404-go { height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--tm-red, #d9121f); color: #fff; font-family: Poppins, sans-serif; font-size: 14.5px; font-weight: 700; cursor: pointer; }
.tm-404-go:hover { background: var(--tm-red-dark, #b30e19); }
.tm-404-h { margin: 34px 0 12px; font-size: 16px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: var(--tm-muted, #6b7280); }
.tm-404-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.tm-404-tile { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid var(--tm-line, #e5e7eb); border-radius: 14px; background: #fff; color: var(--tm-ink, #171016); text-decoration: none; transition: border-color 0.15s, transform 0.15s; }
.tm-404-tile b { font-size: 15px; font-weight: 700; }
.tm-404-tile span { font-size: 13px; line-height: 1.45; color: var(--tm-muted, #6b7280); }
.tm-404-tile:hover { border-color: var(--tm-ink, #171016); color: var(--tm-ink, #171016); transform: translateY(-1px); }
.tm-404-links { display: flex; flex-wrap: wrap; gap: 8px; }
.tm-404-links a { padding: 9px 16px; border: 1px solid var(--tm-line, #e5e7eb); border-radius: 999px; color: var(--tm-ink, #171016); font-size: 14px; font-weight: 600; text-decoration: none; }
.tm-404-links a:hover { border-color: var(--tm-red, #d9121f); color: var(--tm-red, #d9121f); }
.tmh-nav:hover .tmh-fly:not(:hover):not(.is-open) > .tmh-panel { transition-delay: 0s, 0s, 0s, 0.18s; }
.tm-pw-btn { width: 36px; padding: 0; display: inline-grid; place-items: center; }
.tm-pw-btn svg { display: block; }
.tm-pw-btn[aria-pressed="true"] { color: var(--tm-ink, #171016); }
.tm-handoff-hint { margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: var(--tm-muted, #6b7280); }
.tm-handoff-hint .tm-handoff { font-weight: 600; white-space: nowrap; }
.tmg-card > picture { position: absolute; inset: 0; z-index: 0; margin: 0; }
.tmg-card > picture img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tmg-card::before { z-index: 1; }
.tmg-card > :not(picture) { z-index: 2; }
#tmdw-scrim{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,18,15,.5);backdrop-filter:blur(2px);z-index:99992;opacity:0;pointer-events:none;transition:opacity .22s}
#tmdw{position:fixed;top:0;right:0;bottom:0;width:min(400px,96vw);background:#fff;z-index:99993;display:flex;flex-direction:column;font-family:Poppins,system-ui,sans-serif;box-shadow:-18px 0 50px rgba(0,0,0,.22);transform:translateX(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s;border-radius:16px 0 0 16px}
body.tmdw-open #tmdw{transform:translateX(0);visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
body.tmdw-open #tmdw-scrim{opacity:1;pointer-events:auto}
body.tmdw-open{overflow:hidden}
#tmdw-head{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #eee9e2}
#tmdw-head b{font-size:16px;color:#1c1a18}
#tmdw-head span{color:#8a847b;font-size:13px}
#tmdw-x{margin-left:auto;border:0;background:#f2efe9;width:36px;height:36px;border-radius:10px;font-size:16px;cursor:pointer;color:#333}
#tmdw-items{flex:1;overflow-y:auto;padding:8px 20px;-webkit-overflow-scrolling:touch}
.tmdw-it{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f2eee8}
.tmdw-it img{width:72px;height:72px;object-fit:contain;border-radius:10px;background:#faf8f5;flex:0 0 72px}
.tmdw-mid{flex:1;min-width:0}
.tmdw-name{font-size:13.5px;font-weight:600;color:#1c1a18;line-height:1.35;display:block;text-decoration:none;margin-bottom:6px}
.tmdw-price{font-size:12.5px;color:#8a847b}
.tmdw-opt{font-size:12px;color:#5f5a52;line-height:1.4;margin:-3px 0 6px}
.tmdw-row{display:flex;align-items:center;gap:10px;margin-top:9px}
.tmdw-rm{border:0;background:none;color:#8a847b;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.tmdw-lt{margin-left:auto;font-weight:700;font-size:13.5px;color:#1c1a18}
#tmdw-empty{text-align:center;color:#8a847b;padding:60px 20px;font-size:14px}
#tmdw-foot{border-top:1px solid #eee9e2;padding:14px 20px 18px}
#tmdw-ptoggle{display:inline-block;border:0;background:none;padding:0;margin:0 0 10px;font:500 12.5px Poppins,sans-serif;color:#575757;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#tmdw-prow{display:none;gap:8px;margin:0 0 12px}
#tmdw-prow.on{display:flex}
#tmdw-pin{flex:1;min-width:0;border:1.5px solid #e4dfd8;border-radius:10px;padding:10px 12px;font:500 13px Poppins,sans-serif;color:#1c1a18;outline:none;text-transform:uppercase}
#tmdw-pin:focus{border-color:#d9121f;box-shadow:0 0 0 3px rgba(217,18,31,.12)}
#tmdw-papply{border:0;background:#1c1a18;color:#fff;border-radius:10px;padding:0 18px;font:600 13px Poppins,sans-serif;cursor:pointer}
#tmdw-perr{display:none;color:#d9121f;font-size:12px;margin:-6px 0 10px}
#tmdw-pchip{display:none;align-items:center;gap:8px;margin:0 0 12px;background:#f2f7f0;border:1px solid #cfe3c8;color:#2f6b28;border-radius:10px;padding:8px 12px;font:600 12.5px Poppins,sans-serif}
#tmdw-pchip.on{display:flex}
#tmdw-pchip button{margin-left:auto;border:0;background:none;color:#2f6b28;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#tmdw-lines{margin-bottom:4px}
.tmdw-ln{display:flex;justify-content:space-between;font-size:12.5px;color:#575757;padding:2px 0}
.tmdw-ln.is-total{font-size:15px;font-weight:700;color:#1c1a18;padding-top:6px}
.tmdw-ln.is-coupon{color:#2f6b28;font-weight:600}
#tmdw-note{font-size:12px;color:#8a847b;margin-bottom:12px}
#tmdw-go{display:block;width:100%;text-align:center;background:#d9121f;color:#fff;border:0;border-radius:12px;padding:15px;font:600 15px Poppins,sans-serif;cursor:pointer;text-decoration:none}
#tmdw-go:hover{background:#b30f1a;color:#fff}
#tmdw-view{display:block;text-align:center;margin-top:10px;font-size:12.5px;color:#575757;text-decoration:underline;text-underline-offset:2px}
#tmdw.tmdw-busy #tmdw-items{opacity:.55;pointer-events:none}
#cart_block .dropdown-menu{display:none!important}
@media (max-width:720px){#tmsup-panel{top:auto;left:0;right:0;bottom:var(--tm-kb,0px);width:100vw;max-width:100vw;height:var(--tmsheet-h,58dvh);max-height:94dvh;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1),height .18s ease}
html.tm-kb #tmsup-panel{height:calc(100dvh - var(--tm-kb));max-height:none;border-radius:0;transition:transform .26s cubic-bezier(.2,.8,.2,1)}
#tmsup.open #tmsup-panel{transform:translateY(0)}
#tmsup-panel.tmsheet-drag{transition:transform .26s cubic-bezier(.2,.8,.2,1)}
#tmsheet-handle{display:flex;justify-content:center;padding:9px 0 3px;cursor:grab;touch-action:none}
#tmsheet-handle::before{content:"";width:40px;height:4.5px;border-radius:999px;background:#d7d2ca}
}
@media (min-width:721px){#tmsheet-handle{display:none}
}
#tmgeo{position:fixed;left:14px;right:14px;bottom:14px;z-index:99991;margin:0 auto;max-width:430px;background:#1c1a18;color:#f4f1ec;border-radius:14px;padding:15px 16px;font:400 13.5px/1.5 Poppins,system-ui,sans-serif;box-shadow:0 12px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px}
#tmgeo-row{display:flex;gap:9px}
#tmgeo a{flex:1;text-align:center;background:#d9121f;color:#fff;border-radius:9px;padding:10px 12px;font-weight:600;text-decoration:none}
#tmgeo button{flex:0 0 auto;background:none;border:1px solid #4a463f;color:#c9c4bb;border-radius:9px;padding:10px 14px;font:600 13px Poppins,sans-serif;cursor:pointer}
.tm-addon-info { position: relative; z-index: 1; display: inline-grid; place-items: center; width: 18px; height: 18px; margin: 0 0 0 6px; padding: 0; border: 1.5px solid #b9b3aa; border-radius: 50%; background: #fff; color: #6b7280; font: 700 11px/1 Georgia, serif; vertical-align: 2px; cursor: pointer; transition: border-color 0.15s ease-out, color 0.15s ease-out; }
.tm-addon-info:hover, .tm-addon-info:focus-visible { border-color: var(--tm-red, #d9121f); color: var(--tm-red, #d9121f); outline: none; }
.tm-addons-more { display: block; width: 100%; margin: 2px 0 10px; padding: 10px 12px; border: 1px dashed #d1d5db; border-radius: 12px; background: #fff; color: var(--tm-ink, #171016); font: 600 13px/1.3 Poppins, sans-serif; cursor: pointer; transition: border-color 0.15s ease-out; }
.tm-addons-more:hover, .tm-addons-more:focus-visible { border-color: var(--tm-red, #d9121f); color: var(--tm-red, #d9121f); outline: none; }
.tm-sheet { width: min(440px, 94vw); max-height: min(86vh, 760px); margin: auto; padding: 0; border: 0; border-radius: 18px; background: #fff; color: var(--tm-ink, #171016); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28); overflow: hidden; }
.tm-sheet::backdrop { background: rgba(20, 18, 15, 0.5); backdrop-filter: blur(2px); }
.tm-sheet[open] { animation: tm-sheet-in 0.26s cubic-bezier(0.2, 0.8, 0.2, 1); }
@keyframes tm-sheet-in { from { opacity: 0; transform: translateY(14px) scale(0.98); } to { opacity: 1; transform: none; } }
.tm-sheet-x { position: absolute; top: 12px; right: 12px; z-index: 1; width: 36px; height: 36px; border: 0; border-radius: 10px; background: #f2efe9; color: #333; font-size: 16px; cursor: pointer; }
.tm-sheet-body { max-height: inherit; overflow-y: auto; padding: 18px 20px 20px; outline: none; }
.tm-sheet-fig { margin: 0 0 12px; aspect-ratio: 1; border-radius: 12px; background: #f5f4f2; display: grid; place-items: center; overflow: hidden; }
.tm-sheet-fig img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.tm-sheet h3 { margin: 0 0 6px; font: 700 18px/1.3 Poppins, sans-serif; text-wrap: balance; }
.tm-sheet-price { margin: 0 0 4px; font-size: 15px; line-height: 1.5; }
.tm-sheet-price b { font-size: 20px; }
.tm-sheet-price s { color: #9ca3af; }
.tm-sheet-stock { margin: 0 0 10px; font: 600 12px/1.4 Poppins, sans-serif; }
.tm-sheet-stock.is-in { color: #15803d; }
.tm-sheet-stock.is-out { color: #b91c1c; }
.tm-sheet-text { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: #4b5563; }
.tm-sheet-act { display: grid; gap: 8px; }
.tm-sheet-add { min-height: 46px; border: 0; border-radius: 12px; background: var(--tm-red, #d9121f); color: #fff; font: 600 15px/1 Poppins, sans-serif; cursor: pointer; }
.tm-sheet-add:disabled { background: #e5e7eb; color: #6b7280; cursor: default; }
.tm-sheet-link { text-align: center; font: 500 13px/1.4 Poppins, sans-serif; color: #4b5563; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 991px){.tm-sheet { width: min(400px, 92vw); max-height: none; height: 100dvh; margin: 0 0 0 auto; border-radius: 16px 0 0 16px; }
.tm-sheet[open] { animation: tm-sheet-slide 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
@keyframes tm-sheet-slide { from { transform: translateX(105%); } to { transform: none; } }
.tm-sheet-body { max-height: 100dvh; padding-bottom: max(20px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce){.tm-sheet[open] { animation: none; }
}
.options2 .tm-addon[hidden] { display: none; }
.tm-addon-body { display: block; }
.tm-addon-body > .tm-addon-name { display: inline; }
.tm-addon-info { vertical-align: 1px; }
.tm-addon-save-group { margin-left: 4px; vertical-align: 1px; }
.tm-addon-opts { display: grid; grid-template-columns: 1fr; gap: 4px; width: 100%; margin-top: 8px; }
.tm-addon-opt { display: flex; flex-wrap: nowrap; align-items: baseline; justify-content: space-between; gap: 8px; min-height: 32px; padding: 5px 10px; font-size: 12.5px; }
.tm-addon-opt > span:first-of-type { flex: 1 1 auto; text-align: left; }
.tm-addon-opt .tm-addon-price { flex: 0 0 auto; }
.tm-addon-opt .tm-addon-was { flex: 0 0 auto; font-size: 11px; }
.tm-addon-opt .tm-addon-save { display: none; }
.tmduty { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 18px; padding: 12px 16px; border-radius: 12px; background: #f2f8f2; color: #23492b; font-size: 13px; line-height: 1.5; }
.tmduty-i { font-size: 20px; line-height: 1; }
.tmduty.is-dap { background: #fff3d6; color: #6b4a00; }
.tmck-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tmck-steps { margin: 0 0 16px; }
.tmck-steps ol { display: flex; gap: 6px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.tmck-steps li { display: flex; align-items: center; }
.tmck-steps li > * { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 12px 0 6px; border: 1px solid transparent; border-radius: 999px; background: #f1efea; color: #6b7280; font-family: Poppins, sans-serif; font-size: 12.5px; font-weight: 600; line-height: 1; text-decoration: none; }
.tmck-steps li > * b { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #dcd8d0; color: #4b5563; font-size: 11px; font-weight: 700; }
.tmck-steps li.is-active > * { border-color: var(--tm-ink, #171016); background: #fff; color: var(--tm-ink, #171016); }
.tmck-steps li.is-active > * b { background: var(--tm-ink, #171016); color: #fff; }
.tmck-steps li.is-done > button { background: var(--tm-ink, #171016); color: #fff; cursor: pointer; }
.tmck-steps li.is-done > button b { background: rgba(255, 255, 255, 0.25); color: #fff; }
.tmck-steps li.is-done > button:hover { background: #2f2a2e; }
.tmck-steps li.is-done > button:focus-visible { outline: 2px solid var(--tm-red, #d9121f); outline-offset: 2px; }
@media (max-width: 560px){.tmck-steps li > * em { display: none; }
.tmck-steps li.is-active > * em { display: inline; }
.tmck-steps li > * { padding-right: 6px; }
.tmck-steps li.is-active > * { padding-right: 12px; }
}
.tmck-steps em { font-style: normal; }
#accordion .panel-title > a:hover { text-decoration: none; color: var(--tm-red, #d9121f); }
#accordion .panel-title > a:focus-visible, #accordion .panel-heading:focus-visible { outline: 2px solid var(--tm-red, #d9121f); outline-offset: -2px; border-radius: 14px; }
.tmck-note { margin: 0 0 14px; padding: 10px 14px; border-radius: 10px; font-size: 13.5px; line-height: 1.45; }
.tmck-note.danger { background: #fbe3e5; color: #8e1520; }
.tmck-note.info { background: #eef4fb; color: #1f4e7a; }
.tmck-err[role="alert"] { display: block; }
.tm-form .form-group.has-error .form-control { border-color: var(--tm-red, #d9121f); }
.tm-form .form-control[aria-invalid="true"] { border-color: var(--tm-red, #d9121f); }
.tm-form .form-control:user-valid:not([aria-invalid="true"]):is([name="firstname"], [name="lastname"], [name="address_1"], [name="city"], [name="postcode"], [name="telephone"], [name="email"]) { border-color: var(--tm-ok, #15803d); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.tm-form .btn-primary.is-busy { position: relative; }
.tm-form select[aria-busy="true"] { opacity: 0.6; }
.tmck-methods > p:first-child, .tmck-methods > p > strong { margin: 0 0 10px; color: #6b7280; font-size: 13px; }
.tmck-methods .radio label { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 16px; }
.tmck-methods .radio + .radio { margin-top: 8px; }
.tmck-m { display: flex; flex: 1 1 auto; align-items: baseline; justify-content: space-between; gap: 12px; }
.tmck-m-t { font-weight: 600; color: var(--tm-ink, #171016); }
.tmck-m-p { font-weight: 700; color: var(--tm-ink, #171016); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tmck-comment { margin-top: 18px; }
.tmck-comment textarea.form-control { min-height: 84px; }
.tmck-methods .buttons .pull-right { gap: 10px; }
.tmck-summary { margin: 0 0 18px; padding: 4px 0 0; border-radius: 12px; background: #faf9f6; }
.tmck-s-row { display: grid; grid-template-columns: 96px 1fr auto; gap: 10px 14px; align-items: start; padding: 12px 14px; border-bottom: 1px solid #ece9e3; font-size: 14px; }
.tmck-s-row:last-child { border-bottom: 0; }
.tmck-s-k { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; padding-top: 2px; }
.tmck-s-v { color: var(--tm-ink, #171016); line-height: 1.45; overflow-wrap: anywhere; }
.tmck-s-e { font-size: 13px; font-weight: 600; color: var(--tm-red, #d9121f); text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.tmck-s-e:hover { color: var(--tm-red-dark, #b30e19); }
@media (max-width: 560px){.tmck-s-row { grid-template-columns: 1fr auto; }
.tmck-s-k { grid-column: 1 / -1; padding: 0; }
}
.tmpwa{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;max-width:640px;margin:18px 0 24px;padding:20px 22px;background:#f7f7f8;border:1px solid #e6e6e8;border-radius:16px}
.tmpwa[hidden]{display:none}
.tmpwa-icon{width:56px;height:56px;border-radius:14px}
.tmpwa-h{margin:0 0 6px;font-size:19px;line-height:1.25;font-weight:600;text-wrap:balance}
.tmpwa-p{margin:0 0 14px;font-size:15px;line-height:1.5;color:#444;max-width:52ch}
.tmpwa-actions{display:flex;flex-wrap:wrap;gap:10px}
.tmpwa-btn{appearance:none;border:2px solid #d9121f;background:#d9121f;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1;padding:12px 18px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}
.tmpwa-btn:hover,.tmpwa-btn:focus-visible{background:#b90e19;border-color:#b90e19;outline:none}
.tmpwa-btn.is-alt{background:#fff;color:#d9121f}
.tmpwa-btn.is-alt:hover,.tmpwa-btn.is-alt:focus-visible{background:#fdeaec}
.tmpwa-btn[disabled]{opacity:.6;cursor:wait}
.tmpwa-btn[hidden]{display:none}
.tmpwa-steps{margin:14px 0 0;padding-left:20px;font-size:14px;line-height:1.5;color:#333}
.tmpwa-steps[hidden]{display:none}
.tmpwa-say{margin:12px 0 0;font-size:14px;min-height:1em;color:#444}
.tmpwa-say.is-ok{color:#2e6b2e}
.tmpwa-say.is-bad{color:#b3261e}
@media (max-width:560px){.tmpwa{grid-template-columns:1fr;gap:12px;padding:18px}
.tmpwa-icon{width:44px;height:44px}
.tmpwa-btn{flex:1 1 100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){.tmpwa-btn{transition:none}
}
.tmhelp{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:36px 0 28px;padding:22px 24px;border-top:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8}
.tmhelp-q,.tmhelp-ask-t{margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.3}
.tmhelp-btns{display:flex;gap:10px;flex-wrap:wrap}
.tmhelp-btn{appearance:none;display:inline-flex;align-items:center;gap:8px;border:2px solid #cfd2d6;background:#fff;color:#222;font-family:inherit;font-size:15px;font-weight:600;line-height:1;padding:11px 16px;border-radius:999px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.tmhelp-btn:hover,.tmhelp-btn:focus-visible{border-color:#222;outline:none}
.tmhelp-btn[aria-pressed=true]{border-color:#d9121f;background:#d9121f;color:#fff}
.tmhelp-btn.is-primary{border-color:#d9121f;background:#d9121f;color:#fff}
.tmhelp-btn.is-primary:hover,.tmhelp-btn.is-primary:focus-visible{background:#b90e19;border-color:#b90e19}
.tmhelp-n{font-weight:500;opacity:.8;font-variant-numeric:tabular-nums}
.tmhelp-n:empty{display:none}
.tmhelp-say{margin:12px 0 0;font-size:14px;color:#555;min-height:1em}
.tmhelp-form{display:grid;gap:10px}
.tmhelp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tmhelp-ta{width:100%;min-height:64px;padding:10px 12px;border:1px solid #cfd2d6;border-radius:12px;font:inherit;font-size:15px;line-height:1.45;resize:vertical;background:#fff}
.tmhelp-ta:focus{outline:none;border-color:#d9121f;box-shadow:0 0 0 3px rgba(217,18,31,.15)}
.tmhelp-form .tmhelp-btn{justify-self:start}
@media (max-width:640px){.tmhelp{grid-template-columns:1fr;gap:20px;padding:20px 0}
}
@media (prefers-reduced-motion:reduce){.tmhelp-btn{transition:none}
}
.tmsup-who{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--tms-muted);margin:0 0 3px 4px}
.tmsup-sys{margin:10px auto;text-align:center;font-size:12px;color:var(--tms-muted)}
#tmsup.is-guide{--tms-red:#b4562a;--tms-red-dark:#8f4320;--tms-sand:#f6efe6}
#tmsup.is-guide #tmsup-ava svg rect{fill:#b4562a}
#tmsup.is-guide #tmsup-ava svg circle{fill:#f6d38a}
#tmsup.is-guide .tmsup-row.a .tmsup-b{background:#f6efe6;font-size:15px;line-height:1.5}
#tmsup.is-guide .tmsup-chip,#tmsup.is-guide .tmsup-ask button{border-color:#e2cbb6}
.tm-addons-choose{margin:0 0 12px}
.tm-choose,#tmdw-choose{appearance:none;background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--tm-red,#d9121f);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tm-choose:hover,#tmdw-choose:hover,.tm-choose:focus-visible,#tmdw-choose:focus-visible{color:var(--tm-red-dark,#b30e19);outline:none}
#tmdw-choose{display:block;margin:8px 0 4px;text-align:left}
body:not(:has(#tmsup)) [data-tm-choose]{display:none}
.tm-addon.is-picked{animation:tm-picked 1.2s ease-out 2}
@keyframes tm-picked{0%{box-shadow:0 0 0 0 rgba(217,18,31,.45)}70%{box-shadow:0 0 0 10px rgba(217,18,31,0)}100%{box-shadow:0 0 0 0 rgba(217,18,31,0)}}
@media (prefers-reduced-motion:reduce){.tm-addon.is-picked{animation:none;outline:2px solid var(--tm-red,#d9121f)}
}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
::view-transition-group(tm-hero){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
::view-transition-old(tm-hero),::view-transition-new(tm-hero){height:100%;object-fit:contain;mix-blend-mode:normal}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}
}
.tm-qty-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pdp-qty .tmqp{--qp-h:49px;--qp-b:41px;--qp-w:46px;--qp-fs:16px;border:1.5px solid #cfcac2;background:#fff;padding:0 3px;box-shadow:none}
.pdp-qty .tmqp:active{translate:none}
.pdp-qty .tmqp button{color:#1c1a18;font-weight:500;transition:background .15s,color .15s}
.pdp-qty .tmqp button:hover:not(:disabled){background:#1c1a18;color:#fff}
.pdp-qty .tmqp button:focus-visible{outline:2px solid #1c1a18;outline-offset:-2px}
.pdp-qty .tmqp button:disabled{opacity:.3}
.pdp-qty .tmqp-tr{font-variant-numeric:tabular-nums;font-weight:600}
.product-info .add-to-cart .tm-total{display:block;clear:both;width:100%;margin:14px 0 0;font-size:15px!important;line-height:1.4;color:#5a554e;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
.tm-total b{color:#1c1a18;font-weight:600;font-variant-numeric:tabular-nums}
.tm-total span{color:#8a847b}
.tm-total[hidden]{display:none}
.tm-newsback{margin:0 0 14px;font-size:14px}
.tm-newsback a{color:#6b7280;text-decoration:none}
.tm-newsback a::before{content:"\2190\00a0"}
.tm-newsback a:hover{color:#d9121f}
.tm-offline { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2040; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #1c1a18; color: #fff; font: 500 13.5px/1.4 Poppins, sans-serif; box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18); }
.tm-offline.is-saved { background: #3b2f12; }
.tm-offline.is-back { background: #1d3526; }
.tm-offline button { appearance: none; border: 1px solid rgba(255, 255, 255, 0.5); background: transparent; color: #fff; font: 600 12.5px/1 Poppins, sans-serif; padding: 8px 14px; border-radius: 999px; cursor: pointer; white-space: nowrap; }
.tm-offline button:hover { background: rgba(255, 255, 255, 0.12); }
html.tm-is-offline .tm-pdp-bar, html.tm-is-offline .tm-cartbar { bottom: 52px; }
@media (prefers-reduced-motion: no-preference){.tm-offline { animation: tm-toast-in 0.25s ease-out both; }
}
.tml-secnav{position:sticky;top:var(--tml-navtop,0px);z-index:20;margin:0 -15px 8px;padding:8px 15px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tml-secnav .tml-chip{gap:6px}
.tml-secn{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.08);font-size:11px;font-weight:600;line-height:1}
.tml-chip.is-on .tml-secn{background:rgba(255,255,255,.22)}
.tml-sec{scroll-margin-top:calc(var(--tml-navtop,0px) + 72px);margin:0 0 44px}
.tml-sec[hidden]{display:none}
.tml-sech{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--tml-line)}
.tml-sech h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.25;text-transform:none}
.tml-sech h2 .tml-secn{font-size:12px;height:22px;min-width:22px;color:#4b5563}
.tml-sech p{margin:0;max-width:64ch;font-size:14px;line-height:1.5;color:var(--tml-muted)}
.tml-fits{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--tml-soft);color:#4b5563;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
.tml-sec.is-compact .tml-grid{grid-template-columns:1fr;gap:10px}
.tml-sec.is-compact .tml-card{flex-direction:row;align-items:center;gap:14px;padding:10px 12px 10px 10px;border:1px solid var(--tml-line);border-radius:14px;background:#fff;transition:border-color .15s ease-out,box-shadow .15s ease-out}
.tml-sec.is-compact .tml-card:hover{border-color:#d1d5db;box-shadow:0 6px 20px rgba(17,24,39,.06)}
.tml-sec.is-compact .tml-tile{flex:0 0 72px;height:72px;border-radius:10px}
.tml-sec.is-compact .tml-tile img{padding:8px}
.tml-sec.is-compact .tml-badge{right:4px;bottom:4px;padding:2px 5px;font-size:9px}
.tml-sec.is-compact .tml-body{flex:1;min-width:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 16px}
.tml-sec.is-compact .tml-body .tml-name{flex:1 1 220px;min-height:0;max-height:none;font-size:15px;line-height:20px;letter-spacing:-.2px;-webkit-line-clamp:2}
.tml-sec.is-compact .tml-body .tml-desc{display:none}
.tml-sec.is-compact .tml-row{flex:0 0 auto;gap:12px}
.tml-sec.is-compact .tml-price{flex:0 0 auto;font-size:16px;line-height:24px}
.tml-sec.is-compact .tml-stock{flex:0 0 auto}
.tml-sec.is-compact .tml-act{min-height:0}
.tml-sec.is-compact .tml-act .tmqp{--qp-h:40px;--qp-b:38px;--qp-w:36px;--qp-fs:14px}
.tml-sec.is-compact .tml-heart{top:auto;bottom:10px;right:10px;width:36px;height:36px;opacity:0}
.tml-sec.is-compact .tml-card:hover .tml-heart,.tml-sec.is-compact .tml-heart[aria-pressed="true"],.tml-sec.is-compact .tml-heart:focus-visible{opacity:1}
@media (max-width:639px){.tml-sec.is-compact .tml-heart{opacity:1}
}
@media (min-width:992px){.tml-sec.is-compact .tml-grid{grid-template-columns:repeat(2,1fr);gap:12px 16px}
.tml-sech{flex-direction:row;align-items:baseline;gap:18px}
.tml-secnav{margin:0 0 8px;padding:8px 0}
}
@media (prefers-reduced-motion:no-preference){html:has(.tml-secnav){scroll-behavior:smooth}
}
.tml-fix{margin:-4px 0 14px;font-size:14px;color:var(--tm-muted,#6b6660)}
.tml-fix b{color:var(--tm-ink,#1c1a17);font-weight:600}
.tml-answers{margin:0 0 18px;padding:14px 16px;border:1px solid var(--tm-line,#e4e0da);border-radius:14px;background:var(--tm-panel,#fbfaf7)}
.tml-answers h2{margin:0 0 8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tm-muted,#6b6660)}
.tml-answers ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tml-answers a{display:grid;gap:2px;text-decoration:none;color:inherit}
.tml-answers a:hover b{text-decoration:underline}
.tml-answers a b{font-weight:600;font-size:15px}
.tml-answers a span{font-size:13.5px;line-height:1.45;color:var(--tm-muted,#6b6660)}
.tml-ask{margin:0 0 16px}
.tml-tile{height:180px;background:var(--tm-panel,#fbfaf7);border:1px solid var(--tm-line,#e4e0da);box-shadow:none;border-radius:6px}
.tml-tile img{mix-blend-mode:multiply;padding:12px}
.tml-badge{right:auto;left:10px;bottom:auto;top:10px;border-radius:3px;background:var(--tm-red,#d9121f);letter-spacing:.06em}
.tml-heart{top:8px;right:8px;width:40px;height:40px;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.tml-heart:hover{border:0}
.tml-heart[aria-pressed="true"]{border:0}
.tml-card{gap:12px}
.tml-body{flex:1;gap:6px}
.tml-body .tml-name{min-height:0;max-height:none;font-size:17px;line-height:22px}
.tml-body .tml-desc{min-height:0;max-height:none;font-size:13px;line-height:19px}
.tml-act{margin-top:auto;gap:12px;min-height:40px;padding-top:6px}
.tml-act .tml-price{flex:0 0 auto;order:-1;margin-right:2px;font-size:16px;line-height:32px}
.tml-row:not(.tml-act) .tml-stock{line-height:18px}
.tml-chips,.tml-secnav .tml-chips{display:flex;flex-wrap:nowrap;gap:0 18px;margin:0 -15px 12px;padding:0 15px;overflow-x:auto;scrollbar-width:none}
.tml-chips::-webkit-scrollbar{display:none}
.tml-chip{flex:0 0 auto;background:transparent;border-radius:0;padding:6px 0;margin:0;color:var(--tml-muted);border-bottom:2px solid transparent;font-weight:500;white-space:nowrap}
.tml-chip:hover{background:transparent;color:var(--tml-ink)}
.tml-chip.is-on{background:transparent;color:var(--tml-ink);border-bottom-color:var(--tml-ink)}
.tml-secn,.tml-chip.is-on .tml-secn{display:inline;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:var(--tml-muted);font-size:12px;font-weight:400}
.tml-secn::before{content:"("}
.tml-secn::after{content:")"}
.tml-pill{border-radius:6px;box-shadow:inset 0 0 0 1px var(--tm-line,#e4e0da);background:#fff}
.tml-pill.is-on{background:var(--tml-ink);color:#fff;box-shadow:none}
.tml-ghost{border-radius:6px;box-shadow:inset 0 0 0 1px var(--tm-line,#e4e0da);padding:0 12px}
.tml-ghost:hover,details[open]>.tml-ghost{background:var(--tml-soft)}
.tml-search input{border-radius:6px}
.tml-sec.is-compact .tml-card{border-radius:6px;border-color:var(--tm-line,#e4e0da);gap:12px}
.tml-sec.is-compact .tml-tile{border:0;background:transparent;border-radius:0;height:64px;flex-basis:64px}
.tml-sec.is-compact .tml-tile img{padding:2px}
.tml-sec.is-compact .tml-badge{left:0;top:0;right:auto;bottom:auto}
.tml-sec.is-compact .tml-act{padding-top:0;min-height:0}
@media (max-width:639px){.tml-sec:not(.is-compact) .tml-grid,.tml>.tml-grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}
.tml-tile{height:150px}
.tml-tile img{padding:10px}
.tml-body .tml-name{font-size:15px;line-height:20px}
.tml-body .tml-desc{display:none}
.tml-sec:not(.is-compact) .tml-act,.tml>.tml-grid .tml-act{flex-wrap:wrap;gap:2px 8px;padding-top:2px}
.tml-sec:not(.is-compact) .tml-act .tml-price,.tml>.tml-grid .tml-act .tml-price{flex:1 0 100%;font-size:15px;line-height:22px}
.tmqp{--qp-h:30px;--qp-b:28px;--qp-w:30px}
}
@media (min-width:992px){.tml-tile img{padding:16px}
}
.tml-inbag{display:none}
.tml-sec.is-compact .tml-card{padding-right:46px}
.tml-sec.is-compact .tml-heart{top:50%;bottom:auto;right:6px;translate:0 -50%;width:32px;height:32px}
.tml-sec.is-compact .tml-heart svg{width:16px;height:16px}
.tml-sec{scroll-margin-top:calc(var(--tml-navtop,0px) + var(--tml-navh,48px) + 4px)}

/* ---- Motion, step 1 (25 Sep 2026): shared easing tokens and the states tmmotion.js, the buy bar,
   the search overlay and the Confirm lock add. Values move with the Web Animations API in JS;
   CSS only carries the states. --tm-spring = a damped spring (about 4% overshoot) as linear(). ---- */
:root { --tm-ease-out: cubic-bezier(.2, .8, .2, 1); --tm-spring: cubic-bezier(.34, 1.56, .64, 1); }
@supports (transition-timing-function: linear(0, 1)) {
  :root { --tm-spring: linear(0, .084, .266, .471, .657, .805, .911, .979, 1.017, 1.035, 1.038, 1.034, 1.027, 1.019, 1.012, 1.007, 1.003, 1.001, .999, 1); }
}
.tm-sw { display: inline-block; }
.tm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.tmh-badge { overflow: hidden; }
.tm-total i { font-style: normal; }
.tm-busy { position: relative; cursor: progress; }
button.tm-busy { color: transparent !important; }
button.tm-busy::after { content: ""; position: absolute; inset: 0; width: 18px; height: 18px; margin: auto; border: 2px solid rgb(255 255 255 / .35); border-top-color: #fff; border-radius: 50%; animation: tm-spin .7s linear infinite; }
input.tm-busy { padding-left: 42px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23fff' stroke-opacity='.35' stroke-width='2.5'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: 16px 50% !important; background-size: 18px 18px !important; }
@keyframes tm-spin { to { rotate: 360deg; } }
#tmbb button { transition: background-color .2s var(--tm-ease-out); }
#tmbb button.ok { animation: tm-ok .34s var(--tm-spring); }
#tmbb button.ok::before { content: ""; display: inline-block; width: .8em; height: .42em; margin: 0 .55em .22em 0; border: solid currentColor; border-width: 0 0 2px 2px; rotate: -45deg; vertical-align: middle; }
@keyframes tm-ok { from { scale: .94; } }
#tms-head { position: relative; }
#tms.is-loading #tms-head::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--tm-red, #d9121f), transparent) no-repeat; background-size: 40% 100%; animation: tms-load 1s linear .15s infinite both; }
@keyframes tms-load { from { background-position: -80% 0; } to { background-position: 180% 0; } }
@media (prefers-reduced-motion: reduce) {
  #tmbb button.ok, #tms.is-loading #tms-head::after { animation: none; }
}

/* ---- Motion, step 2 (25 Sep 2026) ---- */
/* list cards: at 0 the pill is a compact dark "Add" button. On the first tap it morphs into the
   stepper: the pill widens (a small spring), its fill turns from dark to white and the border
   appears, the label shrinks away while - 1 + grows in and the digit rolls 0 -> 1. Back at 0 it
   contracts and darkens again. One element throughout. Clicks anywhere on the empty pill count
   as + (tmlist.js). Widths come from the pill's own size variables, so every breakpoint fits. */
.tml-act .tmqp[data-add] { --morph-full: calc(var(--qp-b) * 2 + var(--qp-w) + 2px); --morph-add: calc(var(--qp-b) * 2 + 2px); width: var(--morph-full); overflow: hidden; isolation: isolate; box-sizing: border-box; justify-content: space-between; transition: width .46s var(--tm-spring), background-color .3s var(--tm-ease-out), border-color .3s var(--tm-ease-out), opacity .15s var(--tm-ease-out) .3s; }
.tml-card:not(.is-busy) .tml-act .tmqp[data-add] { transition-delay: 0s, 0s, 0s, 0s; }
.tml-act .tmqp.is-empty { width: var(--morph-add); background: var(--tml-ink, #111827); border-color: var(--tml-ink, #111827); cursor: pointer; }
.tml-act .tmqp.is-empty.is-long { width: var(--morph-full); }
.tml-act .tmqp.is-empty:hover { background: #000; border-color: #000; }
.tml-act .tmqp[data-add]::after { content: attr(data-add); position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; color: #fff; font: 600 14px/1 Poppins, sans-serif; letter-spacing: .01em; white-space: nowrap; pointer-events: none; opacity: 0; transform: scale(.8); transition: opacity .14s var(--tm-ease-out), transform .14s var(--tm-ease-out); }
.tml-act .tmqp.is-empty::after { opacity: 1; transform: none; transition: opacity .18s var(--tm-ease-out) .06s, transform .3s var(--tm-spring) .06s; }
.tml-act .tmqp[data-add] > :is([data-tml-dec], .tmqp-tc, [data-tml-inc]) { transition: opacity .2s var(--tm-ease-out) .08s, transform .34s var(--tm-spring) .08s; }
.tml-act .tmqp.is-empty > :is([data-tml-dec], .tmqp-tc, [data-tml-inc]) { opacity: 0; transform: scale(.7); pointer-events: none; transition: opacity .12s var(--tm-ease-out), transform .12s var(--tm-ease-out); }
.tml-act .tmqp.is-empty:has([data-tml-inc]:focus-visible) { outline: 2px solid var(--tml-ink, #111827); outline-offset: 2px; }
/* product page: the add button's result */
#button-cart.tm-ok { background: #2e7d32 !important; border-color: #2e7d32 !important; color: #fff !important; animation: tm-ok .34s var(--tm-spring); }
/* the list's filter panel opens and closes instead of jumping (browsers with ::details-content) */
.tml-filters { interpolate-size: allow-keywords; }
.tml-filters::details-content { height: 0; overflow: clip; transition: height .3s var(--tm-ease-out), content-visibility .3s allow-discrete; }
.tml-filters[open]::details-content { height: auto; }
@media (prefers-reduced-motion: reduce) {
  .tml-filters::details-content { transition: none; }
  #button-cart.tm-ok { animation: none; }
}
.tmh-ini{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--tmh-ink);color:var(--tmh-bg);font-size:11px;font-weight:700;letter-spacing:.03em;line-height:1}

/* 7 Oct 2026: scroll reveals (tmreveal.js, after jh3y's "intelligent text reveals", MIT). .tm-rv is added only to
   blocks below the fold, only by the script, never under reduced motion; translate/opacity/filter only. */
.tm-rv {
  opacity: 0;
  translate: 0 1.75rem;
  transition:
    opacity 0.6s var(--tm-ease-out) var(--rv-d, 0ms),
    translate 0.8s var(--tm-ease-out) var(--rv-d, 0ms),
    filter 0.6s var(--tm-ease-out) var(--rv-d, 0ms);
}

.tmg-eyebrow.tm-rv,
.tmg-title.tm-rv {
  translate: 0 0.6em;
  filter: blur(6px);
}

.tm-rv.is-in {
  opacity: 1;
  translate: none;
  filter: none;
}
/* 14 Oct 2026: links inside guide, manual and news text were indistinguishable from the text before hover */
.tmgg p a:not(.g-cta):not(.g-pdf),.tmgg li a,.tmgg td a,.tmgg .g-note a,.tmgg .g-tip a,.tmgg .g-warn a,.tmgn p a:not(.n-cta),.tmgn li a,.tmgn .n-note a{color:var(--tm-red,#d9121f);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.tmgg p a:not(.g-cta):not(.g-pdf):hover,.tmgg li a:hover,.tmgg td a:hover,.tmgn p a:not(.n-cta):hover,.tmgn li a:hover{color:#b30e19}
.tmh-flag.is-pl{background-image:linear-gradient(#fff 0 50%,#dc143c 50%)}.tmh-flag.is-it{background-image:linear-gradient(90deg,#009246 0 33.4%,#fff 33.4% 66.7%,#ce2b37 66.7%)}.tmh-flag.is-es{background-image:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}.tmh-flag.is-nl{background-image:linear-gradient(#ae1c28 0 33.4%,#fff 33.4% 66.7%,#21468b 66.7%)}.tmh-flag.is-bg{background-image:linear-gradient(#fff 0 33.4%,#00966e 33.4% 66.7%,#d62612 66.7%)}.tmh-flag.is-el{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 18'%3E%3Cpath fill='%230d5eaf' d='M0 0h27v18H0z'/%3E%3Cpath stroke='%23fff' stroke-width='2' d='M10 3h17M10 7h17M0 11h27M0 15h27M5 0v10M0 5h10'/%3E%3C/svg%3E")}
/* language control, drawer list, footer list and the language hint (14 Oct 2026, job langs-pl-it-es) */
.tmh-langfly{position:relative;display:flex;align-items:stretch}
.tmh-langbtn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 8px 0 6px;border:0;border-radius:999px;background:none;color:var(--tmh-fg);font:inherit;font-size:12px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:color .15s ease-out,background .15s ease-out}
.tmh-langbtn:hover,.tmh-langbtn:focus-visible,.tmh-langfly.is-open>.tmh-langbtn{color:var(--tmh-ink);background:var(--tmh-hover)}
.tmh-langbtn svg{width:12px;height:12px;transition:rotate .2s ease-out}
.tmh-langfly.is-open>.tmh-langbtn svg,.tmh-langfly:focus-within>.tmh-langbtn svg{rotate:180deg}
.tmh-langbtn .tmh-flag{width:18px;height:12px}
.tmh-panel.tmh-langs{left:auto;right:0;top:calc(100% + 8px);translate:0 -4px;min-width:200px;padding:8px;border-top:1px solid var(--tmh-line);border-radius:12px}
.tmh-fly.is-open>.tmh-panel.tmh-langs,.tmh-fly:focus-within>.tmh-panel.tmh-langs,.tmh-fly:hover>.tmh-panel.tmh-langs{translate:0 0}
.tmh-langs a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--tmh-ink);font-size:14px;text-decoration:none;white-space:nowrap}
.tmh-langs a:hover,.tmh-langs a:focus-visible{background:var(--tmh-hover);color:var(--tmh-ink);text-decoration:none}
.tmh-langs a[aria-current]{font-weight:600}
.tmh-langs a[aria-current]::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--tmh-accent)}
.tmg-flangs{display:flex;flex-wrap:wrap;gap:4px 14px;margin:14px 0 0;padding:0;list-style:none}
.tmg-flangs a{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:inherit;opacity:.75;text-decoration:none}
.tmg-flangs a:hover{opacity:1;text-decoration:underline}
.tmg-flangs a[aria-current]{opacity:1;font-weight:600}
.tmg-flangs .tmh-flag{width:16px;height:11px}
.tm-langhint{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1040;max-width:420px;margin:0 auto;padding:14px 16px;border-radius:14px;background:#171016;color:#fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.45);opacity:0;translate:0 12px;transition:opacity .25s ease-out,translate .25s ease-out}
.tm-langhint.is-in{opacity:1;translate:0 0}
.tm-langhint p{margin:0 0 10px;font-size:14px;line-height:1.4}
.tm-langhint-row{display:flex;gap:8px;align-items:center}
.tm-langhint-go{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:40px;padding:0 16px;border-radius:999px;background:var(--tm-red,#d9121f);color:#fff;font-weight:600;font-size:14px;text-decoration:none}
.tm-langhint-go:hover,.tm-langhint-go:focus-visible{color:#fff;background:#b80e19;text-decoration:none}
.tm-langhint-no{flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:none;color:#fff;font:inherit;font-size:14px;cursor:pointer}
.tm-langhint-no:hover{border-color:#fff}
body.tmg-open .tm-langhint,body.tmpdp-bar-open .tm-langhint{display:none}
@media (min-width:768px){.tm-langhint{left:auto;right:24px;margin:0}}
@media (max-width:991px){.tmg-dlang{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:10px 20px 0}.tmg-dlang a{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500}.tmg-dlang .tmh-flag{width:18px;height:12px;flex:0 0 auto}}
@media (prefers-reduced-motion:reduce){.tm-langhint,.tmh-langbtn svg{transition:none}}
@media (min-width:768px){.tm-langhint{left:24px;right:auto;margin:0}}
/* Footer language list (15 Oct 2026, Vase: "footer language links contrast issues"): the links inherited the near-black body
   colour on the dark footer, so the names were invisible. Light text on the footer's own dark ground. */
.tmg-flangs a{color:rgba(255,255,255,.75);opacity:1}
.tmg-flangs a:hover,.tmg-flangs a:focus-visible{color:#fff}
.tmg-flangs a[aria-current]{color:#fff}
/* ---- UI fixes, 16 Oct 2026 (front-end critique, docs/jobs/ui-style). Appended last so equal-specificity rules win. ---- */
/* Overlays: the store-suggestion card (#tmgeo) and the chat bubble step aside while the menu, the cart drawer or the
   chat is open; on phones the bottom cards (store suggestion, language hint) sit above the chat bubble instead of
   under it, so their buttons stay tappable. */
body.tmg-open #tmgeo,body.tmdw-open #tmgeo,body:has(#tmsup.open) #tmgeo{display:none}
body.tmg-open #tmsup-fab{opacity:0;pointer-events:none}
@media (max-width:767px){
  #tmgeo,.tm-langhint{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}
/* Cart page: the totals end left of the chat bubble */
.cart-total{padding-right:68px}
/* Phone cart page: the theme pulls .cart-info 25 px past both edges, which pushed the item card off the left edge */
@media (max-width:640px){
  .responsive .standard-body .full-width .cart-info,.cart-info{margin-left:0;margin-right:0}
}
/* Add-on cards on phones: the theme's 30 px side padding on .options2 squeezed the cards; variant rows put the price
   column right of the name instead of wrapping the name word by word; group cards use the full width for the variants
   and their state circle sits with the name; the white product photos take the tile colour. */
@media (max-width:767px){
  .options2{padding-left:0;padding-right:0}
}
.tm-addon-img{mix-blend-mode:multiply}
.options2 .tm-addon:not(.tm-addon-single){align-items:start}
.options2 .tm-addon:not(.tm-addon-single) .tm-addon-img,.options2 .tm-addon:not(.tm-addon-single) .tm-addon-check{margin-top:2px}
.options2 .tm-addon:not(.tm-addon-single) .tm-addon-opts{width:calc(100% + 96px);margin-left:-60px}
@media (max-width:767px){
  .options2 .tm-addon:not(.tm-addon-single) .tm-addon-opts{width:calc(100% + 82px);margin-left:-50px}
}
.tm-addon-opt{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:baseline}
.tm-addon-opt > span:first-of-type{grid-row:1/span 2}
.tm-addon-opt .tm-addon-price{grid-column:2;text-align:right}
.tm-addon-opt .tm-addon-was{grid-column:2;text-align:right;line-height:1.2}
/* Footer: the brand column lost its full-width row on phones (the 2-column rule came later with equal specificity), so the
   logo ran into the SHOP heading; bottom bar links are inline on phones (48 px boxes made 36 px gaps and left the
   middots stranded); the company line gets its own row on desktop, and the legal links line up with it. */
@media (max-width:640px){
  .tmg-ft .tmg-col.tmg-brand{flex:1 1 100%}
  .custom-footer .tmg-ftbar address a,.tmg-ftbar address a{display:inline;min-height:0;margin:0;padding:12px 0;white-space:nowrap}
  .tmg-ftbar address{line-height:2}
}
@media (min-width:641px){
  .tmg-ftbar address{flex:1 1 100%;margin:0}
  .tmg-ftbar address a{white-space:nowrap}
  .tmg-ftbar > span:last-child a:first-child{margin-left:-8px}
}
/* Footer logo: "lighten" keeps the footer colour behind the logo (with "screen" its near-black background showed as a box) */
.tmg-ft .tmg-brand img{mix-blend-mode:lighten}
/* Newsletter consent checkbox: 20 px, in the brand colour */
input[name="agree_rodo2"]{width:20px;height:20px;margin:0 6px 0 0;vertical-align:-5px;accent-color:var(--tm-red,#d9121f)}
/* Category chips: a fade at the right edge says the row scrolls */
@media (max-width:767px){
  .tml-chips,.tml-secnav .tml-chips{padding-right:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
}
/* Home: the two buy buttons wrap onto two rows when a language's labels do not fit side by side (French was clipped) */
@media (max-width:767px){
  .common-home .onepage-sections .inputs{flex-wrap:wrap}
  .common-home .onepage-sections .inputs .button{flex:1 1 auto}
}
/* FAQ: the chevron sits at the middle of the question, not in its top corner */
.panel-faq .panel-title a{position:relative;padding-right:36px}
.panel-faq .panel-heading .panel-title > a::after{top:calc(50% - 9px)!important}
/* Focus rings: red is the error colour, so a focused field gets the ink colour (the login page focuses its email field
   on load and it read as an error) */
input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:#171016!important;box-shadow:0 0 0 3px rgba(23,16,22,.12)!important}
.tm-form .form-control:focus,.tmg-auth input:focus,.tm-404-row input:focus,.tmtrk-form input:focus,#tmdw-pin:focus,.tmhelp-ta:focus{border-color:#171016;box-shadow:0 0 0 3px rgba(23,16,22,.12)}
.has-error :is(input,select,textarea):focus-visible,[aria-invalid="true"]:is(input,select,textarea):focus-visible{border-color:var(--tm-red,#d9121f)!important;box-shadow:0 0 0 3px rgba(217,18,31,.15)!important}
/* Assistant: the send button looks idle while the box is empty */
#tmsup-form:has(#tmsup-in:placeholder-shown) #tmsup-send{opacity:.45}
/* Contrast (axe, WCAG AA 4.5:1): small grey labels and notes */
.g-toc > b,.g-rel > b{color:#6b655c!important}
.tmtrk-hint,.tmg-auth .a-div,.tmg-auth .a-note,.tmg-auth .a-note a{color:#6b655c}
.tm-wh-f > span small{color:#6b7280}
#content .alert-info,.alert-info{color:#245269}
#tm-404-q,.custom-footer .email,input.email{color:#57534e}
#tm-404-q::placeholder,.custom-footer .email::placeholder,input.email::placeholder{color:#6b655c;opacity:1}
/* 16 Oct 2026: sold-out list cards link to the product page ("Notify me") in an outline pill, not the buy colour */
.tml-choose.tml-notify{background:#fff;color:var(--tml-ink,#111827);border:1px solid #d6d3ce}
.tml-choose.tml-notify:hover{background:#f5f4f2;color:var(--tml-ink,#111827);border-color:#b9b3aa}
/* 16 Oct 2026: the login card and the wholesale pages' own headings are H2 now (the page title above is the H1); same look as before */
.tmg-auth .tm-h1{margin:0 0 4px;padding:10px 0 0;border:0;font-size:24px;font-weight:600;line-height:1.3;font-family:Poppins,sans-serif;letter-spacing:normal;text-transform:none;color:var(--tm-ink,#171016);text-align:left}
.tm-wh .tm-h1{margin:4px 0 10px;padding:10px 0 0;border:0;font:600 clamp(26px,4vw,36px)/1.15 Poppins,sans-serif;letter-spacing:-.01em;text-transform:none;text-wrap:balance}
.tm-wh-card .tm-h1{margin:6px 0 0;font-size:28px}
/* product page: "| Write a review" wraps as one piece */
.tm-rv-write{white-space:nowrap}
/* 16 Oct 2026: the waitlist row kept the input's intrinsic width plus the button, so on phones "Add me" ran past the screen edge
   (Bulgarian and German labels are longest). The row now wraps: the field keeps at least 170px and the button drops below it
   at full width when both do not fit. The small print took the theme's uppercase label style. */
.tm-notify-form { grid-template-columns: minmax(0, 1fr); }
.tm-notify-row { flex-wrap: wrap; }
.tm-notify-row input[type="email"] { flex: 999 1 170px; width: 0; }
.tm-notify-row .button { flex: 1 0 auto; }
.product-info .cart .add-to-cart .tm-notify-fine { text-transform: none; letter-spacing: normal; font-size: 12px; line-height: 1.5; }
/* search overlay sections (17 Oct 2026, job search-anylang): products, categories, guides & help, news; motion in tmsearch.js */
#tms-res{position:relative}
.tms-g{padding:2px 0 10px}
.tms-g+.tms-g{border-top:1px solid #f0ece6;padding-top:12px}
.tms-gh{display:flex;align-items:center;gap:8px;margin:0 4px 6px}
.tms-gh h3{margin:0;font:600 11.5px/1.2 "Poppins",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a847b}
.tms-gc{display:inline-block;padding:3px 7px;border-radius:999px;background:#f3f0ea;color:#6b6660;font:600 11px/1 "Poppins",sans-serif;font-variant-numeric:tabular-nums}
.tms-ga{margin-left:auto;min-width:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tm-red,#d9121f);font:600 12.5px/1.3 "Poppins",sans-serif;text-decoration:none}
.tms-ga[hidden]{display:none}
.tms-gl{display:grid;gap:2px}
.tms-it{display:grid;align-items:center;gap:2px 12px;padding:8px;border-radius:10px;color:#222;text-decoration:none}
.tms-it:hover{background:#f7f4ef;color:#222}
.tms-it:focus-visible{background:#f7f4ef;outline:2px solid var(--tm-red,#d9121f);outline-offset:-2px}
.tms-t{min-width:0;font:500 13.5px/1.35 "Poppins",sans-serif}
.tms-products{grid-template-columns:56px minmax(0,1fr) auto}
.tms-products img{width:56px;height:56px;border-radius:8px;background:#faf8f5;object-fit:contain}
.tms-products .tms-t{display:-webkit-box;overflow:hidden;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.tms-pr{color:var(--tm-red,#d9121f);font:700 13.5px/1.25 "Poppins",sans-serif;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.tms-pr s,.tms-pr small{display:block;color:#8a847b;font:500 11.5px/1.3 "Poppins",sans-serif}
.tms-g-categories .tms-gl{display:flex;flex-wrap:wrap;gap:8px}
.tms-categories{display:inline-flex;padding:8px 14px;border:1px solid #e4dfd8;border-radius:999px;background:#faf8f5}
.tms-help{grid-template-columns:30px minmax(0,1fr)}
.tms-ic{display:grid;grid-row:span 2;place-items:center;align-self:start;width:30px;height:30px;border-radius:8px;background:#f3f0ea;color:#6b6660}
.tms-ic svg{width:17px;height:17px}
.tms-sn{display:-webkit-box;grid-column:2;overflow:hidden;color:#7a746b;font:400 12.5px/1.4 "Poppins",sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.tms-news{grid-template-columns:auto minmax(0,1fr)}
.tms-news time{color:#8a847b;font:500 11.5px/1.2 "Poppins",sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.tms-it mark{position:relative;isolation:isolate;padding:0;background:none;color:inherit}
.tms-it mark::after{content:"";position:absolute;z-index:-1;left:-1px;right:-1px;bottom:.06em;height:.42em;border-radius:2px;background:rgba(217,18,31,.2);transform-origin:0 50%;animation:tms-sweep .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes tms-sweep{from{transform:scaleX(0)}}
.tms-ghost{position:absolute;z-index:1;margin:0;pointer-events:none}
.tms-empty p{margin:0 0 14px}
.tms-ask{padding:10px 16px;border:1.5px solid #222;border-radius:999px;background:#fff;color:#222;font:600 13px/1.2 "Poppins",sans-serif;cursor:pointer}
.tms-ask:hover,.tms-ask:focus-visible{background:#222;color:#fff}
@media (min-width:721px){.tms-g-products .tms-gl{grid-template-columns:1fr 1fr;gap:4px 8px}}
@media (prefers-reduced-motion:reduce){.tms-it mark::after{animation:none}}
/* results page: matched words and news dates (17 Oct 2026, job search-anylang) */
.tml-answers mark{padding:0;background:none;color:inherit;box-shadow:inset 0 -.42em rgba(217,18,31,.2)}
.tml-news time{color:#8a847b;font-size:12px;font-variant-numeric:tabular-nums}
/* search highlight without the sweep (17 Oct 2026, second motion version) */
.tms-it mark::after{animation:none}
/* search sheet keeps its height while showing results (17 Oct 2026): the panel no longer jumps as results change */
#tms.has-res{height:100dvh}
#tms-res{flex:1 1 auto;min-height:0}
@media (min-width:721px){#tms.has-res{height:calc(100dvh - 104px)}}
/* 19 Oct 2026 (job cwv): the hero paints before tmslider.js runs. tm-bundle.css still hides .camera_wrap (Camera.js era); until .tm-snap is added the first slide shows on its own, laid out as the snap track lays it out */
.camera_wrap:not(.tm-snap) { display: flex; overflow: hidden; }
.camera_wrap:not(.tm-snap) > * { flex: 0 0 100%; min-width: 0; }
.camera_wrap:not(.tm-snap) img { width: 100%; height: auto; display: block; }
/* 19 Oct 2026 (job cwv): rules that set the final spacing of the category text and the product thumbnail strip existed only in the async tm-bundle.css, so both moved when it arrived (CLS 0.2 on /accessories, 0.07 on product pages). Same rules, same values, now in the render-blocking sheet. */
.category-info { padding: 30px 0 0; position: relative; margin: 0 -30px 0 0; }
.standard-body .full-width .category-info { background: #fff; padding: 30px 0 0 30px; margin: 30px 0 0; }
.body-white .standard-body .full-width .category-info { background: 0 0; padding: 30px 0 0; margin: 0 -30px 0 0; }
.body-white .standard-body .full-width .col-md-12 .col-md-12.center-column .category-info { padding-top: 40px; }
.category-info > p { padding: 2px 30px 30px 0; }
.product-page-type-2 .standard-body .full-width .overflow-thumbnails-carousel { background: #fff; padding: 30px 38px; }
.thumbnails-carousel img { border: 1px solid #e5e5e5; display: block; margin: 0 auto; }
#tml-q { margin-top: 5px; margin-bottom: 5px; }
/* ===== Polish round 22 Oct 2026 (docs/jobs/polish-oct22 step 3): layout fixes from the screenshot audit. Both stores. ===== */

/* 1. Product page: "| Write a review" moves as one unit, and when it wraps to a new line its divider falls into a
   clipped strip left of the line, so no line starts with a stray "|" (the first reviews link carries the same width
   as right margin, so on one line nothing moves) */
.product-info .review .rating{overflow-x:clip}
.product-info .review .rating>a{margin-right:30px}
.product-info .review .tm-rv-write{display:inline-block;white-space:nowrap;margin-left:-30px}
.product-info .review .tm-rv-write>a{margin-left:0}
.product-info .review .tm-rv-write>span[aria-hidden]{display:inline-flex;justify-content:center;width:30px;overflow:hidden}

/* 2. Product page on phones: review, code/availability, price box and options drop the theme's 30 px side padding
   (fastor: 5-class selector, so the 7b523e12 .options2 rule never applied), so their left edge lines up with the
   gallery and the description */
@media (max-width:767px){
  .product-page-type-2 .standard-body .full-width .product-info :is(.review,.description,.price,.options2){padding-left:0;padding-right:0}
}

/* 3a. Add-on cards: the (i) button stays with the last word of the name. The name reserves the button's width as
   end padding and the button pulls itself back into it, so the button never needs a line of its own */
.tm-addon-body>.tm-addon-name:has(+.tm-addon-info){padding-right:26px}
.tm-addon-body>.tm-addon-name+.tm-addon-info{margin-left:-22px}
/* 3b. Variant rows on desktop: the struck-through price sits next to the price on the same line (phones keep the
   stacked price column from 7b523e12, where the width goes to the name) */
@media (min-width:768px){
  .tm-addon-opt{grid-template-columns:1fr auto auto}
  .tm-addon-opt>span:first-of-type{grid-row:auto}
  .tm-addon-opt .tm-addon-price{grid-column:2}
  .tm-addon-opt .tm-addon-was{grid-column:3;grid-row:1}
}
/* 3c. Thumbnails: one fixed box, contained, never squeezed by the grid (the thin glass parts still read small: the
   96x96 source images are mostly white padding, see report) */
.options2 .tm-addon-img{flex:none;width:48px;height:48px;min-width:48px;object-fit:contain}
@media (max-width:767px){.options2 .tm-addon-img{width:40px;height:40px;min-width:40px}}

/* 4. FAQ: the chevron sits in the vertical middle of the question and clear of the card border; it turns when open */
.faq-area #accordion .panel-faq .panel-heading .panel-title>a{padding-right:44px}
.faq-area #accordion .panel-faq .panel-heading .panel-title>a::after{top:50%!important;bottom:auto;right:18px;margin:0;transform:translateY(-70%) rotate(45deg);transition:transform .15s ease-out}
.faq-area #accordion .panel-faq .panel-heading .panel-title>a:not(.collapsed)::after{transform:translateY(-25%) rotate(225deg)}
@media (prefers-reduced-motion:reduce){.faq-area #accordion .panel-faq .panel-heading .panel-title>a::after{transition:none}}

/* 5. Links in running text (category intros, information page bodies) look like links: brand red, underlined.
   Only plain links inside paragraphs, list items and addresses; buttons, cards and classed links are untouched. */
:is(.category-info,body[class*="information-information"] #content>div:not(.tmhelp)) :is(p,li,address,td) a:not([class]){color:var(--tm-red,#d9121f);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
:is(.category-info,body[class*="information-information"] #content>div:not(.tmhelp)) :is(p,li,address,td) a:not([class]):hover{color:var(--tm-red-dark,#b30e19)}

/* 6. "Was this page helpful?": on guide pages it takes the article column (860 px, centred); on plain information
   pages it takes the full text width instead of a 760 px block flush left */
body[class*="information-information"] #content>.tmhelp{max-width:none}
body[class*="information-information"] #content:has(.tmgg)>.tmhelp{max-width:860px;margin-left:auto;margin-right:auto}

/* 7. Contact page: gap under "View Google Map"; agree line reads checkbox first, left aligned like wholesale;
   Submit on its own row with room before the newsletter block below */
.information-contact #content .btn-info{margin:12px 0 24px}
.information-contact #content .buttons{display:flow-root;margin:24px 0 40px}
.information-contact #content .buttons .pull-right{float:none!important;display:block;text-align:left;line-height:1.5}
.information-contact #content .buttons input[name="agree_rodo"]{float:left;width:20px;height:20px;margin:1px 10px 0 0}
.information-contact #content .buttons [type="submit"]{display:block;clear:both;margin-top:16px}
@media (max-width:767px){.information-contact #content .buttons [type="submit"]{width:100%}}

/* 8. Track page: on phones the order number, email and button each take a full row (the email and button no longer
   share a row under a full-width order field); desktop keeps all three on one row */
@media (max-width:599px){
  .tmtrk-form input,.tmtrk-form button{flex:1 1 100%}
}

/* 9. Footer on phones: the columns use the 20 px page gutter like the payment and language rows (they had 40 px);
   the five legal links and the payment badges no longer leave "Warranty" / "Bank transfer" alone on a line */
@media (max-width:640px){
  .custom-footer .tmg-ft{padding-left:0;padding-right:0}
  .tmg-ftbar address+span,.tmg-ftbar span:has(>a[href*="warranty"]){text-wrap:balance}
  .tmg-ftbar span:has(>a[href*="warranty"])>a{margin-left:0;margin-right:0;padding-left:6px;padding-right:6px}
  .tmg-payrow{gap:6px}
  .tmg-pay--bank{padding-left:7px;padding-right:7px;letter-spacing:.02em}
}

/* 10. Accessories section nav on desktop: the chip row scrolls, so its right edge fades out (same cue as phones) */
@media (min-width:768px){
  .tml-secnav.tml-chips{padding-right:48px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
}

/* 11. Empty cart and 404: "Guides" and "Shop" headings get room above them */
.tm-404 .tm-404-h{margin-top:32px}

/* 12. Top bar country select: the caret sits in the middle of the box, inside its right padding */
#tmg-cbar .select::after{top:50%!important;bottom:auto!important;right:8px!important;margin-top:-4.5px}

/* 13. Arrow CTAs: the arrow never wraps alone (text-wrap:pretty avoids a one-word last line; the real fix is a
   non-breaking space before the arrow in the content, see report) */
.g-cta,#content .btn{text-wrap:pretty}
/* Frequently bought together on phones (polish 22 Oct 2026): the 320 px grid fitted one 160 px column, so every card ran
   full width with its 200 px thumb stretched to 294 px and the block was 3,300 px tall. Two equal columns below 480 px. */
@media (max-width:480px){.tmg-relp .rp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tmg-relp .rp-grid a{padding:10px}.tmg-relp .rp-grid b{font-size:12.5px}}