/* Generated homepage CSS. Rebuild with tools/Build-HomeCss.cjs after changing CSS/templates. */
:root{--ink: #252c29; --muted: #7b807b; --line: #e5e8e2; --cream: #f5f4ee; --green: #344b40; --accent: #b2bc91; --white: #fff;}
*{box-sizing: border-box;}
body{margin: 0px; color: var(--ink); font: 15px / 1.55 "Segoe UI", Arial, sans-serif; background: rgb(255, 255, 255);}
a{color: inherit; text-decoration: none;}
button, input, select, textarea{font: inherit;}
button, a, input, select, textarea{touch-action: manipulation;}
button{cursor: pointer;}
img{max-width: 100%; display: block;}
h1, h2, h3, h4, p{margin-top: 0px;}
h1{font-size: 40px; line-height: 1.18; font-weight: 550; letter-spacing: -1.6px; margin-bottom: 18px;}
h2{font-size: 27px; font-weight: 550; letter-spacing: -0.8px;}
h3{font-size: 17px; font-weight: 550;}
p{color: rgb(112, 117, 110);}
small{font-size: 12px;}
.wrap{max-width: 1320px; margin: auto; padding-left: 40px; padding-right: 40px;}
.announcement{background: var(--green); color: rgb(255, 255, 255); text-align: center; font-size: 11px; letter-spacing: 1.1px; padding: 8px;}

.header{height: 112px; display: flex; align-items: center; gap: 50px;}
.wordmark{font-size: 32px; letter-spacing: 2px; font-weight: 850; line-height: 1.1;}
.wordmark span{display: block; font-size: 7px; font-weight: 500; letter-spacing: 2.1px; margin-top: 10px;}
.search{position: relative; display: flex; align-items: center; gap: 10px; flex: 1 1 0%; max-width: 530px; background: rgb(247, 247, 243); padding: 4px 18px; border-radius: 5px;}
.search span{font-size: 25px;}
.search input{border: 0px; background: none; margin: 0px; width: 100%; font-size: 13px;}
.header-actions{display: flex; gap: 25px; margin-left: auto;}
.header-actions a{white-space: nowrap; font-size: 20px;}
.header-actions span{font-size: 12px; margin-left: 4px;}
.nav{display: flex; gap: 31px; align-items: center; height: 56px; border-top: 1px solid var(--line); font-size: 12px;}
.nav div{flex: 1 1 0%;}
.nav a{white-space: nowrap;}
.nav a:first-child{font-weight: 650;}
.nav span{margin-left: 20px;}


.eyebrow{display: block; font-size: 10px; font-weight: 600; letter-spacing: 2.2px; color: rgb(125, 134, 109); margin-bottom: 18px;}



.button{display: inline-flex; justify-content: center; align-items: center; gap: 25px; min-height: 46px; padding: 12px 23px; border-radius: 4px; border: 1px solid transparent; font-size: 12px; font-weight: 600; letter-spacing: 0.2px; text-align: center;}
.dark{background: var(--green); color: rgb(255, 255, 255);}
.light{background: white;}
.outline{background: transparent; border-color: rgb(205, 210, 198);}
.button:hover{filter: brightness(0.94);}





.section-title{display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px;}
.section-title h2, .section-title h1{margin-bottom: 0px;}
.section-title p{margin: 10px 0px 0px;}
.section-title .eyebrow{margin-bottom: 10px;}
.text-link{font-size: 12px; text-decoration: none; border: 0px; background: none; padding: 0px; color: var(--green); font-weight: 550;}
.category-section{padding-top: 48px; padding-bottom: 40px;}
.category-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
.category-tile{background: rgb(247, 247, 243); border: 1px solid rgb(237, 237, 229); display: flex; gap: 20px; align-items: center; padding: 21px; border-radius: 5px;}
.category-tile > span{font-size: 33px; color: rgb(140, 150, 117); background: rgb(238, 238, 227); min-width: 49px; text-align: center; border-radius: 50%;}
.category-tile b{font-size: 13px; font-weight: 550;}
.category-tile small{display: block; font-size: 10px; color: rgb(146, 151, 137); margin-top: 4px;}
.products-section{padding-bottom: 45px;}
.product-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 23px;}
.product-image{position: relative; display: block; background: rgb(243, 242, 237); aspect-ratio: 1 / 1.02; border-radius: 6px; overflow: hidden;}
.product-image > img{width: 100%; height: 100%; object-fit: cover; transition: opacity 0.25s;}


.image-tag{position: absolute; top: 15px; left: 15px; font-size: 7px; letter-spacing: 1px; background: rgba(255, 255, 255, 0.6); padding: 4px 6px;}
.round-arrow{position: absolute; bottom: 15px; right: 15px; border-radius: 50%; background: white; width: 28px; height: 28px; text-align: center; line-height: 28px;}
.product-caption{padding: 16px 2px 0px;}
.product-caption small{color: rgb(153, 158, 147); font-size: 10px;}
.product-caption h3{font-size: 13px; margin: 5px 0px 10px;}
.price-row{display: flex; justify-content: space-between; align-items: center;}
.price-row strong{font-size: 15px; font-weight: 600;}
.add{border: 1px solid rgb(223, 227, 214); background: white; border-radius: 50%; width: 30px; height: 30px; color: var(--green); font-size: 20px;}
.story{background: rgb(232, 235, 223); max-width: 1240px; padding: 35px 40px; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 44px;}
.story h2{font-family: Georgia, serif; font-size: 32px; font-weight: 400; margin-bottom: 10px;}
.story p{margin: 0px; font-size: 12px;}
.story .eyebrow{margin-bottom: 10px;}
.service-strip{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; border-top: 1px solid var(--line); padding-top: 30px; padding-bottom: 30px;}
.service-strip b{display: block; font-size: 12px; font-weight: 600;}
.service-strip span{font-size: 11px; color: rgb(139, 145, 134);}
footer{background: rgb(246, 247, 242); padding-top: 45px;}
.footer-grid{display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.3fr; gap: 35px; padding-bottom: 35px;}
.footer-grid .wordmark{font-size: 27px;}
.footer-grid p{font-size: 12px; line-height: 1.9; margin-top: 15px;}
.footer-grid b{font-size: 12px; display: block; margin-bottom: 15px;}
.footer-grid > div > a:not(.wordmark){display: block; font-size: 11px; color: rgb(123, 129, 118); margin: 8px 0px;}
.copyright{border-top: 1px solid rgb(228, 231, 219); padding-top: 18px; padding-bottom: 18px; font-size: 10px; color: rgb(148, 153, 136); display: flex; justify-content: space-between;}
.page{padding-top: 35px; padding-bottom: 60px; min-height: 480px;}

.detail{display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 65px;}







label{display: block; font-size: 12px; font-weight: 550; margin: 13px 0px; color: rgb(94, 104, 94);}
input, select, textarea{display: block; width: 100%; padding: 11px 12px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 226, 216); border-radius: 4px; outline: none; margin-top: 6px; color: var(--ink); min-width: 0px;}
input:focus, select:focus, textarea:focus{border-color: rgb(131, 151, 115); box-shadow: rgba(205, 219, 185, 0.333) 0px 0px 0px 2px;}
input[type="checkbox"], input[type="radio"]{width: 17px; height: 17px; accent-color: var(--green); padding: 0px; flex-shrink: 0; margin: 0px;}



.panel{background: white; border: 1px solid var(--line); border-radius: 7px; padding: 26px; margin-bottom: 22px;}
.panel h2{font-size: 21px;}
.panel h3{font-size: 16px;}
.panel p{font-size: 13px;}

.summary{border: 1px solid rgb(227, 230, 220); border-radius: 7px; padding: 30px; background: rgb(247, 248, 243); position: sticky; top: 20px;}
.summary h2{font-size: 23px;}
.summary p{font-size: 12px;}













.empty{text-align: center; padding: 70px 20px; background: rgb(247, 248, 243); border: 1px dashed rgb(220, 225, 212); border-radius: 6px; margin: 25px 0px;}
.empty .button{margin-bottom: 20px;}


.empty h3{margin-top: 12px;}


.disabled{opacity: 0.6; background: rgb(250, 250, 250); border-color: rgb(238, 238, 238); font-size: 12px;}
.notice{padding: 15px 22px; margin: 15px auto; max-width: 1240px; border: 1px solid rgb(221, 220, 199); background: rgb(245, 243, 231); border-radius: 4px; font-size: 13px;}
.error{color: rgb(146, 64, 56); background: rgb(255, 240, 237); border-color: rgb(239, 203, 196);}
.success{color: rgb(57, 97, 60); background: rgb(238, 247, 232); border-color: rgb(207, 223, 196);}
details{border-top: 1px solid var(--line); padding: 18px 0px; margin-top: 16px;}
summary{cursor: pointer; font-size: 13px; font-weight: 600;}
details p{margin: 18px 0px 0px;}
.preserve{white-space: pre-wrap; line-height: 1.9; margin: 25px 0px 35px; color: rgb(115, 123, 108);}









#suggestions{position: absolute; left: 0px; right: 0px; top: 100%; z-index: 20; background: white; box-shadow: rgba(0, 0, 0, 0.067) 0px 10px 25px;}
#suggestions a{display: block; padding: 14px; border-bottom: 1px solid rgb(238, 238, 238); font-size: 12px;}





























.badge{display: inline-block; background: rgb(241, 242, 235); color: rgb(124, 132, 108); border: 1px solid rgb(224, 228, 214); padding: 4px 8px; border-radius: 4px; font-size: 10px; white-space: nowrap;}



table{width: 100%; border-collapse: collapse; text-align: left; font-size: 12px;}
th{color: rgb(139, 147, 132); font-size: 10px; font-weight: 550; padding: 12px; background: rgb(247, 248, 245); border-bottom: 1px solid rgb(230, 233, 225);}
td{padding: 15px 12px; border-bottom: 1px solid rgb(238, 240, 234);}
tbody tr:last-child td{border-bottom: 0px;}













@media (max-width: 1100px) {.wrap{padding-left: 25px; padding-right: 25px;}
.header{gap: 25px;}



.nav{gap: 20px;}
.story{margin-left: 25px; margin-right: 25px;}
.category-tile{gap: 10px; padding: 15px;}






}
@media (max-width: 760px) {body{font-size: 14px;}
.wrap{padding-left: 20px; padding-right: 20px;}

.announcement{font-size: 9px; padding: 7px;}
.header{height: auto; min-height: 115px; gap: 15px; flex-wrap: wrap; padding-top: 23px; padding-bottom: 16px; position: relative;}
.wordmark{font-size: 27px;}
.wordmark span{font-size: 6px; margin-top: 7px; letter-spacing: 1.2px;}
.header-actions{gap: 17px;}
.header-actions span{display: none;}
.search{order: 3; flex-basis: 100%; max-width: none; padding: 0px 12px;}
.search input{font-size: 11px; padding: 10px 0px;}
.search span{font-size: 20px;}
.nav{height: 47px; gap: 24px; overflow: auto; scrollbar-width: none; font-size: 10px;}
.nav div{display: none;}


.eyebrow{font-size: 8px; letter-spacing: 1.6px; margin-bottom: 15px;}








.category-section{padding-top: 31px; padding-bottom: 30px;}
.section-title{margin-bottom: 18px; gap: 10px;}
.section-title h2{font-size: 23px; letter-spacing: -0.7px;}
.section-title .text-link{font-size: 9px; white-space: nowrap;}
.section-title .eyebrow{font-size: 7px; margin-bottom: 8px;}
.category-grid{grid-template-columns: 1fr 1fr; gap: 10px;}
.category-tile{padding: 13px 12px; gap: 10px;}
.category-tile > span{min-width: 32px; font-size: 23px;}
.category-tile b{font-size: 11px;}
.category-tile small{font-size: 8px; margin-top: 2px;}
.product-grid{grid-template-columns: 1fr 1fr; gap: 23px 13px;}
.product-caption{padding-top: 11px;}
.product-caption h3{font-size: 11px; line-height: 1.5; margin: 4px 0px 8px;}
.product-caption small{font-size: 8px;}
.price-row strong{font-size: 13px;}
.add{width: 27px; height: 27px; font-size: 18px;}
.image-tag{font-size: 5px; top: 9px; left: 9px; padding: 3px 4px;}
.round-arrow{width: 23px; height: 23px; font-size: 12px; line-height: 23px; bottom: 10px; right: 10px;}
.products-section{padding-bottom: 30px;}
.story{margin: 0px 20px 30px; padding: 24px; display: block;}
.story h2{font-size: 27px;}
.story p{font-size: 10px;}
.story .button{margin-top: 20px; font-size: 10px; min-height: 38px;}
.story .eyebrow{font-size: 7px;}
.service-strip{grid-template-columns: 1fr; gap: 18px; padding-top: 24px; padding-bottom: 24px;}
.service-strip b{font-size: 11px;}
.service-strip span{font-size: 10px;}
.footer-grid{grid-template-columns: 1fr 1fr; gap: 25px; padding-bottom: 25px;}
.footer-grid > div:first-child{grid-column: 1 / -1;}
.footer-grid > div:last-child{display: none;}
footer{padding-top: 30px;}
.footer-grid .wordmark{font-size: 25px;}
.footer-grid p{font-size: 11px;}
.copyright{font-size: 8px;}
.page{padding-top: 25px; padding-bottom: 35px;}
h1{font-size: 29px; letter-spacing: -1px;}

.detail{grid-template-columns: 1fr; gap: 5px; margin-bottom: 35px;}



.summary{position: static; padding: 22px;}







.panel{padding: 20px;}



























}
@media print {

body{background: white;}}
.wordmark .logo-crop{display: block; position: relative; width: 195px; height: 32px; overflow: hidden; margin: 0px;}
.logo-crop img{position: absolute; max-width: none; width: 420px; left: 50%; top: 50%; transform: translate(-50%, -50%); mix-blend-mode: multiply;}
@media (max-width: 760px) {.wordmark .logo-crop{width: 150px; height: 27px;}
.logo-crop img{width: 325px;}}
:root{--ink: #161a23; --muted: #687180; --line: #e2e6ed; --cream: #f5f7fa; --green: #172336; --accent: #2b66dd;}
p{color: rgb(104, 113, 128);}

.announcement{background: rgb(16, 23, 36);}
.search{background: rgb(243, 245, 248);}
.header{height: 100px;}
.nav{gap: 24px; font-size: 11px;}















.eyebrow{color: rgb(88, 116, 161);}
.category-tile{background: white; border-color: rgb(225, 230, 238); padding: 21px 16px; gap: 14px;}
.category-tile > span{background: rgb(237, 242, 252); color: rgb(51, 98, 169); font-size: 28px; border-radius: 10px;}
.category-tile b{font-weight: 600;}
.category-tile small{color: rgb(122, 134, 152);}
.product-image{background: rgb(247, 248, 250); border: 1px solid rgb(230, 234, 240); aspect-ratio: 1 / 1.05; padding: 14px;}
.product-image > img{object-fit: contain; mix-blend-mode: multiply;}
.image-tag{font-size: 8px; letter-spacing: 1px; background: rgb(23, 35, 54); color: white; border-radius: 3px; top: 10px; left: 10px;}
.product-caption h3{min-height: 40px; font-weight: 600;}
.product-caption small{color: rgb(113, 128, 153);}
.round-arrow{border: 1px solid rgb(229, 232, 238);}
.story{background: rgb(23, 35, 54); color: white; padding: 35px 42px; gap: 40px;}
.story h2{font-family: inherit; font-weight: 600; line-height: 1.15; font-size: 34px;}
.story .eyebrow{color: rgb(141, 175, 232);}
.story p{color: rgb(196, 206, 220);}
.story .button{margin-top: 22px;}
.accessory-pictures{display: flex; gap: 20px; max-width: 45%; align-self: stretch;}
.accessory-pictures img{width: calc(50% - 10px); height: 230px; object-fit: contain; background: rgb(255, 255, 255); border-radius: 6px; padding: 12px;}
.service-strip span{color: rgb(117, 128, 146);}
footer{background: rgb(244, 246, 249);}
.footer-grid > div > a:not(.wordmark){color: rgb(104, 116, 137);}
.copyright{border-color: rgb(224, 229, 237); color: rgb(118, 131, 154);}














.badge{background: rgb(240, 243, 248); border-color: rgb(220, 227, 237); color: rgb(99, 116, 147);}

 .summary, .empty{background: rgb(245, 247, 251); border-color: rgb(224, 230, 239);}
th{background: rgb(245, 247, 251); color: rgb(122, 135, 156);}
label{color: rgb(84, 96, 116);}
input, select, textarea{border-color: rgb(215, 223, 233);}
input:focus, select:focus, textarea:focus{border-color: rgb(114, 152, 217); box-shadow: rgb(212, 224, 250) 0px 0px 0px 2px;}

.text-link{color: rgb(49, 91, 158);}
.add{color: rgb(49, 91, 158); border-color: rgb(219, 227, 239);}
.wordmark .logo-crop img{mix-blend-mode: normal;}
@media (max-width: 1100px) {




.nav{gap: 17px;}}
@media (max-width: 760px) {.header{height: auto;}











.category-tile{padding: 14px 10px; gap: 8px;}
.category-tile b{font-size: 10px;}
.category-tile > span{font-size: 23px;}
.category-tile small{font-size: 8px;}
.section-title h2{font-size: 22px;}
.product-image{padding: 9px;}
.image-tag{font-size: 6px; top: 7px; left: 7px;}
.product-caption h3{min-height: 35px;}
.story{padding: 26px; display: block;}
.story h2{font-size: 29px;}
.story p{font-size: 11px;}
.accessory-pictures{max-width: none; margin-top: 25px; gap: 12px;}
.accessory-pictures img{height: 175px; width: calc(50% - 6px);}




.header .wordmark > span:last-child{font-size: 6px;}
.nav{gap: 23px;}}
.light{color: var(--ink);}


.footer-grid.expanded-footer > div > a:not(.wordmark){color: rgb(217, 224, 232); font-size: 13px;}
footer .expanded-footer .footer-contact .logo-crop{background: transparent;}

footer{background: rgb(13, 20, 28); color: rgb(255, 255, 255);}
footer .expanded-footer a, footer .expanded-footer b{color: rgb(255, 255, 255);}
footer .expanded-footer p, footer .copyright{color: rgb(185, 194, 204);}
footer .copyright{border-color: rgba(255, 255, 255, 0.145);}
.expanded-footer .logo-crop img{mix-blend-mode: screen;}




.catalog-navigation{background: rgb(17, 24, 33); color: white; position: relative; z-index: 12;}
.catalog-navigation > .wrap{display: flex; align-items: center; gap: 25px;}




.mega-categories{position: absolute; left: 4%; right: 4%; top: 100%; background: rgb(255, 255, 255); color: rgb(21, 35, 48); box-shadow: rgba(0, 0, 0, 0.2) 0px 16px 36px; border: 1px solid rgb(221, 221, 221); border-radius: 0px 0px 12px 12px; padding: 28px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-height: 70vh; overflow: auto;}
.mega-categories a{display: block; margin: 9px 0px; font-size: 13px;}
.mega-categories b{font-size: 14px;}













.expanded-footer{grid-template-columns: 2fr 1.2fr 1.4fr 1fr 1fr; gap: 30px;}
.expanded-footer .footer-contact .logo-crop{background: rgb(0, 0, 0);}
.expanded-footer p{font-size: 13px; line-height: 1.9;}
.expanded-footer a{font-size: 13px; line-height: 1.6;}
.expanded-footer b{padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.19); display: block; margin-bottom: 18px;}
.social-links{display: flex; gap: 12px; flex-wrap: wrap;}





@media (max-width: 1000px) {
.expanded-footer{grid-template-columns: 2fr 1fr 1fr;}
.expanded-footer > div:last-child{display: block;}


.mega-categories{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 650px) {



.catalog-navigation > .wrap{gap: 18px;}


.mega-categories{left: 0px; right: 0px; grid-template-columns: 1fr 1fr; padding: 20px; gap: 18px;}
.mega-categories a{font-size: 12px;}



.expanded-footer{grid-template-columns: 1fr 1fr; gap: 25px;}
.expanded-footer .footer-contact{grid-column: 1 / -1;}
.expanded-footer > div:last-child{display: block;}

}












.filter-drawer{border: 1px solid rgb(223, 229, 236); border-radius: 12px; background: rgb(247, 249, 252); padding: 20px;}
.filter-drawer summary{font-weight: 700; cursor: pointer; border: 0px; padding: 0px;}




















.gallery-thumb{background: rgb(255, 255, 255); border: 1px solid rgb(215, 222, 230); padding: 4px; border-radius: 6px; cursor: pointer;}
.gallery-thumb.selected{border: 2px solid rgb(55, 105, 203);}



.brand-section{margin-top: 45px; margin-bottom: 45px;}
.brand-window{overflow: hidden; padding: 8px 0px;}
.brand-track{display: flex; gap: 20px; width: max-content; animation: 65s linear 0s infinite normal none running brands-slide;}
.brand-tile{width: 180px; height: 90px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgb(255, 255, 255); border: 1px solid rgb(219, 227, 238); border-radius: 12px; overflow: hidden;}
.brand-sprite{width: 172px; height: 70px; display: block; background-image: url("/images/brands-sheet.png"); background-size: 481% 571%; background-repeat: no-repeat;}
.brand-track:hover, .brand-track:focus-within, .brand-track.paused{animation-play-state: paused;}
@keyframes brands-slide { 
  0% { transform: translateX(calc(-50% - 10px)); }
  100% { transform: translateX(0px); }
}
.wordmark .logo-crop{width: 200px; height: 42px; display: block; overflow: visible;}
.wordmark .logo-crop img{position: static; width: 100%; height: 100%; object-fit: contain; transform: none; max-width: none;}
.wordmark .logo-crop img{}
.expanded-footer .wordmark .logo-crop img{}
@media (max-width: 1050px) {
}
@media (max-width: 760px) {
.filter-drawer{padding: 18px;}
.filter-drawer[open]{max-height: 70vh; overflow: auto;}




.brand-section .section-title{align-items: start; gap: 15px;}
.brand-section h2{font-size: 22px;}
.brand-section button{padding: 10px; font-size: 11px;}
.brand-tile{width: 150px; height: 80px;}
.brand-sprite{width: 145px; height: 62px;}
.wordmark .logo-crop{width: 155px; height: 34px;}



}
@media (prefers-reduced-motion: reduce) {.brand-track{animation: auto ease 0s 1 normal none running none;}
.brand-window{overflow-x: auto;}
#brand-pause{display: none;}}
.brand-0{background-position: 8.8% 20.1%;}
.brand-1{background-position: 36.7% 20.1%;}
.brand-2{background-position: 64.8% 20.1%;}
.brand-3{background-position: 92.8% 20.1%;}
.brand-4{background-position: 8.8% 44.9%;}
.brand-5{background-position: 36.7% 44.9%;}
.brand-6{background-position: 64.8% 44.9%;}
.brand-7{background-position: 92.8% 44.9%;}
.brand-8{background-position: 8.8% 69.4%;}
.brand-9{background-position: 36.7% 69.4%;}
.brand-10{background-position: 64.8% 69.4%;}
.brand-11{background-position: 92.8% 69.4%;}
.brand-12{background-position: 8.8% 94.2%;}
.brand-13{background-position: 36.7% 94.2%;}
.brand-14{background-position: 64.8% 94.2%;}
.brand-15{background-position: 92.8% 94.2%;}





.category-visual-link{align-items: center; gap: 12px; display: flex !important;}
.category-visual-link img{width: 64px; height: 54px; object-fit: contain; flex-shrink: 0;}
.category-tile > img{width: 100px; height: 85px; object-fit: contain;}


.mega-categories .category-visual-link{border: 1px solid rgb(228, 233, 239); border-radius: 8px; margin: 6px 0px; padding: 6px;}
.category-grid .category-tile{min-height: 135px;}

.ui-icon{display: inline-block; flex-shrink: 0; vertical-align: middle; color: inherit;}


.contact-rail{position: fixed; right: 12px; top: 42%; z-index: 40; display: flex; flex-direction: column; gap: 9px;}
.social-quick{width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; box-shadow: rgba(0, 0, 0, 0.133) 0px 3px 15px;}
.social-quick.instagram{background: linear-gradient(45deg, rgb(255, 190, 80), rgb(237, 36, 105), rgb(154, 53, 206));}
.social-quick.facebook{background: rgb(24, 119, 242);}
.social-quick.youtube{background: rgb(242, 11, 16);}
.social-quick.whatsapp{background: rgb(22, 140, 70); color: white;}



.social-links a{display: flex; gap: 8px; align-items: center;}
.search-result{gap: 12px; align-items: center; display: flex !important;}
.search-result img{width: 55px; height: 66px; object-fit: contain;}
.search-result span{min-width: 0px;}
.search-result b{display: block; font-size: 13px; line-height: 1.4;}
.search-result small{display: block; font-size: 12px; color: rgb(92, 104, 122);}
.search-result:focus{outline: rgb(36, 91, 162) solid 2px; background: rgb(238, 244, 255);}
#suggestions{max-height: 420px; overflow-y: auto; width: 100%; z-index: 60;}
#import-meter{width: 100%; height: 20px; accent-color: rgb(40, 91, 139);}






@media (max-width: 760px) {
.category-tile > img{width: 75px; height: 75px;}
.category-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.category-grid .category-tile{display: flex; flex-direction: column; gap: 10px; text-align: center;}
.category-grid .category-tile b{font-size: 14px;}
.contact-rail{top: auto; bottom: 20px; right: 14px;}
.contact-rail .social-quick:not(.whatsapp){display: none;}






.search-result b{font-size: 12px;}}











.order-line{display: grid; grid-template-columns: minmax(0px, 1fr) 110px 140px; gap: 15px; align-items: end; margin: 12px 0px;}
.order-line button{margin-bottom: 10px;}

.brand-tile img{width: 145px; height: 65px; object-fit: contain;}




.account-dropdown{position: relative;}
.account-dropdown summary{cursor: pointer; list-style: none; white-space: nowrap;}
.account-popup{display: none; position: absolute; inset-inline-end: 0px; top: 100%; padding: 20px; min-width: 260px; background: white; box-shadow: rgba(16, 37, 68, 0.145) 0px 12px 40px; border: 1px solid rgb(225, 232, 242); border-radius: 10px; z-index: 80;}
.account-dropdown[open] .account-popup{display: block;}
.account-popup a{display: block; margin: 12px 0px;}
.account-popup b{display: block; color: rgb(240, 116, 18); font-size: 0.85rem; overflow-wrap: anywhere;}
.product-card{position: relative;}
.favorite-form{position: absolute; inset-inline-end: 10px; top: 10px; z-index: 2;}
.favorite-button{border: 1px solid rgb(225, 230, 237); border-radius: 50%; background: white; font-size: 22px; width: 37px; height: 37px; cursor: pointer; color: rgb(227, 77, 111);}
.header-actions{gap: 20px;}









.translation-note{font-size: 12px; color: rgb(82, 96, 121); margin-top: 10px;}
.mobile-catalog{display: none;}
.catalog-navigation > .wrap{position: relative; display: block;}
.all-category-nav{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 0px; padding: 3px 0px;}
.nav-category > a{display: flex; justify-content: center; align-items: center; min-height: 42px; text-align: center; font-size: 12px; font-weight: 650; color: rgb(255, 255, 255); padding: 7px 5px;}
.nav-category:hover > a, .nav-category:focus-within > a{background: rgb(243, 135, 25); border-radius: 6px;}
.category-flyout{display: none; position: absolute; top: 100%; inset-inline: 0px; padding: 25px; background: white; border: 1px solid rgb(225, 230, 237); border-radius: 0px 0px 12px 12px; box-shadow: rgba(17, 40, 58, 0.133) 0px 15px 28px; z-index: 75; color: rgb(23, 32, 50); max-height: 70vh; overflow: auto;}
.nav-category:hover > .category-flyout, .nav-category:focus-within > .category-flyout{display: block;}



.flyout-all{display: block; background: rgb(255, 240, 223); padding: 13px; text-align: center; margin-top: 20px;}


.home-promotion{display: grid; grid-template-columns: 280px minmax(0px, 1fr); gap: 20px; margin-top: 28px; margin-bottom: 50px; align-items: stretch;}
.welcome-promo{background: linear-gradient(145deg, rgb(255, 227, 190), rgb(255, 242, 225)); padding: 25px; border-radius: 12px; display: flex; flex-direction: column; justify-content: center;}
.welcome-promo h1{font-size: 30px; letter-spacing: -1px; line-height: 1.2;}
.welcome-promo h1 strong{color: rgb(233, 117, 13); font-size: 43px;}
.welcome-promo p{font-size: 14px; line-height: 1.6;}
.welcome-promo small{font-size: 11px; margin-top: 15px; color: rgb(120, 91, 57);}
.banner-carousel{overflow: hidden; position: relative; border-radius: 12px; background: rgb(239, 245, 251); min-width: 0px; display: flex; flex-direction: column; justify-content: center;}
.banner-slides{position: relative; width: 100%;}
.banner-slide{display: none; width: 100%;}
.banner-slide:first-child, .banner-slide.active{display: block;}
.banner-slides.ready .banner-slide:not(.active){display: none;}
.banner-slide img{width: 100%; height: auto; display: block;}
.banner-empty{padding: 40px;}
.banner-controls{display: flex; gap: 10px; justify-content: center; padding: 8px; background: rgba(255, 255, 255, 0.81);}
.banner-controls button{border: 0px; cursor: pointer; border-radius: 50%; width: 30px; height: 30px; background: rgb(242, 245, 250);}
.category-tile img{background: white; object-fit: contain;}


@media (min-width: 1650px) {.all-category-nav{grid-template-columns: repeat(12, minmax(0px, 1fr));}
.nav-category > a{font-size: 12px; min-height: 56px;}
.home-promotion{grid-template-columns: 300px minmax(0px, 1fr);}}
@media (max-width: 1000px) {.header-actions{gap: 12px;}
.header-actions span{font-size: 11px;}
.home-promotion{grid-template-columns: 220px minmax(0px, 1fr);}
.welcome-promo{padding: 18px;}
.welcome-promo h1{font-size: 24px;}
.welcome-promo h1 strong{font-size: 33px;}

}
@media (max-width: 760px) {.all-category-nav{display: none;}
.mobile-catalog{display: block; width: 100%;}
.catalog-navigation > .wrap{padding-block: 12px;}
.mobile-catalog .mega-categories{width: 100%; inset-inline: 0px; position: relative; max-height: none; box-shadow: none; padding: 15px;}
.home-promotion{grid-template-columns: 1fr; margin-top: 15px; gap: 15px;}
.welcome-promo{padding: 20px;}
.welcome-promo h1{font-size: 27px; margin: 10px 0px;}
.welcome-promo h1 strong{font-size: 34px;}
.welcome-promo p{margin: 5px 0px 15px;}
.welcome-promo .button{width: max-content;}
.welcome-promo small{margin-top: 10px;}
.header-actions{gap: 15px; justify-content: space-between;}
.account-popup{min-width: 240px; inset-inline: 0px auto;}




.order-line{grid-template-columns: minmax(0px, 1fr) 80px;}
.order-line button{grid-column: 1 / -1; width: max-content;}






.favorite-form{top: 7px; inset-inline-end: 7px;}
.favorite-button{width: 32px; height: 32px; font-size: 20px;}}
@media (max-width: 420px) {
.header-actions span{font-size: 10px;}}
@media (prefers-reduced-motion: reduce) {.banner-slides{scroll-behavior: auto;}}
.contact-announcement{padding: 0px; letter-spacing: 0px; text-align: start;}
.contact-announcement > .wrap{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 11px;}
.announcement-copy{font-size: 12px; color: rgb(199, 209, 223);}
.announcement-contacts{display: flex; align-items: center; gap: 25px; flex-wrap: wrap;}
.announcement-contacts > a{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; white-space: nowrap;}
.announcement-contacts .ui-icon{width: 19px; height: 19px;}
.announcement-contacts .contact-mail{color: rgb(242, 185, 223);}
.announcement-contacts .contact-wa{color: rgb(135, 221, 165);}
.announcement-contacts .contact-phone{color: rgb(255, 210, 160);}
.phone-symbol{font-size: 21px; line-height: 1;}
.utility-bar{background: rgb(243, 245, 248); border-bottom: 1px solid rgb(230, 235, 242);}
.utility-bar > .wrap{display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-block: 5px;}
.preferences-form{display: flex; align-items: center; gap: 16px; margin: 0px;}
.preferences-form label{display: flex; align-items: center; gap: 6px; margin: 0px; font-size: 11px; white-space: nowrap;}
.preferences-form select{width: auto; min-width: 70px; margin: 0px; padding: 5px 24px 5px 8px; font-size: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(220, 228, 239); border-radius: 5px; height: 33px;}
.utility-links{display: flex; align-items: center; gap: 22px; font-size: 12px; white-space: nowrap;}
.utility-links .support-link{font-weight: 650; color: rgb(36, 84, 142);}
.header.wrap{display: grid; grid-template-columns: 200px minmax(0px, 1fr) auto; align-items: center; gap: 28px; height: 112px;}
.header .search{width: 100%; max-width: none; min-width: 0px; margin: 0px;}
.header .header-actions{display: flex; align-items: center; justify-content: flex-end; gap: 22px; margin: 0px; min-width: 0px;}
.header-actions > a, .header-actions .account-dropdown > summary{display: flex; align-items: center; gap: 7px; font-size: 20px; white-space: nowrap; min-height: 44px;}
.header .header-actions span{display: inline; margin: 0px; font-size: 12px; font-weight: 550; line-height: 1.4;}
.header .account-dropdown{position: relative; margin: 0px; padding: 0px; border: 0px; align-self: center;}
.header .account-dropdown > summary{list-style: none; padding: 0px; border: 0px;}
.header .account-dropdown > summary::-webkit-details-marker{display: none;}
.header .account-popup{top: 100%; inset-inline: auto 0px; width: 260px; min-width: 0px; max-width: calc(-32px + 100vw); padding: 10px; border-radius: 10px; z-index: 100;}
.header .account-popup a{display: flex; font-size: 13px; line-height: 1.45; font-weight: 450; padding: 10px 12px; margin: 0px; border-radius: 5px; white-space: normal;}
.account-popup a:hover{background: rgb(239, 244, 250); color: rgb(36, 84, 142);}
.header .account-popup b{font-size: 12px; padding: 8px 12px; border-bottom: 1px solid rgb(232, 237, 244); margin-bottom: 5px;}
.account-popup form{margin: 0px; padding: 8px 12px;}
.account-popup .text-link{font-size: 13px;}
.all-category-nav{grid-template-columns: repeat(6, minmax(0px, 1fr));}
.category-flyout{z-index: 90;}
.category-flyout b{font-size: 13px;}
.banner-slides{aspect-ratio: 1180 / 484;}
.banner-slide{position: absolute; inset: 0px; width: 100%; height: 100%;}
.banner-slide img{height: 100%; object-fit: contain;}
.banner-controls{align-items: center; min-height: 43px;}
.banner-controls [data-slide-count]{font-size: 12px; min-width: 55px; text-align: center;}
.banner-controls button:focus-visible, .favorite-button:focus-visible{outline: rgb(65, 132, 231) solid 3px; outline-offset: 3px;}
.favorite-button{color: rgb(115, 128, 152); display: grid; place-items: center; padding: 8px; line-height: 1;}
.favorite-button svg{width: 21px; height: 21px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.favorite-button.is-favorite{color: rgb(216, 35, 68); background: rgb(255, 244, 246); border-color: rgb(240, 186, 197);}
.favorite-button.is-favorite svg{fill: rgb(227, 39, 73); stroke: rgb(227, 39, 73);}
.favorite-button:disabled{cursor: wait; opacity: 0.65;}
.favorite-feedback{position: absolute; top: 44px; inset-inline-end: 0px; background: rgb(255, 255, 255); padding: 8px 12px; box-shadow: rgba(22, 36, 54, 0.125) 0px 4px 18px; border-radius: 6px; font-size: 11px; min-width: 170px; max-width: 210px; line-height: 1.4;}
.favorite-feedback:empty{display: none;}






















.brand-chip{display: inline-flex; align-items: center; gap: 12px; padding: 9px 15px; border: 1px solid rgb(219, 227, 239); border-radius: 7px; font-size: 13px; font-weight: 650; background: rgb(255, 255, 255); min-height: 40px;}
.brand-chip small{font-size: 10px; color: rgb(109, 122, 142);}
.brand-chip.selected{background: rgb(234, 242, 255); color: rgb(36, 91, 162); border-color: rgb(93, 140, 199);}
.filter-drawer{border: 1px solid rgb(217, 227, 240); background: rgb(247, 249, 252);}

.brand-filters{background: rgb(255, 255, 255); border-radius: 8px; border: 1px solid rgb(215, 227, 244) !important; padding: 12px !important; margin-block: 16px !important;}
.brand-filters legend{font-size: 14px; font-weight: 700; color: rgb(35, 77, 124); padding: 0px 6px;}
.brand-option{min-height: 35px;}
.brand-option small{white-space: nowrap;}




.error-entry summary{display: flex; align-items: center; gap: 15px; flex-wrap: wrap; cursor: pointer; font-size: 13px;}
.error-entry summary strong{color: rgb(176, 49, 71);}
.error-entry pre{font-size: 11px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; padding: 15px; background: rgb(245, 246, 248);}
.error-entry dd{overflow-wrap: anywhere;}
.error-entry time{color: rgb(83, 103, 130);}
@media (min-width: 1350px) {.all-category-nav{grid-template-columns: repeat(12, minmax(0px, 1fr));}}
@media (max-width: 1100px) {.header.wrap{grid-template-columns: 170px minmax(0px, 1fr) auto; gap: 20px;}
.header .wordmark .logo-crop{width: 165px;}
.header .header-actions{gap: 13px;}
.header .header-actions span{font-size: 11px;}
.announcement-copy{display: none;}
.contact-announcement > .wrap{justify-content: center;}

}
@media (max-width: 800px) {.header.wrap{height: auto; grid-template-columns: minmax(0px, 1fr) auto; gap: 14px; padding-block: 18px;}
.header .search{grid-column: 1 / -1; order: 3; max-width: none;}
.header .header-actions{gap: 16px;}
.header .header-actions span{font-size: 11px;}
.utility-bar > .wrap{padding-block: 7px;}
.utility-links{gap: 13px; font-size: 11px;}
.preferences-form{gap: 10px;}
.preferences-form label > span{display: none;}
.preferences-form select{min-width: 66px; font-size: 11px;}
.announcement-contacts{gap: 12px 18px; justify-content: center;}
.announcement-contacts > a{font-size: 12px;}
.contact-announcement > .wrap{padding-block: 8px;}
.header .account-popup{inset-inline-end: -110px;}



.filter-drawer[open]{max-height: 70vh; overflow: auto;}

.brand-chip{flex-shrink: 0; font-size: 12px;}




.home-promotion{margin-bottom: 28px;}
.welcome-promo h1{font-size: 23px;}
.welcome-promo h1 strong{font-size: 31px;}}
@media (max-width: 480px) {.wrap{padding-inline: 16px;}
.header .wordmark .logo-crop{width: 128px; height: 29px;}
.header .wordmark .logo-crop img{width: 100%; height: 100%; object-fit: contain;}
.header .wordmark > span:last-child{font-size: 6px; letter-spacing: 1.5px;}
.header .header-actions{gap: 12px;}
.header-actions > a, .header-actions .account-dropdown > summary{flex-direction: column; gap: 2px; font-size: 19px; min-width: 45px; min-height: 42px;}
.header .header-actions span{font-size: 9px; font-weight: 450;}
.header .account-popup{width: 245px; inset-inline-end: -100px;}
.utility-links{gap: 11px; font-size: 10px;}
.utility-links .support-link{display: flex; gap: 3px; align-items: center;}
.preferences-form{gap: 6px;}
.preferences-form select{padding: 5px 2px; width: 62px; min-width: 62px; height: 30px;}
.preferences-form label:first-child select{width: 67px;}
.utility-bar > .wrap{gap: 8px;}
.announcement-contacts{gap: 5px 16px;}
.announcement-contacts .contact-mail{flex-basis: 100%; justify-content: center;}
.announcement-contacts > a{font-size: 11px;}
.announcement-contacts .ui-icon{width: 16px; height: 16px;}


.favorite-button{width: 34px; height: 34px; padding: 7px;}
.welcome-promo p{font-size: 13px;}
.category-grid .category-tile b{font-size: 13px;}}




.currency-status{font-size: 10px; color: rgb(102, 121, 143);}
.utility-bar > .wrap{flex-wrap: wrap;}
@media (max-width: 480px) {

.currency-status{width: 100%; text-align: center;}
.header .wordmark .logo-crop img{width: 100%; height: 100%; object-fit: contain;}}
.product-caption{display: flex; flex-direction: column; flex: 1 1 0%;}
.product-card{display: flex; flex-direction: column;}
.product-caption h3{min-height: 3em;}
.card-reviews{display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 12px; margin: 5px 0px 12px; color: rgb(97, 103, 115); min-height: 22px;}
.rating-stars{color: rgb(184, 107, 0); letter-spacing: 1px; font-weight: 600;}
.unrated-stars{color: rgb(161, 166, 174); letter-spacing: 1px;}
.card-stock{display: block; color: rgb(100, 112, 103); margin: 8px 0px 12px;}
.card-cart-form{margin-top: auto;}
.card-cart-button{width: 100%; border: 1px solid rgb(215, 107, 16); border-radius: 7px; background: rgb(255, 247, 237); color: rgb(154, 69, 0); padding: 12px 8px; font-size: 15px; font-weight: 700; cursor: pointer; min-height: 46px;}
.card-cart-button:hover:not(:disabled){background: rgb(198, 93, 6); color: rgb(255, 255, 255); border-color: rgb(198, 93, 6);}
.card-cart-button:focus-visible{outline: rgb(25, 31, 40) solid 3px; outline-offset: 3px;}
.card-cart-button:disabled{background: rgb(243, 243, 243); border-color: rgb(212, 215, 219); color: rgb(119, 119, 119); cursor: not-allowed;}








@media (max-width: 600px) {
.card-reviews{gap: 3px; font-size: 11px;}
.card-cart-button{font-size: 14px;}}








.category-flyout{padding: 18px; max-height: min(var(--flyout-space,65vh),620px); overscroll-behavior: contain;}
.flyout-all{margin-top: 4px;}


.cart-notice{position: fixed; z-index: 2000; bottom: 24px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(-32px + 100vw); padding: 16px 22px; border: 1px solid rgb(211, 228, 214); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.133) 0px 8px 32px; background: rgb(239, 249, 240); color: rgb(33, 74, 42); font-size: 14px;}
.cart-notice a{font-weight: 700; text-decoration: underline;}
.cart-notice.error{background: rgb(255, 240, 238); color: rgb(132, 47, 36); border-color: rgb(240, 198, 191);}
.cart-notice[hidden]{display: none;}
@media (max-width: 800px) {
.cart-notice{bottom: 18px; padding: 13px 16px; font-size: 13px;}

.mega-categories .category-visual-link{min-height: 52px;}}


.product-card{border: 1px solid rgb(225, 228, 232); border-radius: 10px; overflow: hidden; background: white;}
.product-card .product-image{aspect-ratio: 2 / 3; height: auto; background: rgb(255, 255, 255); border-radius: 0px;}
.product-caption{padding: 12px;}
.product-caption h3{font-size: 13px; line-height: 1.55; min-height: 4.6em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 8px 0px;}
.model-code{font-weight: 750; color: rgb(17, 24, 39);}
.product-caption > .price-row{margin-top: auto;}
.product-caption .card-reviews{margin: 4px 0px 10px; min-height: 20px; font-size: 11px;}
.product-caption .price-row strong{font-size: 17px;}
.product-image .image-tag{font-size: 10px;}
.product-card .round-arrow{display: none;}







.detail{align-items: start;}



.gallery-thumb{height: 80px;}
.gallery-thumb img{height: 70px; object-fit: contain;}






.all-category-nav .nav-category > a{min-height: 44px;}
.mega-categories{max-height: 65vh; overflow: auto;}
@media (min-width: 1700px) {.wrap{max-width: 1600px;}}
@media (max-width: 1100px) {

.product-caption{padding: 9px;}}
@media (max-width: 800px) {







.product-caption .price-row strong{font-size: 15px;}
.product-caption h3{font-size: 12px;}}
.immediate-categories{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 14px;}
.immediate-categories .category-visual-link{display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid rgb(229, 231, 235); border-radius: 8px; font-size: 13px; text-align: center; min-height: 130px;}
.immediate-categories img{width: 100%; height: 80px; object-fit: contain;}
.top-filters{margin: 0px 0px 20px; background: rgb(247, 248, 250); border: 1px solid rgb(225, 229, 235); border-radius: 10px; padding: 12px;}
.top-filters > summary{font-weight: 700; margin: 0px 0px 12px;}








.infinite-more{grid-column: 1 / -1; text-align: center; min-height: 60px; padding: 12px;}
.infinite-more span{display: block; font-size: 13px;}


.category-flyout .flyout-all{display: block; text-align: center; padding: 14px; background: rgb(255, 240, 223); margin-top: 14px;}
@media (max-width: 800px) {




.mega-categories > details > summary{padding: 14px; background: rgb(244, 245, 247); font-weight: 650;}
.mega-categories > details > a{display: flex; padding: 10px;}
.mega-categories .category-visual-link img{width: 45px; height: 45px; object-fit: contain;}
.immediate-categories{grid-template-columns: repeat(2, minmax(0px, 1fr));}}

















.product-image > img[data-card-photo]{position: relative; width: 100%; height: 100%; object-fit: contain; transition: none; user-select: none; touch-action: pan-y; opacity: 1 !important;}
.product-image{touch-action: pan-y;}
.photo-count{position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 11px; border-radius: 12px; background: rgba(255, 255, 255, 0.933); padding: 3px 10px;}
.photo-count:empty{display: none;}
.header .wordmark{display: flex; flex-direction: column; align-items: start; gap: 3px;}
.header .wordmark > span:not(.logo-crop){font-size: 11px; font-weight: 750; letter-spacing: 2px; margin: 0px; line-height: 1.3;}
.header .wordmark .logo-crop{margin: 0px; height: 38px;}
.header .wordmark .logo-crop img{height: auto;}
@media (max-width: 800px) {

.header .wordmark > span:not(.logo-crop){font-size: 9px; letter-spacing: 1.4px;}}
.header .wordmark .logo-crop{height: auto; line-height: 0;}
.header .wordmark{gap: 4px;}
.header .wordmark{width: 200px; max-width: 100%;}
.header .wordmark .logo-crop{width: 100%;}
.header .wordmark > .logo-caption{display: flex; justify-content: space-between; align-items: center; width: 100%; letter-spacing: 0px; font-size: 11px; font-weight: 750;}
.header .wordmark > .logo-caption > span{font: inherit; margin: 0px; letter-spacing: 0px; display: block;}
.category-section .category-tile{min-height: 160px; padding: 18px; gap: 14px;}
.category-section .category-tile > img{width: 120px; height: 115px; flex: 0 0 120px; object-fit: contain;}
.category-section .category-tile b{font-size: 16px; font-weight: 750; line-height: 1.45;}
.category-section .category-tile > div{min-width: 0px;}

@media (max-width: 800px) {.header .wordmark{width: 128px;}
.header .wordmark > .logo-caption{font-size: 9px;}
.category-section .category-tile{flex-direction: column; align-items: center; text-align: center; min-height: 175px; padding: 12px; gap: 10px;}
.category-section .category-tile > img{width: 110px; height: 95px; flex: 0 0 95px;}
.category-section .category-tile b{font-size: 14px;}}
.home-promotion{align-items: stretch;}
.welcome-promo{height: auto; min-height: 0px; align-self: stretch;}
.banner-carousel{height: auto; display: flex; flex-direction: column; align-self: stretch;}
.banner-slides{flex: 1 1 0%; min-height: 0px;}
.banner-controls{flex: 0 0 auto;}
.copyright{display: flex; justify-content: space-between; align-items: center; gap: 15px; flex-wrap: wrap;}
.copyright > span{font-size: 12px;}

@media (max-width: 800px) {.banner-slides{flex: 1 1 auto;}
.copyright{justify-content: center; text-align: center;}}
.banner-carousel{position: relative; overflow: hidden;}
.banner-carousel .banner-controls{position: absolute; bottom: 12px; left: 50%; right: auto; transform: translateX(-50%); width: max-content; max-width: calc(100% - 24px); border-radius: 24px; background: rgba(255, 255, 255, 0.91); padding: 6px 12px; z-index: 4;}
.banner-carousel .banner-slide img{object-fit: cover;}
@media (min-width: 801px) and (max-width: 1400px) {.welcome-promo{padding: 20px;}
.welcome-promo h1{font-size: 26px;}
.welcome-promo h1 strong{font-size: 32px;}
.welcome-promo p{font-size: 13px;}}



.product-image img{aspect-ratio: 2 / 3;}

.header{position: relative; z-index: 130;}
.header .search{position: relative; z-index: 140; gap: 8px;}
.header .search input{flex: 1 1 0%; min-width: 0px; font-size: 16px;}
.search-submit{border: 0px; background: transparent; padding: 8px; display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 44px; color: rgb(25, 38, 56);}
.search-submit svg{width: 22px; height: 22px;}
.header #suggestions{z-index: 180; border-radius: 0px 0px 10px 10px; border: 1px solid rgb(225, 230, 237); max-height: var(--search-space,360px); overflow-y: auto; overscroll-behavior: contain;}
.header #suggestions[hidden]{display: none !important;}
.search-result span{flex: 1 1 0%; font-size: 13px !important;}
.search-result{min-height: 64px; padding: 10px !important;}
.search-result b{font-size: 13px; overflow-wrap: anywhere;}
.search-result small{font-size: 11px;}
.search-result img{width: 44px; height: 55px; flex-shrink: 0;}
.search-message{margin: 0px; padding: 12px; font-size: 13px; color: rgb(91, 103, 120);}
.search-all{font-weight: 700; background: rgb(255, 245, 233); color: rgb(169, 76, 0) !important;}
.all-category-nav.menu-ready .nav-category > .category-flyout{display: none;}
.all-category-nav.menu-ready .nav-category.menu-active > .category-flyout, .all-category-nav.menu-ready .nav-category:focus-within > .category-flyout{display: block;}
.nav-category > a{position: relative;}
.nav-category > a::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -8px; height: 8px;}
.header .account-popup{z-index: 190;}
.service-strip{border: 0px; gap: 18px; padding-block: 28px;}
.service-strip > a{display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: center; background: rgb(248, 250, 252); border: 1px solid rgb(225, 230, 237); border-radius: 12px; padding: 22px; transition: border-color 0.2s, background 0.2s;}
.service-strip > a:hover{background: rgb(255, 246, 233); border-color: rgb(239, 169, 94);}
.service-strip .service-number{display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 14px; background: rgb(24, 37, 54); color: rgb(255, 180, 91); font-size: 25px; font-weight: 800; letter-spacing: -1px;}
.service-strip b{font-size: 16px; color: rgb(24, 37, 54); margin-bottom: 5px;}
.service-strip small{display: block; font-size: 13px; line-height: 1.5; color: rgb(104, 117, 138);}
.service-strip em{display: block; margin-top: 8px; color: rgb(169, 76, 0); font-size: 12px; font-style: normal; font-weight: 700;}
@media (max-width: 800px) {.header input{font-size: 16px;}
.header .search{min-height: 48px; padding: 0px 8px;}
.header .search input{font-size: 16px; padding: 12px 4px;}
.header #suggestions{max-height: var(--search-space,45dvh);}
.all-category-nav{display: none;}
.mobile-catalog{display: block; margin: 0px; padding: 0px; border: 0px;}
.catalog-navigation > .wrap{padding-block: 9px;}
.mobile-catalog > .mega-categories{grid-template-columns: 1fr; gap: 0px; padding: 6px; max-height: 70dvh; overflow-y: auto; overscroll-behavior: contain;}
.mobile-catalog .mega-categories > details{margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(230, 235, 240); border-image: none;}
.mobile-catalog .mega-categories > details > summary{display: flex; align-items: center; gap: 9px; min-height: 51px; padding: 7px 9px; background: rgb(255, 255, 255); font-size: 13px; line-height: 1.3;}
.mobile-catalog .mega-categories > details > summary img{width: 38px; height: 38px; object-fit: contain; flex-shrink: 0; border-radius: 5px;}
.mobile-catalog .mega-categories > details > summary::after{content: "＋"; margin-inline-start: auto; color: rgb(112, 128, 151); font-size: 17px;}
.mobile-catalog .mega-categories > details[open] > summary::after{content: "−";}
.mobile-catalog .mega-categories > details[open] > summary{background: rgb(255, 243, 229);}
.mobile-category-children{display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 6px;}
.mobile-category-children .category-visual-link{margin: 0px; padding: 5px; min-height: 49px; border-radius: 6px; gap: 6px; font-size: 12px; line-height: 1.25;}
.mobile-category-children .category-visual-link img{width: 32px; height: 34px; flex-shrink: 0; object-fit: contain;}
.mobile-category-all{color: rgb(169, 76, 0); font-weight: 650; display: block !important; margin: 0px !important; padding: 9px 12px !important; font-size: 12px !important;}
.service-strip{grid-template-columns: 1fr; gap: 10px; padding-block: 20px;}
.service-strip > a{padding: 16px; grid-template-columns: 46px 1fr; gap: 12px;}
.service-strip .service-number{width: 46px; height: 46px; font-size: 22px;}
.service-strip b{font-size: 15px;}
.header .account-popup{max-height: 65dvh; overflow-y: auto;}


}
.alternate-price{display: block; color: rgb(114, 128, 150); font-size: 12px; margin-top: 5px;}











.upload-previews{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 15px;}
.upload-previews figure{margin: 0px; position: relative;}
.upload-previews img{width: 100px; height: 130px; object-fit: contain; background: rgb(255, 255, 255); border: 1px solid rgb(223, 229, 236); border-radius: 8px;}
.upload-previews figcaption{font-size: 12px; text-align: center;}
.upload-previews button{position: absolute; right: 2px; top: 2px; border: 0px; background: rgb(255, 255, 255); border-radius: 50%; cursor: pointer;}











.recording-result{background: rgb(255, 240, 223); border: 1px solid rgb(244, 196, 145); border-radius: 12px; padding: 25px; margin-top: 20px; font-size: 26px; font-weight: 750;}
.recording-result small{display: block; font-size: 14px; font-weight: 400; margin-top: 8px;}
#offer-results{display: grid; gap: 5px; max-height: 300px; overflow: auto;}
#offer-results button{text-align: left; padding: 12px; background: rgb(244, 247, 251); border: 1px solid rgb(220, 227, 239); border-radius: 6px;}
#offer-lines input[type="number"]{min-width: 90px; max-width: 150px;}



@media (max-width: 800px) {.header .wordmark{width: 200px !important; max-width: 58vw !important;}
.header .logo-crop{width: 200px !important; max-width: 58vw !important;}
.header .wordmark > span:last-child{font-size: 12px !important;}


.contact-rail a.whatsapp{width: 54px !important; height: 54px !important;}
.contact-rail a.whatsapp svg{width: 30px !important; height: 30px !important;}


.utility-links{flex-wrap: wrap; justify-content: flex-end;}


.upload-previews img{width: 80px; height: 110px;}
.recording-result{font-size: 22px;}

}
[hidden]{display: none !important;}



.alternate-price{font-size: 14px; font-weight: 600; color: rgb(83, 100, 123); line-height: 1.5;}
.welcome-promo{position: relative; overflow: hidden; border: 1px solid rgb(242, 197, 140); box-shadow: rgba(189, 121, 50, 0.09) 0px 12px 35px; background: radial-gradient(circle at 90% 8%, rgb(255, 249, 232), transparent 45%), linear-gradient(135deg, rgb(255, 229, 192), rgb(255, 240, 213)) !important;}
.welcome-promo::after{content: "%5"; position: absolute; right: -10px; bottom: 8px; font-size: 150px; font-weight: 900; opacity: 0.045; pointer-events: none;}
.welcome-promo strong{text-shadow: rgba(255, 255, 255, 0.533) 0px 3px 0px; letter-spacing: -2px;}
.welcome-promo .button{box-shadow: rgba(237, 123, 12, 0.19) 0px 7px 18px; position: relative; z-index: 1; background: rgb(237, 121, 10) !important;}
.promo-badge{display: inline-flex; border-radius: 20px; background: rgb(255, 255, 255); padding: 8px 13px; font-size: 12px; color: rgb(153, 82, 10); font-weight: 700; width: max-content; margin-bottom: 14px;}

#offer-results button{display: flex; align-items: center; gap: 12px;}























@media (max-width: 800px) {



.alternate-price{font-size: 14px;}}
@media print {

}
.brand-custom .logo-crop img{content: normal !important; mix-blend-mode: normal !important; object-fit: contain !important;}
.brand-text{display: block; font-size: 27px; line-height: 1.15; max-width: 230px; white-space: normal;}
.brand-custom .logo-caption{font-weight: 700; letter-spacing: 0px;}





































.pdf-page{position: relative; margin: 0px auto 16px; max-width: none; box-shadow: rgba(19, 40, 68, 0.145) 0px 2px 9px; background: rgb(255, 255, 255);}
.pdf-canvas{display: block; width: 100%; height: 100%;}
.pdf-links{position: absolute; inset: 0px; pointer-events: none;}
.pdf-links a{position: absolute; pointer-events: auto; border-radius: 2px;}
.pdf-links a:hover, .pdf-links a:focus{outline: rgb(227, 138, 35) solid 2px; background: rgba(255, 179, 46, 0.086);}



@media (max-width: 800px) {










.brand-text{font-size: 22px;}
}















#dealer-results{display: grid; gap: 5px; max-height: 300px; overflow: auto;}
#dealer-results button{background: rgb(255, 255, 255); color: rgb(27, 38, 54); text-align: left; padding: 12px; border: 1px solid rgb(220, 226, 235); border-radius: 7px; cursor: pointer;}







.brand-result-heading{display: flex; align-items: center; gap: 18px; flex-wrap: wrap;}




.cookie-consent{position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 10000; width: calc(100% - 36px); max-width: 1040px; box-sizing: border-box; padding: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(216, 224, 233); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 40px; display: flex; gap: 24px; align-items: center;}
.cookie-consent[hidden]{display: none;}
.cookie-consent h2{font-size: 20px; margin: 0px 0px 8px;}
.cookie-consent p{font-size: 14px; line-height: 1.6; margin: 0px;}
.cookie-consent form{display: flex; gap: 10px; flex-shrink: 0;}
.cookie-consent .button{white-space: nowrap;}
.cookie-preferences{text-align: left; cursor: pointer;}






@media (max-width: 760px) {.cookie-consent{flex-direction: column; align-items: stretch; gap: 14px; bottom: 8px; padding: 17px;}
.cookie-consent form{flex-wrap: wrap;}
.cookie-consent .button{flex: 1 1 0%; padding: 12px;}


.brand-result-heading{gap: 10px;}
}
.utility-bar .wrap{gap: 14px; flex-wrap: wrap;}
.utility-links{display: flex; align-items: center; flex-wrap: wrap; gap: 7px;}
.utility-links a{display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px; border: 1px solid rgb(226, 232, 240); border-radius: 9px; background: rgb(255, 255, 255); color: rgb(51, 65, 85); font-size: 12px; font-weight: 600; line-height: 1.3; transition: background 0.2s, color 0.2s, box-shadow 0.2s;}
.utility-links a:hover{background: rgb(255, 245, 233); color: rgb(191, 89, 0); border-color: rgb(247, 209, 164); box-shadow: rgba(24, 38, 59, 0.04) 0px 3px 12px;}
.v27-icon{width: 19px; height: 19px; flex-shrink: 0; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.header-actions{gap: 9px;}
.header-actions > a, .header-actions .account-dropdown > summary{display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 12px; border: 1px solid rgb(228, 233, 240); border-radius: 11px; background: rgb(248, 250, 252); font-size: 13px; font-weight: 600; color: rgb(36, 50, 71); cursor: pointer;}
.header-actions > a:hover, .header-actions .account-dropdown > summary:hover{background: rgb(255, 244, 229); border-color: rgb(240, 202, 155); color: rgb(169, 79, 0);}
.header-actions .v27-icon{width: 21px; height: 21px;}
.header-actions .account-dropdown > summary::marker{content: "";}
footer .cookie-preferences{display: block; background: none; border: 0px; padding: 0px; font-size: inherit; text-align: left; text-decoration: none; margin: 0px 0px 8px; cursor: pointer; color: rgb(255, 255, 255) !important;}
footer .cookie-preferences:hover{text-decoration: underline; color: white !important;}















.brand-tile{width: 184px; height: 98px; padding: 16px;}
.brand-tile img{display: block; width: 148px; height: 56px; object-fit: contain; max-width: 100%;}

.brand-tile .brand-sprite{flex-shrink: 0;}
.home-camera-focus{margin-top: 28px; margin-bottom: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.camera-focus-card{display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 180px; padding: 22px 28px; border: 1px solid rgb(220, 232, 230); border-radius: 18px; background: linear-gradient(120deg, rgb(238, 248, 242), rgb(249, 252, 250)); overflow: hidden;}
.camera-focus-card.wifi{background: linear-gradient(120deg, rgb(237, 244, 255), rgb(251, 252, 255)); border-color: rgb(221, 232, 249);}
.camera-focus-card img{width: 155px; height: 155px; object-fit: contain; mix-blend-mode: multiply;}
.camera-focus-card h2{font-size: 25px; letter-spacing: -0.5px; margin: 8px 0px;}
.camera-focus-card .eyebrow{font-size: 10px;}
.camera-focus-card strong{display: inline-flex; align-items: center; gap: 8px; font-size: 13px; background: white; border: 1px solid rgb(220, 227, 233); padding: 8px 12px; border-radius: 9px;}
.camera-focus-card:hover strong{color: rgb(213, 104, 0); border-color: rgb(238, 178, 112);}
@media (max-width: 1000px) {.utility-bar .wrap{justify-content: center;}
.utility-links{justify-content: center;}
.header-actions > a, .header-actions .account-dropdown > summary{padding: 9px 8px; font-size: 12px;}
.camera-focus-card{padding: 18px; min-height: 165px;}
.camera-focus-card img{width: 120px; height: 140px;}
.camera-focus-card h2{font-size: 21px;}}
@media (max-width: 640px) {.utility-bar .wrap{display: flex; flex-direction: column; gap: 9px; padding-top: 8px; padding-bottom: 9px;}
.utility-links{gap: 5px;}
.utility-links a{font-size: 10px; padding: 6px 7px; gap: 4px; border-radius: 8px;}
.utility-links .v27-icon{width: 14px; height: 14px;}
.header-actions{gap: 5px;}
.header-actions > a, .header-actions .account-dropdown > summary{min-width: 46px; min-height: 48px; padding: 6px 7px; flex-direction: column; gap: 3px; font-size: 10px; line-height: 1.15;}
.header-actions .v27-icon{width: 20px; height: 20px;}


.home-camera-focus{grid-template-columns: 1fr; gap: 12px; margin-top: 18px; margin-bottom: 20px;}
.camera-focus-card{min-height: 150px; padding: 16px 18px;}
.camera-focus-card img{width: 120px; height: 128px;}
.camera-focus-card h2{font-size: 23px;}
.brand-tile{width: 160px; height: 86px; padding: 13px;}
.brand-tile img{width: 134px; height: 51px;}}
.banner-slide:has(img[src*="/banners/niceguvenlik-"]){background: rgb(242, 245, 248);}
.banner-slide img[src*="/banners/niceguvenlik-"]{object-fit: contain !important; object-position: center center !important;}
@media (max-width: 640px) {.header{justify-items: center; grid-template-columns: 1fr !important; gap: 13px !important;}
.header .wordmark{grid-area: 1 / 1 !important; width: 220px !important; max-width: 80vw !important;}
.header .logo-crop{width: 100% !important; max-width: none !important;}
.header .logo-caption{width: 100% !important;}
.header .header-actions{width: 100%; justify-content: center; gap: 10px; grid-area: 2 / 1 !important;}
.header .search{width: 100%; grid-area: 3 / 1 !important;}
.header-actions > a, .header-actions .account-dropdown > summary{flex-direction: row; font-size: 12px; min-height: 42px; padding: 9px 12px; gap: 6px;}
.home-promotion .banner-carousel{grid-row: 1;}
.home-promotion .welcome-promo{grid-row: 2;}
.home-promotion .banner-slide img[src*="/banners/niceguvenlik-"]{aspect-ratio: 2.5 / 1; height: auto !important; object-fit: contain !important;}}
@media (max-width: 640px) {.home-promotion .banner-controls{width: 100%; border-radius: 0px; padding: 5px; gap: 8px; position: static !important; transform: none !important;}
.home-promotion .banner-controls button{height: 27px; width: 27px;}
.home-promotion .banner-carousel{justify-content: start;}}
.mobile-dock, .mobile-cart, .mobile-category-dialog{display: none;}
.cart-badge{display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0px 5px; border-radius: 20px; background: rgb(237, 125, 16); color: white; font-size: 11px; line-height: 1; font-weight: 750;}
.cart-badge[hidden]{display: none !important;}
.header-actions [data-cart-link]{position: relative;}
.focus-photos{display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0px; flex: 1 1 0%;}
.camera-focus-card{gap: 14px; padding: 20px;}
.camera-focus-card > div:first-child{flex: 1.25 1 0%; min-width: 0px;}
.camera-focus-card .focus-photos img{width: 30%; max-width: 115px; height: 135px; object-fit: contain; min-width: 0px;}
.camera-focus-card .focus-photos img:nth-child(2){transform: translateY(-9px);}
@media (max-width: 1100px) and (min-width: 761px) {.camera-focus-card{flex-direction: column; align-items: stretch;}
.focus-photos{min-height: 120px;}
.camera-focus-card .focus-photos img{width: 30%; height: 120px;}}
@media (max-width: 760px) {
.header .header-actions, .catalog-navigation, .utility-links a[href="/iletisim"]{display: none !important;}
.utility-bar .wrap{padding-top: 7px; padding-bottom: 8px; gap: 8px !important;}
.utility-links{grid-template-columns: repeat(4, minmax(0px, 1fr)); width: 100%; display: grid !important; gap: 5px !important;}
.utility-links a{min-height: 39px; line-height: 1.2; padding: 7px 3px !important; gap: 4px !important; font-size: 10px !important;}
.utility-links a .v27-icon{width: 15px; height: 15px; flex-shrink: 0;}
.preferences-form{justify-content: center;}
.header{display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; padding-top: 20px !important; padding-bottom: 19px !important;}
.header .wordmark{padding: 3px 8px; grid-area: 1 / 1 !important; width: 100% !important; max-width: none !important; min-width: 0px !important;}
.header .logo-crop{width: 100% !important; max-width: none !important;}
.header .logo-caption{font-size: clamp(10px, 3.2vw, 15px) !important; margin-top: 3px !important;}
.header .search{width: 100%; grid-area: 2 / 1 !important;}
.header .search input{font-size: 16px !important;}
.mobile-dock{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); position: fixed; bottom: 0px; inset-inline: 0px; z-index: 190; background: rgb(255, 255, 255); border-top: 1px solid rgb(224, 230, 237); box-shadow: rgba(30, 44, 65, 0.063) 0px -4px 22px; padding: 7px max(4px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)); gap: 3px;}
.mobile-dock > a, .mobile-dock > button{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; min-height: 48px; background: transparent; border: 0px; color: rgb(83, 96, 116); font-family: inherit; font-size: 10px; font-weight: 650; text-decoration: none; cursor: pointer; border-radius: 11px; line-height: 1.2; padding: 5px 0px;}
.mobile-dock .v27-icon{width: 23px; height: 23px;}
.mobile-dock .active, .mobile-dock button[aria-expanded="true"]{color: rgb(216, 102, 9); background: rgb(255, 243, 229);}
.mobile-dock > button{background: rgb(241, 244, 248); color: rgb(38, 54, 74);}
.mobile-cart{display: flex; align-items: center; gap: 7px; position: fixed; inset-inline-end: 14px; bottom: calc(83px + env(safe-area-inset-bottom)); z-index: 170; background: rgb(24, 38, 59); color: white; padding: 11px 15px; border-radius: 28px; box-shadow: rgba(24, 38, 59, 0.208) 0px 4px 20px; font-size: 12px; font-weight: 650;}
.mobile-cart .v27-icon{width: 21px; height: 21px;}
.mobile-cart .cart-badge{background: rgb(245, 138, 31);}
.contact-rail{bottom: calc(139px + env(safe-area-inset-bottom)) !important;}
.cookie-consent{z-index: 195; bottom: calc(83px + env(safe-area-inset-bottom)) !important;}
.cart-notice{z-index: 180; bottom: calc(85px + env(safe-area-inset-bottom)) !important;}
.mobile-category-dialog[open]{display: flex; flex-direction: column; position: fixed; inset: auto 0 calc(73px + env(safe-area-inset-bottom)); width: 100%; max-width: 100%; max-height: calc(100dvh - 100px - env(safe-area-inset-bottom)); margin: 0px; border: 0px; border-radius: 20px 20px 0px 0px; padding: 0px; background: rgb(255, 255, 255); color: rgb(24, 38, 59); box-shadow: rgba(23, 38, 59, 0.2) 0px -5px 35px; z-index: 210;}
.mobile-category-dialog::backdrop{background: rgba(13, 27, 43, 0.44);}
.mobile-dialog-heading{display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; border-bottom: 1px solid rgb(228, 233, 239); flex-shrink: 0;}
.mobile-dialog-heading h2{font-size: 20px; margin: 0px;}
.mobile-dialog-heading button{border: 0px; background: rgb(239, 243, 248); border-radius: 50%; width: 36px; height: 36px; font-size: 17px; cursor: pointer;}
.mobile-category-content{overflow: auto; overscroll-behavior: contain; padding: 6px 16px 15px;}
.mobile-category-content details{border-bottom: 1px solid rgb(228, 233, 239);}
.mobile-category-content summary{display: flex; align-items: center; gap: 11px; padding: 8px 0px; cursor: pointer; min-height: 57px;}
.mobile-category-content summary img{width: 44px; height: 44px; object-fit: contain;}
.mobile-category-content summary b{font-size: 14px; flex: 1 1 0%;}
.mobile-category-content .mobile-category-children{display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding-bottom: 10px;}
.mobile-category-children > a{display: flex; align-items: center; gap: 7px; padding: 8px 4px; border: 1px solid rgb(228, 233, 239); border-radius: 8px; font-size: 12px; line-height: 1.25;}
.mobile-category-children img{object-fit: contain; flex-shrink: 0;}
.mobile-categories-open{overflow: hidden;}
.camera-focus-card{flex-direction: column; align-items: stretch; padding: 20px;}
.camera-focus-card .focus-photos{width: 100%; gap: 12px; padding-top: 12px;}
.camera-focus-card .focus-photos img{width: 29%; height: 125px; max-width: 130px;}
.camera-focus-card h2{font-size: 24px;}}
@media (max-width: 760px) {.utility-links a{flex-direction: column; min-height: 48px; gap: 4px !important; padding: 6px 2px !important;}
.utility-links a span{display: block; white-space: normal; max-width: 100%; font-size: 10px; line-height: 1.2; text-align: center;}
.utility-links a .v27-icon{width: 17px; height: 17px;}
.mobile-category-content details{border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(228, 233, 239); border-image: none; border-radius: 0px; padding: 0px !important; margin: 0px !important;}
.mobile-category-content summary{margin: 0px !important; padding: 9px 0px !important;}}
@media (max-width: 760px) {.utility-links{align-items: stretch !important;}
.utility-links a{height: 100%; justify-content: center;}}
.header .wordmark{width: 290px; max-width: 100%;}
.header .logo-crop, .header .wordmark.brand-custom .logo-crop{aspect-ratio: 3.2 / 1; width: 100% !important; height: auto !important;}
.header .logo-crop img{object-fit: contain; width: 100% !important; height: 100% !important; content: normal !important;}
 .footer .wordmark{background: white; border-radius: 9px; padding: 10px 14px;}
.footer .logo-crop{aspect-ratio: 3.2 / 1; width: 230px !important; height: auto !important;}
.footer .logo-crop img{object-fit: contain !important; content: normal !important; width: 100% !important; height: 100% !important;}



.welcome-promo strong, .camera-focus-card a:hover{color: rgb(225, 25, 45);}
.mobile-dock .is-active, .mobile-dock [aria-current="page"]{color: rgb(215, 25, 32);}
@media (max-width: 760px) {.header .wordmark{width: 100% !important; max-width: none !important; padding: 0px 5px !important;}
.header .logo-crop{aspect-ratio: 3.2 / 1; height: auto !important;}
.header{padding-top: 14px !important; padding-bottom: 15px !important;}}
footer .wordmark{background: white; border-radius: 9px; padding: 10px 14px; display: block; max-width: 260px;}
footer .logo-crop{aspect-ratio: 3.2 / 1; width: 100% !important; height: auto !important;}
footer .logo-crop img{content: normal !important; filter: none !important; mix-blend-mode: normal !important; width: 100% !important; height: 100% !important; object-fit: contain !important;}
.nice-store{--nice-red: #c51d30; --nice-red-dark: #a3182a; --nice-red-soft: #fff1f3; --nice-footer: #7f1424;}
.nice-store .contact-announcement{background: var(--nice-footer); color: rgb(255, 255, 255);}
.nice-store .header{gap: 28px;}
.nice-store .header .wordmark.brand-original{width: 320px; flex: 0 0 320px; max-width: 100%; padding: 0px;}
.nice-store .header .wordmark.brand-original .logo-crop, footer .wordmark.brand-original .logo-crop{width: 100% !important; height: auto !important; aspect-ratio: auto !important; overflow: visible !important; background: transparent !important; margin: 0px !important;}
.nice-store .header .wordmark.brand-original .logo-crop img, footer .wordmark.brand-original .logo-crop img{display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; content: normal !important; filter: none !important; mix-blend-mode: normal !important; transform: none !important; margin: 0px !important;}
.nice-store footer .wordmark.brand-original{width: 290px; max-width: 100%; padding: 12px 14px; background: rgb(255, 255, 255); border-radius: 10px;}
.nice-store .catalog-navigation{background: var(--nice-red); color: rgb(255, 255, 255); border-block: 1px solid rgb(163, 24, 42);}
.nice-store .all-category-nav > .nav-category > a{color: rgb(255, 255, 255);}
.nice-store .all-category-nav > .nav-category > a:hover, .nice-store .all-category-nav > .nav-category:focus-within > a{background: rgba(255, 255, 255, 0.098); color: rgb(255, 255, 255);}
.nice-store .catalog-navigation .category-flyout{border-top: 3px solid var(--nice-red);}
.nice-store .category-flyout .category-visual-link:hover, .nice-store .category-flyout .flyout-all:hover{background: var(--nice-red-soft); color: var(--nice-red-dark);}
.nice-store .button.dark, .nice-store .mobile-cart{background: var(--nice-red); border-color: var(--nice-red); color: rgb(255, 255, 255);}
.nice-store .button.dark:hover, .nice-store .mobile-cart:hover{background: var(--nice-red-dark); border-color: var(--nice-red-dark);}
.nice-store .cart-badge{background: var(--nice-red); color: rgb(255, 255, 255);}
.nice-store .mobile-cart .cart-badge{background: rgb(255, 255, 255); color: var(--nice-red-dark);}
.nice-store .mobile-dock .active, .nice-store .mobile-dock button[data-mobile-categories]{color: var(--nice-red-dark);}
.nice-store .mobile-dock button[data-mobile-categories]{background: var(--nice-red-soft);}
.nice-store .mobile-dialog-heading{border-bottom: 2px solid var(--nice-red); color: var(--nice-red-dark);}
.nice-store .mobile-category-dialog summary:hover, .nice-store .mobile-category-dialog .mobile-category-children a:hover{background: var(--nice-red-soft);}
.nice-store footer{background: var(--nice-footer); color: rgb(255, 255, 255);}
.nice-store footer .expanded-footer a, .nice-store footer .expanded-footer b, .nice-store footer .cookie-preferences{color: rgb(255, 255, 255) !important;}
.nice-store footer .expanded-footer p, .nice-store footer .copyright{color: rgb(255, 227, 232);}
.nice-store footer .expanded-footer b{border-bottom-color: rgba(255, 255, 255, 0.25);}
.nice-store footer .expanded-footer a:not(.wordmark):hover{text-decoration: underline; text-underline-offset: 4px;}
.nice-store footer .copyright{background: rgb(104, 16, 30); border-top-color: rgba(255, 255, 255, 0.19);}
@media (max-width: 1000px) and (min-width: 761px) {.nice-store .header .wordmark.brand-original{width: 250px; flex-basis: 250px;}
.nice-store .header{gap: 18px;}}
@media (max-width: 760px) {.nice-store .header .wordmark.brand-original{flex-basis: auto; width: 100% !important; max-width: none !important; padding: 0px 5px !important;}
.nice-store .header .wordmark.brand-original .logo-crop{aspect-ratio: auto !important;}
.nice-store footer .wordmark.brand-original{width: 290px; max-width: 100%;}}
.nice-store .category-tile, .nice-store .category-tile > div{min-width: 0px;}
.nice-store .category-tile > div{overflow-wrap: anywhere;}
@media (min-width: 901px) and (max-width: 1100px) {.nice-store .category-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
@media (min-width: 761px) and (max-width: 900px) {.nice-store .category-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (min-width: 1101px) {.nice-store .header{grid-template-columns: 300px minmax(0px, 1fr) auto;}}
.store-theme{--nice-red: var(--brand-primary); --nice-red-dark: var(--brand-primary); --nice-footer: var(--brand-footer);}
.store-theme .catalog-navigation{background: var(--brand-navigation); color: var(--brand-on-navigation); border-color: var(--brand-navigation);}
.store-theme .all-category-nav > .nav-category > a{color: var(--brand-on-navigation);}
.store-theme .all-category-nav > .nav-category > a:hover, .store-theme .all-category-nav > .nav-category:focus-within > a{color: var(--brand-on-navigation); background: rgba(255, 255, 255, 0.125);}
.store-theme .category-flyout{border-top-color: var(--brand-navigation);}
.store-theme .button.dark, .store-theme .mobile-cart{background: var(--brand-primary); border-color: var(--brand-primary); color: var(--brand-on-primary);}
.store-theme .button.dark:hover, .store-theme .mobile-cart:hover{background: var(--brand-primary); border-color: var(--brand-primary); color: var(--brand-on-primary); filter: brightness(0.92);}
.store-theme .cart-badge{background: var(--brand-primary); color: var(--brand-on-primary);}
.store-theme .mobile-cart .cart-badge{background: var(--brand-on-primary); color: var(--brand-primary);}
.store-theme footer, .store-theme .contact-announcement{background: var(--brand-footer); color: var(--brand-on-footer);}
.store-theme footer .expanded-footer a, .store-theme footer .expanded-footer b, .store-theme footer .cookie-preferences, .store-theme footer .expanded-footer p, .store-theme footer .copyright{color: var(--brand-on-footer) !important;}
.store-theme footer .copyright{background: transparent; border-top: 1px solid;}
.store-theme .mobile-dock .active, .store-theme .mobile-dock button[data-mobile-categories]{color: var(--brand-ink);}
.store-theme .mobile-dock button[data-mobile-categories]{background: rgb(241, 243, 246);}
.store-theme .category-tile, .store-theme .category-tile > div{min-width: 0px; overflow-wrap: anywhere;}






@media (min-width: 901px) and (max-width: 1100px) {.store-theme .category-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
@media (min-width: 761px) and (max-width: 900px) {.store-theme .category-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
.store-theme .welcome-promo strong, .store-theme .camera-focus-card a:hover, .store-theme .mobile-dialog-heading{color: var(--brand-ink);}
.store-theme .category-flyout .category-visual-link:hover, .store-theme .category-flyout .flyout-all:hover{background: rgb(241, 243, 246); color: rgb(23, 36, 56);}
.wordmark .logo-crop img{content: normal !important; filter: none !important; mix-blend-mode: normal !important;}
.banner-slide:has(img:is([src*="/banners/niceguvenlik-"], [src*="/banners/kasliva-"])){background: rgb(242, 245, 248);}
.banner-slide img:is([src*="/banners/niceguvenlik-"], [src*="/banners/kasliva-"]){object-fit: contain !important; object-position: center center !important;}
.home-promotion .banner-slide img:is([src*="/banners/niceguvenlik-"], [src*="/banners/kasliva-"]){aspect-ratio: 2.5 / 1; height: auto !important; object-fit: contain !important;}
.store-theme .announcement-contacts a{color: var(--brand-on-footer);}





























































@media (max-width: 900px) {
































}
@media (max-width: 760px) {












































}













































@media (max-width: 760px) {











.store-theme .utility-links{grid-template-columns: repeat(3, minmax(0px, 1fr));}}











@media (max-width: 800px) {






}

@media (max-width: 800px) {


































}







@media (max-width: 800px) {



}
@media (max-width: 800px) {
}


@media (max-width: 800px) {








}
.mobile-banner-title{display: none;}
.category-tile small, .product-caption > small, .service-strip small{color: rgb(78, 96, 118);}
.alternate-price{color: rgb(72, 91, 113) !important;}
.card-stock{color: rgb(82, 98, 115) !important;}
.category-tile img, .focus-photos img{object-fit: contain;}
.category-visual-link img[data-src], .mobile-category-dialog img[data-src]{visibility: hidden;}
@media (max-width: 760px) {.home-promotion .banner-carousel{width: 100%; border: 1px solid rgb(221, 229, 237); box-shadow: rgba(32, 57, 84, 0.07) 0px 4px 18px;}
.home-promotion .mobile-banner-title{display: block; padding: 13px 16px; background: rgb(255, 255, 255); color: rgb(24, 36, 56); font-size: 18px; line-height: 1.35; font-weight: 750;}
.home-promotion .banner-slide img{width: 100%; aspect-ratio: 2.5 / 1; height: auto !important; object-fit: contain !important;}
.home-promotion .banner-controls{padding: 8px !important;}
.home-promotion .banner-controls button{width: 38px !important; height: 38px !important;}
.home-promotion{margin-top: 12px !important;}
.category-tile small, .product-caption small, .service-strip small{color: rgb(78, 96, 118);}}
.store-theme .welcome-promo .button{background: var(--brand-primary) !important; color: var(--brand-on-primary) !important;}



.home-promotion .banner-slide img{background: rgb(242, 245, 248); object-fit: contain !important;}
@media (max-width: 760px) {.home-promotion .banner-slides{flex: 0 0 auto; aspect-ratio: auto !important;}
.home-promotion .banner-slide{height: auto; position: static !important;}
.home-promotion .banner-controls{width: 100%; max-width: none; border-radius: 0px; background: rgb(255, 255, 255); border-top: 1px solid rgb(228, 234, 241); position: static !important; transform: none !important;}
.home-promotion .mobile-banner-title{opacity: 1; color: rgb(24, 36, 56) !important;}}