*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }  html { line-height: 1.15; -webkit-text-size-adjust: 100%; scrollbar-gutter: stable; }  body { margin: 0; font-family: system-ui, sans-serif; }   main { display: block; }  h2, h3, h4, h5, h6, p, blockquote, figure { margin: 0; }  h1 { font-size: 2.5rem; margin-bottom: 20px; color: #333; }  a { text-decoration: none; }  img { max-width: 100%; height: auto; display: inline-block; }  .visually-hidden-heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }  table { border-collapse: collapse; width: 100%; }  button, input, select, textarea { font: inherit; margin: 0; }  hr { border: none; border-top: 1px solid gray; }   h1:focus { outline: none; }   .btn-primary { color: #fff; background-color: #00457E; border-color: #00457E; }  .navbar .btn:focus { box-shadow: none; }  .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }   .btn-warning { background-color: #ffc107; border-color: #ffc107; color: #212529; }  .btn-warning:hover { background-color: #e0a800; border-color: #d39e00; color: #fff; }      .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }  .invalid { outline: 1px solid red; }  .validation-message { color: red; }  .blazor-error-ui { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }  .blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }  .blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; }  .blazor-error-boundary::after { content: "An error has occurred." }  .loading-progress { position: relative; display: block; width: 8rem; height: 8rem; margin: 20vh auto 1rem auto; }  .loading-progress circle { fill: none; stroke: #e0e0e0; stroke-width: 0.6rem; transform-origin: 50% 50%; transform: rotate(-90deg); }  .loading-progress circle:last-child { stroke: #1b6ec2; stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%; transition: stroke-dasharray 0.05s ease-in-out; }  .loading-progress-text { position: absolute; text-align: center; font-weight: bold; inset: calc(20vh + 3.25rem) 0 auto 0.2rem; }  .loading-progress-text:after { content: var(--blazor-load-percentage-text, "Loading"); }  code { color: #c02d76; }  .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; }    .dialog_text { margin-top: 10px; padding: 5px 10px; border-radius: 5px; font-size: 0.75rem !important; }   .dialog { background: #FCF3CF; padding: 15px; border-radius: 10px; text-align: center; box-shadow: 6px 6px 10px rgba(0, 0, 0, 1); font-family: Arial, sans-serif; max-width: 400px; width: 90%; z-index: 10000; }   .dialog button { display: inline-block; padding: 5px 20px; font-size: 16px; border: none; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; }   .dialog button:first-of-type { background: linear-gradient(to right, #007bff, #0056b3); color: white;  }  .dialog button:first-of-type:hover { background: linear-gradient(to right, #0056b3, #004080); box-shadow: 0px 6px 8px rgba(0, 123, 255, 0.6); transform: translateY(-2px); }   .dialog button:last-of-type { background: linear-gradient(to right, #dc3545, #a71d2a); color: white;  }  .dialog button:last-of-type:hover { background: linear-gradient(to right, #a71d2a, #7b0d1a); box-shadow: 0px 6px 8px rgba(220, 53, 69, 0.6); transform: translateY(-2px); }   .dialog button[type="submit"] { background: linear-gradient(to right, #28a745, #218838); color: white; box-shadow: 0px 4px 6px rgba(40, 167, 69, 0.4); }  .dialog button[type="submit"]:hover { background: linear-gradient(to right, #218838, #196f31); box-shadow: 0px 6px 8px rgba(40, 167, 69, 0.6); transform: translateY(-2px); }    .dialog a { color: blue; text-decoration: underline; }   .dialog input, .dialog select { width: 90%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; box-sizing: border-box; }      .fill-container { width: 100%; height: 100%; object-fit: cover; object-position: center; }  .image-container { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 100%; width: 100%; background-color: #f8f8f8; }   .spinner-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1; }   .spinner { width: 50px; height: 50px; border: 5px solid #007bff; border-top: 5px solid transparent; border-radius: 50%; animation: spin 1s linear infinite; }   .spinner-text { position: absolute; font-size: 14px; font-weight: bold; color: #007bff; animation: spin-text 1.5s linear infinite reverse; }   .product-image { max-width: 100%; max-height: 100%; object-fit: contain; display: none; }   @keyframes spin { from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }   @keyframes spin-text { from { transform: rotate(0deg); }  to { transform: rotate(-360deg); } }    .menu_tab_container img { max-height: 300px; }     .custom-page-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; max-width: 1100px; margin: 0 auto; } section .custom-page-grid { padding: 0 10px; }   .custom-page-card { background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; display: flex; flex-direction: column; align-items: center; }   .custom-page-card:hover { transform: translateY(-4px); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }   .custom-page-card img { max-width: 100%; height: auto; border-radius: 6px; margin-top: 10px; }   .custom-page-card h3 { font-size: 1.1rem; min-height: 48px; }         .carousel-container { position: relative; width: calc(100vw - 100px); height: 500px; overflow: hidden; margin: 0 auto; left: 0; } .carousel-container.narrow_page { max-width: 1200px; } .carousel-container.empty { display: none; }  .carousel { display: flex; overflow-x: visible; overflow-y: hidden; scroll-behavior: smooth; padding: 0; margin: 0; }  .carousel > div { height: 100%; display: flex; align-items: center; }  .chevron-left, .chevron-right { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0, 69, 126, 0.5); display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; z-index: 1; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); }  .chevron-left { left: 10px; }  .chevron-right { right: 10px; }  .chevron-left:hover, .chevron-right:hover { background-color: rgba(0, 0, 0, 0.7); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); }   .slider-item { display: inline-block; width: 285px; height:460px; margin: 0 5px; padding: 10px; border: 1px solid #6c757d; border-radius: 5px; transition: all 0.3s ease-in-out; cursor: pointer; }  .slider-item:hover { transform: translateY(-4px); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); }  .slider-image-container { height: 250px; display: flex; align-items: center; justify-content: center; }  .slider-image { max-width: 100%; max-height: 100%; object-fit: contain; display: block; margin: 0 auto; }  .slider-title { width: 275px; height: 100px; margin: 0 auto 0; font-size: 1.2rem; font-weight: 400; color: #333; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }  .slider-price { margin-top: 10px; font-size: 1.5rem; font-weight: 700; color: #007bff; }     .blazor-slider { position: relative; width: 100%; overflow: hidden; }  .blazor-slider-inner { position: relative; }  .blazor-slide { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; transition: opacity 0.5s ease-in-out; }  .blazor-slide-active { opacity: 1; position: relative; z-index: 1; }  .blazor-slide-img { width: 100%; display: block; }  .blazor-slider-indicators { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; z-index: 10; }  .blazor-indicator { width: 1em; height: 1em; border-radius: 50%; background-color: #6c757d; border: none; margin: 0 10px; cursor: pointer; transition: background-color 0.3s ease; }  .blazor-indicator-active { background-color: #007bff; }          .font-times-new-roman { font-family: 'Times New Roman', serif; } .font-georgia { font-family: Georgia, serif; } .font-garamond { font-family: Garamond, serif; } .font-palatino-linotype { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; }   .font-franklin-gothic { font-family: 'Franklin Gothic Heavy', Arial, sans-serif; } .font-arial { font-family: Arial, sans-serif; } .font-helvetica { font-family: Helvetica, sans-serif; } .font-arial-black { font-family: 'Arial Black', Gadget, sans-serif; } .font-verdana { font-family: Verdana, sans-serif; } .font-tahoma { font-family: Tahoma, sans-serif; } .font-trebuchet-ms { font-family: 'Trebuchet MS', Helvetica, sans-serif; } .font-impact { font-family: Impact, Charcoal, sans-serif; } .font-capitana { font-family: capitana, sans-serif; } .font-capitan-bold { font-family: capitana, sans-serif; font-weight: 600; font-style: normal; }    .font-courier-new { font-family: 'Courier New', Courier, monospace; } .font-lucida-console { font-family: 'Lucida Console', Monaco, monospace; } .font-monaco { font-family: Monaco, monospace; } .font-consolas { font-family: Consolas, 'Lucida Console', monospace; }   .font-comic-sans-ms { font-family: 'Comic Sans MS', cursive, sans-serif; }   .font-papyrus { font-family: Papyrus, fantasy; } .font-copperplate { font-family: Copperplate, 'Copperplate Gothic Light', fantasy; }   .font-segoe-ui { font-family: 'Segoe UI', Tahoma, Geneva, sans-serif; } .font-san-francisco { font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', Helvetica, Arial, sans-serif; } .font-roboto { font-family: Roboto, 'Helvetica Neue', Arial, sans-serif; } .font-ubuntu { font-family: Ubuntu, sans-serif; }    .borbottomblack1px { border-bottom: 1px solid black; }    .brands-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 20px; }  .brand-item { flex: 1 1 200px; text-align: center; padding: 10px; }  .brand-logo { max-width: 150px; max-height: 150px; object-fit: contain; transition: transform 0.3s ease; }  .brand-logo:hover { transform: scale(1.05); }  .brand-link { text-decoration: none; color: inherit; }   .label-left { text-align: left; display: block; }  .no-underline { text-decoration: none; }     .search_popup_shadow { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 998; }  .search_popup { position: absolute; width: 400px; height: 300px; margin-left: auto; margin-right: auto; left: 0; right: 0; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; padding: 40px 20px; text-align: center; z-index: 999; }   .loader { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #3498db; border-bottom: 10px solid #3498db; width: 75px; height: 75px; -webkit-animation: spin 2s linear infinite; animation: spin 1.5s linear infinite; background: rgba(0,0,0,0.2); }  .loader > div { position: absolute; top: 18px; left: 20px; color: #468cba; }   @keyframes spin { 0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); } }  @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); } }     .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { border-color: white; }    .carousel-control-prev-icon, .carousel-control-next-icon { background-color: rgba(0,0,0,0.5); width: 3rem; height: 14rem; filter: invert(1) drop-shadow(0 0 4px #000); } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; width: 4rem; display: flex; align-items: center; justify-content: center; z-index: 2; }  .carousel-control-prev { left: 0; }  .carousel-control-next { right: 0; }       #thumbnail-container { margin-bottom: 20px; }  #thumbnail-container img { width: 100px; height: auto; margin-right: 5px; }  @media (max-width: 768px) { #thumbnail-container { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; }  #thumbnail-container img { margin-bottom: 10px; } }        .card { border: 1px solid #ddd; border-radius: 10px; } .card-title { font-weight: 400; }  .card-text { font-size: 0.9rem; }  .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }  .invalid { outline: 1px solid #e50000; }  .validation-message { color: #e50000; }  .blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; }  .blazor-error-boundary::after { content: "An error has occurred." }  .darker-border-checkbox.form-check-input { border-color: #929292; }     .fs05 { font-size: 0.5em; } .fs06 { font-size: 0.6em; } .fs07 { font-size: 0.7em; } .fs08 { font-size: 0.8em; } .fs09 { font-size: 0.9em; } .fs10 { font-size: 1.0em; } .fs11 { font-size: 1.1em; } .fs12 { font-size: 1.2em; } .fs13 { font-size: 1.3em; } .fs14 { font-size: 1.4em; } .fs15 { font-size: 1.5em; } .fs16 { font-size: 1.6em; } .fs17 { font-size: 1.7em; } .fs18 { font-size: 1.8em; } .fs19 { font-size: 1.9em; } .fs20 { font-size: 2em; } .fs30 { font-size: 3em; } .fs40 { font-size: 4em; }     .link-white { color: white; }    button:disabled { cursor: not-allowed !important; pointer-events:none !important; }   .btnBlueBrand { background-color: #00457E; color: white; } .btnBlueBrand:hover { background-color: #00457E; color: darkgray; }       .breadcrumb { display: flex; list-style: none; padding: 5px 0 0 10px; margin: 0; }  .breadcrumb-item a { text-decoration: none; color: #007bff; }  .breadcrumb-item a:hover { text-decoration: underline; }      .txRedBrand { color: #c31e2c; } .txBlueBrand { color: #00457E; } .txBlack { color: black; } .txInstagram { color: #E4405F; } .txWarning { color: #ffc107; }    .icon-outline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }      .bgRedBrand { background: #c31e2c; }  .bgBlueBrand { background: #00457E; }  .bgFadedRed { background-color: #f8d7da; color: darkgray; }  .BgPostit { background: #edece1; }  .bgPostitLight { background: #FCF3CF; }  .bgBlue357 { background: #357; }  .bgBlack { background: #000; } .bgWhite { background: #fff; } .bgWhite096 { background: rgba(255, 255, 255, 0.96); }  .bg_111 { background: #111; } .bg_222 { background: #222; } .bg_333 { background: #333; } .bg_444 { background: #444; } .bg_555 { background: #555; } .bg_666 { background: #666; } .bg_777{ background: #777; } .bg_888{ background: #888; } .bg_999{ background: #999; } .bg_aaa { background: #aaa; } .bg_bbb { background: #bbb; } .bg_ccc { background: #ccc; } .bg_ddd { background: #ddd; } .bg_eee { background: #eee; }     .progress { background-color: #eee; border-radius: 5px; }  .progress-bar { height: 100%; border-radius: 5px; }  .rating-sprite { width: 100px; height: 20px; background-image: url('/Images/ratingspritefine.png'); background-repeat: no-repeat; background-size: 100px auto; }    .rating-5-0 { background-position: 0 0px; }  .rating-4-8 { background-position: 0 -20px; }  .rating-4-5 { background-position: 0 -40px; }  .rating-4-3 { background-position: 0 -60px; }  .rating-4-0 { background-position: 0 -80px; }  .rating-3-8 { background-position: 0 -100px; }  .rating-3-5 { background-position: 0 -120px; }  .rating-3-3 { background-position: 0 -140px; }  .rating-3-0 { background-position: 0 -160px; }  .rating-2-8 { background-position: 0 -180px; }  .rating-2-5 { background-position: 0 -200px; }  .rating-2-3 { background-position: 0 -220px; }  .rating-2-0 { background-position: 0 -240px; }  .rating-1-8 { background-position: 0 -260px; }  .rating-1-5 { background-position: 0 -280px; }  .rating-1-3 { background-position: 0 -300px; }  .rating-1-0 { background-position: 0 -320px; }  .rating-0-8 { background-position: 0 -340px; }  .rating-0-5 { background-position: 0 -360px; }  .rating-0-3 { background-position: 0 -380px; }  .rating-0-0 { background-position: 0 -400px; }   #rating-popup { transition: opacity 0.3s ease; }       .w50px { width: 50px; }  .w55px { width: 55px; }  .w60px { width: 60px; }  .w65px { width: 65px; }  .w70px { width: 70px; }  .w75px { width: 75px; }  .w80px { width: 80px; }  .w85px { width: 85px; }  .w90px { width: 90px; }  .w95px { width: 95px; }  .w100px { width: 100px; }  .w105px { width: 105px; }  .w110px { width: 110px; }  .w115px { width: 115px; }  .w120px { width: 120px; }  .w125px { width: 125px; }  .w130px { width: 130px; }  .w135px { width: 135px; }  .w140px { width: 140px; }  .w145px { width: 145px; }  .w150px { width: 150px; }  .w155px { width: 155px; }  .w160px { width: 160px; }  .w165px { width: 165px; }  .w170px { width: 170px; }  .w175px { width: 175px; }  .w180px { width: 180px; }  .w185px { width: 185px; }  .w190px { width: 190px; }  .w195px { width: 195px; }  .w200px { width: 200px; }  .w205px { width: 205px; }  .w210px { width: 210px; }  .w215px { width: 215px; }  .w220px { width: 220px; }  .w225px { width: 225px; }  .w230px { width: 230px; }  .w235px { width: 235px; }  .w240px { width: 240px; }  .w245px { width: 245px; }  .w250px { width: 250px; }  .w255px { width: 255px; }  .w260px { width: 260px; }  .w265px { width: 265px; }  .w270px { width: 270px; }  .w275px { width: 275px; }  .w280px { width: 280px; }  .w285px { width: 285px; }  .w290px { width: 290px; }  .w295px { width: 295px; }  .w300px { width: 300px; }  .w305px { width: 305px; }  .w310px { width: 310px; }  .w315px { width: 315px; }  .w320px { width: 320px; }  .w325px { width: 325px; }  .w330px { width: 330px; }  .w335px { width: 335px; }  .w340px { width: 340px; }  .w345px { width: 345px; }  .w350px { width: 350px; }     [class^="block1"], [class^="block2"], [class^="block3"], [class^="block4"], [class^="block5"], [class^="block6"], [class^="block7"], [class^="block8"], [class^="block9"], [class*=" block1"], [class*=" block2"], [class*=" block3"], [class*=" block4"], [class*=" block5"], [class*=" block6"], [class*=" block7"], [class*=" block8"], [class*=" block9"] { display: inline-block; }  .block50 { width: 50px; } .block55 { width: 55px; } .block60 { width: 60px; } .block65 { width: 65px; } .block70 { width: 70px; } .block75 { width: 75px; } .block80 { width: 80px; } .block85 { width: 85px; } .block90 { width: 90px; } .block95 { width: 95px; } .block100 { width: 100px; } .block105 { width: 105px; } .block110 { width: 110px; } .block115 { width: 115px; } .block120 { width: 120px; } .block125 { width: 125px; } .block130 { width: 130px; } .block135 { width: 135px; } .block140 { width: 140px; } .block145 { width: 145px; } .block150 { width: 150px; } .block155 { width: 155px; } .block160 { width: 160px; } .block165 { width: 165px; } .block170 { width: 170px; } .block175 { width: 175px; } .block180 { width: 180px; } .block185 { width: 185px; } .block190 { width: 190px; } .block195 { width: 195px; } .block200 { width: 200px; } .block205 { width: 205px; } .block210 { width: 210px; } .block215 { width: 215px; } .block220 { width: 220px; } .block225 { width: 225px; } .block230 { width: 230px; } .block235 { width: 235px; } .block240 { width: 240px; } .block245 { width: 245px; } .block250 { width: 250px; } .block255 { width: 255px; } .block260 { width: 260px; } .block265 { width: 265px; } .block270 { width: 270px; } .block275 { width: 275px; } .block280 { width: 280px; } .block285 { width: 285px; } .block290 { width: 290px; } .block295 { width: 295px; } .block300 { width: 300px; } .block305 { width: 305px; } .block310 { width: 310px; } .block315 { width: 315px; } .block320 { width: 320px; } .block325 { width: 325px; } .block330 { width: 330px; } .block335 { width: 335px; } .block340 { width: 340px; } .block345 { width: 345px; } .block350 { width: 350px; } .block355 { width: 355px; } .block360 { width: 360px; } .block365 { width: 365px; } .block370 { width: 370px; } .block375 { width: 375px; } .block380 { width: 380px; } .block385 { width: 385px; } .block390 { width: 390px; } .block395 { width: 395px; } .block400 { width: 400px; } .block1200 { width: 1200px; }    .ps5 { padding: 5px; } .ps10 { padding: 10px; } .ps12 { padding: 12px; } .ps50 { padding: 50px; } .ps5_10 { padding: 5px 10px; }  .pts10 { padding-top: 10px; } .pts30 { padding-top: 30px; } .pts45 { padding-top: 45px; } .pts50 { padding-top: 50px; }  .prs3 { padding-right: 3px; } .prs10 { padding-right: 10px; } .prs15 { padding-right: 15px; }  .pls10 { padding-left: 10px; } .pls3 { padding-left: 3px; }  .pbs10 { padding-bottom: 10px; } .pbs100 { padding-bottom: 100px; }     .mts10 { margin-top: 10px; } .mrs15 { margin-right: 15px; } .ms5 { margin: 5px; } .ms10 { margin: 10px; } .mts40 { margin-top: 40px; } .mrs10 { margin-right:10px; } .ms50 { margin: 50px; } .mls10 { margin-left: 10px; } .ms150_50 { margin: 150px 50px; } .ms100_50 { margin: 100px 50px; }     .width25 { width: 25px; }  .width50 { width: 50px; }  .width75 { width: 75px; }  .width100 { width: 100px; }  .width125 { width: 125px; }  .minwidth_100 { min-width: 100px; }  .minwidth_175 { min-width: 175px; }  .minwidth_200 { min-width: 200px; }  .minwidth_300 { min-width: 300px; }  .maxwidth_350 { max-width: 350px; }  .maxwidth_800 { max-width: 800px; }     .popup_shade { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }  .popup_products { position: relative; padding:10px; background:white; }  .product_filter { border:1px solid #ccc; margin:10px; background:#e1dfdf; }      .lh-20 { line-height:20px; }   .zindex1000{ z-index:1000; } .zindex101{ z-index:101; }    .bor1gray { border: 1px solid gray; }  .bor1ddd { border: 1px solid #eee; }    .bs5555 { box-shadow: rgba(0,0,0,0.5) 5px 5px 5px; }   .bs5337 { box-shadow: rgba(0,0,0,0.5) 3px 3px 7px; }     .absBlock30pr { position: absolute; width: 30%; }  .relBlock30pr { position: relative; width: 30%; }  .absFull { position: absolute; width: 100%; margin-top: 0px; left: 0; }    .text-border { border: 2px solid red; background: red; padding: 10px 20px; display: inline-block; } .text-color { color: white; }   .opacity98 { opacity: 0.98; }     .menu_tab_containers { background: #eee; color: black; font-family: capitana, sans-serif; z-index: 101; box-shadow: rgba(0,0,0,0.5) 5px 5px 5px; }  .menu_tab_container a { color: black !important; }  .menu_tab_container a:hover { text-decoration: underline; color: dodgerblue !important; }       .hovercolorblue { color: black; }  .hovercolorblue:hover { color: dodgerblue !important; }  .hovercolorblue.darkbg { color: white; }  .hovercolorred:hover { color: #dc3545; }  .hoverunderline:hover { text-decoration: underline; }   .hover-fade:hover { opacity:0.9; color:steelblue; }  .btn.bgRedBrand:hover { background: #a51420; }  btn.bgFadedRed:hover { background-color: lightgray; color: darkgray; }  .hoverimg { width: 150px; margin: 10px; box-shadow: rgba(0,0,0,0.5) 2px 2px 3px; border-radius: 3px; }  .hover-border, .hover-border-red, .hover-border-gray { transition: border-color 0.3s ease; border: 2px solid transparent; }  .hover-border:hover { border-color: #0d6efd; }  .hover-border-red:hover { border-color: #c31e2c; opacity:0.9; } .hover-border-gray:hover { border-color: #aaa; opacity:0.9; }         body.product-hq-viewer-open { overflow: hidden; }  .product-hq-viewer { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 2rem; background: rgba(0, 0, 0, 0.80); cursor: zoom-out; }  .product-hq-viewer__image-container { width: 100%; height: 90%; display: flex; align-items: center; justify-content: center; overflow: auto; }  .product-hq-viewer__image { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; cursor: default; user-select: none; -webkit-user-drag: none; border: 1px solid gray; border-radius: 5px; }  .product-hq-viewer__close { position: fixed; top: 1rem; right: 1.25rem; z-index: 10001; padding: 0; background: rgba(0, 0, 0, 0.65); color: #fff; font-size: 2rem; line-height: 1; cursor: pointer; }  .product-hq-viewer__close:hover { background: rgba(255, 255, 255, 0.18); }  .product-hq-viewer__close:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }  body.product-hq-viewer-open { overflow: hidden; }  .product-hq-viewer__magnifier { position: fixed; z-index: 10002; width: 250px; height: 250px; overflow: hidden; border: 4px solid transparent; border-radius: 50%; background-image: var(--magnifier-image), conic-gradient( from 215deg, #343434 0deg, #d8d8d8 55deg, #ffffff 95deg, #8a8a8a 155deg, #292929 230deg, #bdbdbd 305deg, #343434 360deg ); background-size: var(--magnifier-background-size), 100% 100%; background-position: var(--magnifier-background-position), center; background-repeat: no-repeat, no-repeat; background-origin: padding-box, border-box; background-clip: padding-box, border-box; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, -50%) scale(0.85); transition: opacity 0.12s ease, transform 0.12s ease, visibility 0s linear 0.12s; box-shadow: inset 0 0 0 2px rgba(15, 15, 15, 0.55), inset 8px 10px 18px rgba(255, 255, 255, 0.22), inset -10px -12px 18px rgba(0, 0, 0, 0.2), 0 0 0 2px rgba(20, 20, 20, 0.8), 8px 12px 22px rgba(0, 0, 0, 0.5); }    .product-hq-viewer__magnifier::after { content: ""; position: absolute; top: 5%; left: 10%; z-index: 2; width: 72%; height: 38%; border-radius: 50%; background: linear-gradient( 155deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.22) 42%, rgba(255, 255, 255, 0.04) 72%, transparent 100% ); transform: rotate(-17deg); filter: blur(2px); opacity: 0.8; pointer-events: none; }  .product-hq-viewer__magnifier.visible { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); transition-delay: 0s; }  .product-hq-viewer__image { cursor: crosshair; }              .chat-popup { display: none; position: fixed; bottom: 20px; right: 20px; width: 300px; background: #fff; border: 1px solid #ddd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 10px; z-index: 1000; font-family: Arial, sans-serif; }   .chat-header { background: #007bff; color: white; padding: 10px; border-radius: 10px 10px 0 0; display: flex; justify-content: space-between; align-items: center; }  .chat-header span { font-size: 1rem; font-weight: bold; }  .close-btn { background: transparent; border: none; color: white; font-size: 1.2rem; cursor: pointer; }   .chat-body { padding: 10px; max-height: 200px; overflow-y: auto; }   .chat-input-container { display: flex; margin-top: 10px; }  #chat-input { flex: 1; padding: 8px; border: 1px solid #ddd; border-radius: 5px; }  .send-btn { background: #007bff; color: white; border: none; padding: 8px 10px; margin-left: 5px; border-radius: 5px; cursor: pointer; }  .send-btn:hover { background: #0056b3; }    .truncate-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }        .ass-content { background: rgba(255, 255, 255, 0.9); padding: 30px; max-width: 600px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); position: relative; text-align: center; }  .ass-headline { font-size: 1.2rem; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }  .ass-title { font-size: 2rem; font-weight: bold; margin-bottom: 15px; }  .ass-description { font-size: 1rem; color: #555; margin-bottom: 15px; line-height: 1.5; }  .ass-contact-title { font-size: 1.2rem; font-weight: bold; color: #000; margin-top: 20px; }  .ass-contact-info { font-size: 1rem; color: #333; margin-bottom: 5px; }   .ass-border-with-image { margin-top: 20px; display: flex; justify-content: center; align-items: center; width: 150px; height: auto; margin-left: auto; margin-right: auto; }  .ass-border-image { width: auto; height: 100%; object-fit: contain; border-radius: 8px; }        .pointer { cursor: pointer; } .not-allowed { cursor: not-allowed; } .text { cursor: text; } .wait { cursor: wait; } .crosshair { cursor: crosshair; } .move { cursor: move; } .grab { cursor: grab; } .grabbing { cursor: grabbing; } .help { cursor: help; } .cursor-progress { cursor: progress; } .resize-ew { cursor: ew-resize; } .resize-ns { cursor: ns-resize; } .resize-nesw { cursor: nesw-resize; } .resize-nwse { cursor: nwse-resize; } .resize-all { cursor: all-scroll; } .cell { cursor: cell; } .copy { cursor: copy; } .alias { cursor: alias; } .zoom-in { cursor: zoom-in; } .zoom-out { cursor: zoom-out; } .context-menu { cursor: context-menu; }    .rating i { color:darkgoldenrod; }   .floatr { float: right; }    .pre-scrollable { max-height: 400px; }     .week-calendar { display: grid; grid-template-columns: 80px repeat(7, 1fr); grid-auto-rows: 40px; gap: 1px; background:#eee; max-width: 100%; margin: auto; font-family: Arial, sans-serif; padding-bottom:200px; }  .time-col-header { background-color: #f0f0f0; }  .day-header { background-color: #00457E; color:white; text-align: center; font-weight: bold; padding: 5px 0; }  .time-col { background-color: #f0f0f0; text-align: right; padding-right: 5px; font-size: 12px; }  .slot-box { border: 1px solid #ccc; cursor: pointer; }  .slot-available { background-color: white; }  .slot-booked { background-color: #c31e2c; cursor: not-allowed; }  .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 999; }  .modal-box { background-color: white; padding: 10px; border-radius: 10px; width: 350px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }  .weekend-column { background-color: #eaeaea !important; color: #999; cursor: not-allowed; } .slot-disabled { opacity: 0.4; pointer-events: none; } .calendar-nav { border-bottom: 1px solid #ccc; margin-bottom: 10px; }     .saved-items-card { width: 300px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease-in-out; }  .saved-items-card img { height: 200px; object-fit: contain; }  .saved-items-card:hover { transform: scale(1.05); }  .saved-items-card .card-text span { cursor: pointer; color: red; font-weight: bold; }  .saved-items-card .card-text span:hover { text-decoration: underline; }    .payment-container { max-width: 600px; width: 100%; margin: 0 auto; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; padding: 20px; }  .product-view-image-container { width: 100%; height: 60%; padding: 10px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }      .product-list-image-container { height: 250px; width: 300px; padding: 10px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; margin: 0 auto; }      .product-image { width: 120px; padding: 5px; margin: 5px 0 20px; border: 2px solid #ddd; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; }  .product-image:hover { transform: scale(1.1); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); }         .image-zoom-1-2em { transition: transform 0.3s ease-in-out; }  .image-zoom-1-2em:hover { transform: scale(1.2); }  .image-zoom-1-3em { transition: transform 0.3s ease-in-out; }  .image-zoom-1-3em:hover { transform: scale(1.3); }  .image-zoom-1-4em { transition: transform 0.3s ease-in-out; }  .image-zoom-1-4em:hover { transform: scale(1.4); }  .image-zoom-1-5em { transition: transform 0.3s ease-in-out; position: relative; z-index: 1; }  .image-zoom-1-5em:hover { transform: scale(1.5); z-index: 10; }   .payment-row { display: flex; gap: 15px; margin-top: 20px; }  .payment-row .form-group { flex: 1; min-width: 100px; }  .payment-row .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }  .payment-row .form-control { width: 100%; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }   .product-card { transition: box-shadow 0.3s ease, transform 0.3s ease; border-radius: 8px; }  .product-card:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); transform: translateY(-5px); border: 1px solid #fff; }        .state-path { fill: #00457E; stroke: white; stroke-width: 2; transition: fill 0.3s ease; cursor: pointer; } .state-path:hover { fill: black; }   .info-box { background-color: #f8f9fa; margin:10px; text-align:left; }      .chevron-icon { font-size: 1.5em; color: #007bff; }      .dealer:hover { color: #c31e2c; text-decoration: underline; }   .dealer-row.selected { background-color: #f8d7da !important; background-clip: padding-box; border-left: 5px solid #dc3545; font-weight: bold; color: #c31e2c; }      .dealers-container { display: flex; justify-content: center; align-items: center; min-height: 35vh; padding: 20px; box-sizing: border-box; }   .dealers-table { border-collapse: collapse; background-color: transparent; width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; }  .dealers-table th, .dealers-table td { border: 1px solid #ddd; text-align: left; }  .dealers-table th { background-color: #f4f4f4; font-weight: bold; color: #333; } .dealers-table td { padding: 8px 10px; background-color: transparent; }   .state-row { background-color: #f0f8ff; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #555; border-bottom: 2px solid #ddd; }   .dealers-table tr:hover { background-color: #f9f9f9; }      .map-icon { font-size: 1.2em; color: #d9534f; }  .phone-icon { font-size: 1.2em; color: #0275d8; }      .faq-item { border-bottom: 1px solid #ccc; padding-bottom: 12px; }  .faq-question { margin-bottom: 5px; }  .faq-answer { color: #555; margin: 0; }  .faq-question, .faq-answer { text-align: left; }      .pricebtn-row { flex-direction: column; align-items: center; }         @media (max-width: 768px) {  .dealers-table th, .dealers-table td { font-size: 12px; padding: 6px 8px; }  .map-icon, .phone-icon { font-size: 1em; } .day-header { font-size: 12px; padding: 2px 0; }  .calendar-nav h5 { font-size: 16px; }  .calendar-nav button { font-size: 14px; } .week-calendar { grid-template-columns: 50px repeat(7, 1fr); }  .time-col { font-size: 11px; padding-right: 3px; }  .carousel-container { height: 400px; } .slider-image-container { height: 200px; } .slider-item { height: 360px; } .slider-item .slider-title { font-size:1em; }  }   @media (max-width: 576px) {  .fs-responsive { font-size: 0.6em; } .ordersummary_container { font-size: 0.75em; } .table > :not(caption) > * > * { padding: .2rem .2rem; } .carousel-container { width: calc(100vw - 25px); }  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 0  !important; padding-left: 0 !important; }   .pricebtn-row { flex-direction: row; justify-content: space-between !important; width: 100%; }  .pricebtn-row .slider-price { margin: 0 !important; font-size:1.2rem;  }   }   @media (max-width: 420px) { .pricebtn-row .slider-price { font-size: 0.95rem; } }   @media (max-width: 320px) {  .menu_tab_container { padding:0; }  }