footer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;z-index:10;background-color:#1e1e1e;padding:20px;text-align:center;color:#fff;box-shadow:0 -2px 5px #0003;min-width:300px;height:500px}.footer-adjuster{padding:10px;gap:10px}.footer-adjuster img{height:60px}.footer-adjuster h2{font-size:1em;margin:10px 0}.socialMedia-container{display:flex;justify-content:center;gap:10px;margin:10px 0 20px}.socialMedia-container a div{background-color:var(--principalYellow);border-radius:10px}.socialMedia-container a div:hover{background-color:transparent}.socialMedia-container a div .socialMedia-img{width:35px;height:35px;padding:5px}.new-ul{display:inline-flex;gap:10px}.new-ul li:hover{text-decoration:underline}.footer-absolute{display:flex;flex-direction:column;align-items:start;text-align:start;position:absolute;bottom:0;left:10px}.socialMedia-container h4{line-height:35px}header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#1e1e1e;color:#fff;height:70px;width:100%;position:fixed;top:0;z-index:100;min-width:300px}.logo img{height:40px;width:auto}.menu{display:flex;list-style:none;margin:0;padding:0;align-items:center}.menu ul{display:flex}.menu li{list-style:none;padding:0 20px}.menu li a{text-decoration:none;color:#fff;font-weight:700;text-transform:uppercase;font-size:16px;margin:0}.menu li a:hover{color:var(--principalYellow)}.menu-icon{display:none;cursor:pointer;font-size:24px}header .close-button{display:none}@media (max-width: 805px){.menu{flex-direction:column;position:fixed;left:-100%;top:0;width:65%;height:100%;background-color:#1e1e1e;transition:left .3s ease-out;z-index:1000}.menu.open{left:0;z-index:100000}.menu ul{position:static;flex-direction:column;width:100%;margin:0%;padding:0%}header .close-button-open{display:flex;position:absolute;top:20px;right:25px;background:none;border:none;cursor:pointer;padding:0}header .close-button-open img{width:30px;height:30px}.menu li{height:70px;text-align:center;border-bottom:1px solid #FFA800;display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;padding:10px}.menu li a{color:#ffa800}.menu-icon{display:block;color:#fff}.menu-icon-open{display:none}}.catalog-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));justify-content:center;justify-items:center;align-items:center}.product-card{max-width:400px;border:none;overflow:hidden;box-shadow:none}.product-image{width:100%;height:200px;object-fit:cover}.product-info{padding:10px;text-align:center}@media (max-width: 430px){.catalog-container{grid-template-columns:1fr}}.product-card{max-width:810px;width:100%;padding:10px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:none;border:2px solid transparent;transition:transform .3s ease}.product-image{padding-top:50px;width:70%;height:auto}.product-title{text-align:center;color:var(--principalYellow);font-size:1rem;margin:10px 0;padding-top:20px}.color-options{display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:center;justify-content:center;padding-top:10px;padding-bottom:20px}.color-image{flex-shrink:1;min-width:30px;max-width:60px;height:auto;object-fit:contain}@media (max-width: 400px){.color-image{max-width:40px;min-width:10px}}@media (max-width: 815px){.product-card{width:100vw;border-bottom:2px solid var(--principalYellow)}}@media (min-width: 815px){.product-card{cursor:pointer}.product-card .color-image{visibility:hidden;opacity:0;transition:opacity .6s ease,visibility .3s}.product-card:hover .color-image{visibility:visible;opacity:1}.product-card:hover{border:2px solid var(--principalYellow);transform:scale(1.05)}}.title-container-main{display:flex;flex-direction:column;align-items:center;position:relative;background:#f5f5f5;padding:30px;margin-top:70px}.outer-border{background:#262626;display:inline-block;padding:.2rem;clip-path:polygon(0 0,100% 0,100% 100%,23px 100%,0 calc(100% - 23px))}.inner-box{background:#f5f5f5;padding:.5rem 1.8rem;display:inline-block;position:relative;left:0;top:0;clip-path:polygon(0 0,100% 0,100% 100%,20px 100%,0 calc(100% - 20px));font-family:Arial,sans-serif;font-size:2rem;font-weight:700;color:#262626}.line-decorator{position:relative;width:10%;height:2px;background-color:#262626;margin-bottom:3px}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:8px;padding-top:20px;padding-bottom:40px}.pagination-button,.pagination-item{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;width:30px;height:30px}.pagination-container .outer-border{background:#262626;display:flex;align-items:center;justify-content:center;padding:2px;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));height:100%;width:100%}.pagination-container .inner-box{background:#f5f5f5;padding:2px;clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px));display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:1rem}.pagination-item.active .outer-border{background:#ffa800;border-color:#ffa800;color:#ffa800}.pagination-item.active .outer-border .inner-box{color:#ffa800}.pagination-button.disabled .outer-border{background:#e0e0e0;cursor:not-allowed;color:#e0e0e0}.pagination-button.disabled .outer-border svg{cursor:not-allowed;color:#e0e0e0}.filter-panel-container{position:relative;width:100%}.filter-button{background:#f5f5f5;color:#262626;border:none;padding:5px 15px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;z-index:1000;margin-left:10px}.filter-panel{position:fixed;left:-300px;top:70px;bottom:0;width:300px;background:#fff;box-shadow:2px 0 5px #00000080;padding:20px;transition:left .3s ease;overflow-y:auto;z-index:100}.filter-panel.open{left:0}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#262626}.filter-option{margin-top:30px}.first-option{margin-top:0}.filter-option label{display:block;font-size:1.1rem;margin-bottom:10px;color:#262626}.filter-option input,.filter-option select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.size-buttons{display:flex;gap:10px}.size-button{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background:#f5f5f5;font-size:1rem}.size-button.selected{background:#262626;color:#fff;border:1px solid #262626}.filter-apply{margin-top:20px;text-align:center}.filter-apply button{background:#262626;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:1rem;border-radius:4px}.lens-detail-container{display:flex;flex-wrap:wrap;padding:20px;max-width:1200px;margin:auto;position:relative}.lens-images{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;position:relative;max-height:800px;width:100%}.lens-image-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;margin-bottom:30px}.main-image,.color-main-image{width:100%;max-width:100%;height:300px;object-fit:contain}.additional-images{display:flex;justify-content:flex-start;width:100%;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.additional-images::-webkit-scrollbar{display:none}.additional-image{width:100%;max-width:100px;height:100px;opacity:.7;cursor:pointer;border-radius:5px;transition:opacity .3s;object-fit:contain}.additional-image:hover{opacity:1}.nav-button{width:0;height:0;border-style:solid;border-width:20px 0 20px 30px;border-color:transparent transparent transparent #FFA800;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;padding:0;z-index:10;transition:opacity .3s,border-color .3s}.prev-button{left:-20px;transform:translateY(-50%) rotate(180deg);top:180px}.next-button{right:-20px;top:180px}.nav-button:hover{border-color:transparent transparent transparent #e68900}.lens-info{flex:1;padding:20px;margin-left:20px;max-width:90vw}.lens-info-title-container{display:flex;width:100%;position:relative;left:49%}.lens-info h3{font-size:1.2em;color:#262626}.color-options{display:flex;justify-content:flex-start;gap:10px;margin-bottom:20px}.color-image{width:80px;height:80px;cursor:pointer;border-bottom:3px solid transparent;transition:border-color .3s}.hidden{display:none}.color-image.selected{border-bottom:3px solid #FFA800}.find-button{display:block;width:100%;padding:10px;margin-bottom:20px;background-color:#ffa800;color:#fff;border:none;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .3s;text-align:center}.find-button:hover{background-color:#e68900}.lens-info p{font-size:1em;line-height:1.5;color:#262626;margin-bottom:20px}.lens-info ul{list-style:none;padding:0}.lens-info ul li{margin-bottom:10px}.lens-info ul li strong{color:#262626}.recommendations{padding-top:20px;border-top:2px solid #FFA800;width:100%;margin-bottom:20px}@media (max-width: 950px){.prev-button,.next-button{top:150px}.lens-detail-container{flex-direction:column}.lens-info-title-container{left:-30px}.lens-info{padding:0;margin-left:0;border-left:none;margin-top:20px}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body{width:100%;height:100%;font-family:Arial,sans-serif;background-color:#f5f5f5}body{overflow-x:hidden}img{max-width:100%;height:100%;display:block}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer}:root{--principalYellow: #FFA800;--principalGrey: #474747}.general-home-body{display:flex;flex-direction:column;width:100%}.banner-container{position:relative;top:0;left:0;width:100%;height:100vh;overflow:hidden;min-width:300px;z-index:1}.banner-container img.bannerImg{width:100%;height:100%;object-fit:cover}.banner-adjuster{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%}.text_logo-adjuster{display:flex;flex-direction:column;align-items:center;z-index:1;position:absolute;max-width:500px;text-align:center;margin:10px}.text_logo-adjuster h2{color:#fff;font-size:clamp(1rem,2vw,2rem);margin-bottom:20px}.storenLogo{width:100vw}.triangle-down{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid var(--principalGrey);cursor:pointer;animation:bounce 2s infinite}.triangle-down:before{content:"";position:absolute;top:-25px;left:-16px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid var(--principalYellow)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.main-rest{position:relative;width:100%;z-index:2;background-color:#fff;min-width:300px}.box-container{display:flex;position:relative;flex:1 1 50%;box-sizing:border-box;text-align:center}.glassesType-container,.glassesType-link-adjuster{display:flex;width:100%}.glassesType{transition:transform .3s ease}.glassesType img{object-fit:cover}.glassesType h3{position:absolute;top:20px;left:20px;color:#fff;font-size:clamp(2.4rem,2vw,2rem)}.glassesType span{color:var(--principalYellow)}.glassesType a,.glassesType .full-size-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.glassesType:hover{transform:scale(1.05);z-index:55}.galery-section{display:flex;flex-direction:column}.galery-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;box-sizing:border-box}.section-index:nth-child(odd) .galery-container{flex-direction:row}.section-index:nth-child(2n) .galery-container{flex-direction:row-reverse}.galery-section .text-phrases{padding:10px}.galery-section .text-phrases p{max-width:650px}.img-container{width:50%;box-sizing:border-box;max-height:1000px}.img-container img{width:100%;height:100%;object-fit:cover}.text-container{display:flex;flex-direction:column;align-items:center;width:50%;margin:auto;box-sizing:border-box;padding:20px}.text-phrases{color:var(--principalGrey);font-weight:700;font-size:18px}.direct-button{color:#f5f5f5;text-align:center;background-color:var(--principalYellow);text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-weight:600;padding:16px 35px;transition:.2s ease-in}.direct-button:hover{transform:scale(1.1);background-color:#ffba2f}.phrases-container{display:flex;flex-direction:column;justify-content:center;margin:auto;gap:20px}.text-phrases h3{font-size:1.5em}.text-phrases p{max-width:500px;font-size:1em}.highlight{color:var(--principalYellow)}@media (max-width: 768px){.glassesType-link-adjuster,.galery-container{flex-direction:column}.img-container,.text-container{width:100%;height:auto}.img-container{max-width:100%;width:100%;margin:60px 0}.img-container img{height:auto}.text_logo-adjuster{bottom:100px}}@media (max-width: 805px){.glassesType h3{font-size:1.5em}}.sector-endLine{display:flex;align-items:center;height:100px;width:100%;overflow:hidden;position:relative}.sector-endLine h3{line-height:100px;text-transform:uppercase;letter-spacing:10px;font-size:3em;font-weight:800;white-space:nowrap;display:inline-block;animation:scrollText 150s linear infinite}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-100%)}}.sector-endLine.aventure{background-color:var(--principalYellow)}.sector-endLine.aventure h3 span{color:#fff}.sector-endLine.aventure h3 span:nth-child(odd){color:var(--principalGrey)}.sector-endLine.urban{background-color:#fff}.sector-endLine.urban h3 span{color:var(--principalGrey)}.sector-endLine.urban h3 span:nth-child(2n){color:var(--principalYellow)}.form-adjuster{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;min-width:300px;height:100%;margin-top:70px}.logo-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:20px}.logo-form-container img{max-width:300px}.contact-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.contact-form .form-group{display:flex;flex-direction:column;gap:5px}.contact-form label{font-weight:700;margin-bottom:5px}.contact-form input,.contact-form textarea{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.contact-form textarea{height:200px;resize:none;font-family:sans-serif}.contact-form textarea[readonly]{background-color:#e9ecef;cursor:not-allowed;pointer-events:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--principalYellow);outline:none}.contact-form button{padding:10px 15px;border:none;background-color:var(--principalYellow);color:#fff;font-size:16px;cursor:pointer;border-radius:4px;transition:background-color .3s}.contact-form button:hover{background-color:#ffc144}.contact-form .error{color:red;font-size:14px}.form-adjuster .text-phrases{min-height:180px}.form-adjuster .box-container{min-width:none}.aboutUs-adjuster{display:flex;flex-direction:column;align-items:center}.aboutUs-text-img-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;max-width:1000px;margin-bottom:24px;padding:10px}.aboutUs-text-img-container.alt-order{direction:rtl}.aboutUs-text-img-container.alt-order>*{direction:ltr}.aboutUs-text-container{display:flex;flex-direction:column;justify-content:center}.aboutUs-text-container .text-phrases{align-items:start;margin-bottom:16px;min-height:0;padding:0}.aboutUs-text-container .text-phrases:last-child{margin-bottom:0}.aboutUs-text-container .box-container{text-align:start}.aboutUs-text-img-container img{width:100%;object-fit:cover;justify-self:start}@media (max-width: 900px){.aboutUs-text-img-container{grid-template-columns:1fr;gap:8px;direction:ltr}.aboutUs-text-container{order:1}.aboutUs-text-img-container img{order:2;max-height:none;margin-bottom:16px}}@media (min-width: 600px) and (max-width: 900px){.aboutUs-text-img-container img{width:100%}}
