@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section.banner{background-image:url(../img/unail-mainimage-white.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:100;height:100vh}*{padding:0;margin:0;border:none;box-sizing:border-box}body{font-family:"Source Sans 3",sans-serif;font-size:18px}img,video,object{max-width:100%}main{height:auto;margin-top:27vh;text-align:center;font-family:Arimo,sans-serif;color:#57402c}.title{font-size:1.6em;margin-bottom:2em;font-family:"Source Sans 3",sans-serif}.btn{text-decoration:none;color:#57402c;background-color:transparent;border:3px solid #57402c;border-radius:10px;padding:.6em 1em;font-size:1.25em;font-weight:700;display:inline-block;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out}.btn:hover,.btn:active{background-color:#57402c;color:#fff;transform:scale(1.2);transition:ease-in-out}header{background-color:#b68961;display:flex;position:fixed;z-index:101;top:0;left:0;right:0;height:15vh;padding:40px 25px}header a{color:#fff;text-decoration:none;font-weight:400;width:9em}header figure{flex:1;display:flex;align-items:center}header nav{flex:2;display:flex;align-items:center;justify-content:space-between}header ul{display:none;font-size:1.05em;align-items:center;justify-content:center;gap:2.6em;list-style-type:none}header ul li a{background-image:linear-gradient(#57402c,#57402c);background-size:0% .07em;background-position-y:100%;background-position-x:0%;background-repeat:no-repeat;transition:background-size .2s ease-in-out}header ul :last-child{margin-left:auto}header ul li a:hover{background-size:100% .07em;transform:scale(1.2)}header ul li a:hover,.active,div.hamburger:active,div.hamburger:hover .active,.hover{color:#57402c;background-image:linear-gradient(#57402c,#57402c);background-size:100% .07em;background-position-y:100%;background-position-x:0%;background-repeat:no-repeat}div.hamburger{color:#fff;font-size:2em;display:flex;align-items:center;cursor:pointer}figure>img{width:9em}.material-symbols-outlined{color:#fff;cursor:pointer}.material-symbols-outlined:hover,.material-symbols-outlined:active{color:#57402c}.shopping-cart-icon{color:#fff;cursor:pointer;display:flex;align-items:center;margin-left:2em}.nav-icons{display:flex;align-items:center;gap:1em;margin-left:auto}.cart-icon-container{position:relative;cursor:pointer}.shopping-cart-icon{position:relative;display:inline-block;cursor:pointer}.shopping-cart-badge{display:flex;align-items:center;justify-content:center;position:absolute;top:-1em;right:-.7em;background-color:#57402c;color:#fff;font-size:.65em;font-weight:700;padding:.4em;border-radius:50%;min-width:1.5em;height:1.5em;pointer-events:none;-webkit-user-select:none;user-select:none}@media screen and (min-width:1000px){header ul{display:flex}div.hamburger{display:none}}@media screen and (max-width:1100px){.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:101;display:none;opacity:0;transition:opacity .4s ease}.overlay.active{display:block;opacity:1}.sideNav figure{width:11em;margin-right:1em;margin-bottom:1em}.sideNav{text-align:left;height:100%;width:50vw;top:0;right:-50vw;position:fixed;z-index:102;overflow-x:hidden;background-color:#b68961;transition:right .6s ease;padding-top:4.3em;border-top-left-radius:10px;border-bottom-left-radius:10px}.sideNav.open{right:0}.sideNav .closeBtn{position:absolute;font-size:4em;margin-left:3em;cursor:pointer}.sideNav a,.sideNav li{padding:.2em .65em .5em 1.4em;text-decoration:none;font-size:1.25em;color:#fff;display:block;transition:.3s;cursor:pointer}.sideNav a:hover,.sideNav a:active,.sideNav a.active{color:#57402c}.sideNav a:not(.closeBtn,figure a){background-image:linear-gradient(#57402c,#57402c);background-size:0% .07em;background-position-y:100%;background-position-x:8.9%;background-repeat:no-repeat}.sideNav a:not(.closeBtn):hover,.sideNav a:not(.closebtn):active,.sideNav a.active{background-size:28% .07em}}@media screen and (min-width: 1100px){.sideNav,.overlay{display:none!important}}section.shoppingCart{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;text-align:left;background-color:#0006;transition:opacity .3s ease;z-index:101}section.shoppingCart.open{display:flex;justify-content:center;align-items:center;cursor:pointer}section.shoppingCart img{margin-bottom:9.3em;object-fit:cover;object-position:center center;border-radius:15px;width:2em;height:2em}section.shoppingCart .btn{width:11em;font-size:1em;margin-top:2em}section.shoppingCart .content{margin-left:5em;color:#57402c;text-align:left}section.shoppingCart .container{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#f4f1ed;border-radius:15px;padding:3em 1.45em;width:auto;height:auto;max-width:800px}section.shoppingCart .closeBtn{position:absolute;cursor:pointer;top:0;right:0;font-size:4em}section.shoppingCart p{font-size:1.35em;color:#57402c}section.shoppingCart p:first-of-type,section.shoppingCart p:nth-of-type(2){padding-bottom:.75em}section.shoppingCart p:nth-of-type(3){font-weight:600;padding-bottom:1em}#confirmBtn,#cancelBtn{margin-top:.7em;margin-right:.8em;cursor:pointer}.cart-items-list{display:flex;flex-direction:column;gap:2em;max-height:60vh;overflow-y:auto;padding-right:1em}.cart-item{display:flex;align-items:flex-start;gap:1.5em;background-color:#f4f1ed;border-radius:15px;padding:1.5em}.cart-item .content{flex-grow:1;color:#57402c;text-align:left}.cart-item .btn{margin-right:.8em;margin-top:1em}.container>.cart-items-list{max-width:800px;margin:0 auto}.cart-buttons{display:flex;justify-content:center;gap:1rem;margin:1.5em 0 0 8em}.cart-buttons .btn{width:100%}.container-content .content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cart-item figure{flex-shrink:0;width:3em;height:3em;margin:0}.cart-item figure img{width:100%;height:100%;object-fit:cover;border-radius:15px}.cart-item .content{flex-grow:1;display:flex;flex-direction:column;gap:.4rem;color:#57402c;text-align:left}#cart-summary.open{display:block}#cart-summary .closeBtn,.closeBtn{position:absolute;right:0;top:0;font-size:4em;text-decoration:none;cursor:pointer;color:#57402c;background:transparent;border:none;padding:0;z-index:1100}#cart-summary .closeBtn:hover,.closeBtn:hover{color:#fff;transition:ease-in-out;transform:scale(1.25)}.shopping-cart-summary{padding:1em}.centered-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}section.transactionDone,section.transactionErr{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;transition:opacity .3s ease;z-index:101}section.transactionDone.open,section.transactionErr.open{display:flex;justify-content:center;align-items:center;cursor:pointer}section.transactionDone .btn,section.transactionErr .btn{display:block;margin-left:auto;margin-right:auto}section.transactionDone .content,section.transactionErr .content{margin-left:5em;margin-right:5em}section.transactionDone .container-all,section.transactionErr .container-all{position:relative;padding-bottom:3em;display:flex;flex-direction:column;align-items:center}section.transactionDone .closeBtn,section.transactionErr .closeBtn{position:absolute;cursor:pointer;top:0;right:0;font-size:4em}.fa-circle-check,.fa-triangle-exclamation{font-size:9.3em;margin:.32em 0 .43em}.fa-circle-check{color:#00bf63}.fa-triangle-exclamation{color:#ce0101}section p:first-of-type{padding-top:.75em;font-size:1em}section.transactionDone p,section.transactionErr p{padding-bottom:1.45em;font-size:1.25em;text-align:center;width:100%}section.transactionDone p:last-of-type{padding-bottom:4.7em}.btn{margin-top:2em}section.transactionForm{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;overflow-y:auto;z-index:101}section.transactionForm h1,section.transactionForm p,label{color:#57402c}section.transactionForm.open{display:flex;justify-content:center;align-items:center;cursor:pointer;overflow-y:auto}.container{display:flex;flex-direction:column;max-width:200px;margin:0 auto}.container-all{display:flex;flex-direction:column;position:relative;background-color:#f4f1ed;width:100%;max-width:900px;max-height:90vh;margin:0 auto;border-radius:15px;overflow-y:auto;text-align:center}.container-product,.container-info{flex:1;box-sizing:border-box;padding:2em}.container-product{flex-direction:column;text-align:left;background-color:#f4f1ed;gap:1em;border-top-left-radius:15px;border-top-right-radius:15px}.container-info{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding-left:2em}.container-info:before{content:"";position:absolute;top:3em;height:70%;width:3px;background-color:#b68961}.form-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}label{display:block;width:100%;max-width:15em;text-align:left;margin-top:.75em}input,select{width:100%;max-width:20em;padding:.45em 1.5em .7em .85em;margin-top:1em;border-radius:15px;border:3px solid #57402c;background-color:#f4f1ed;color:#b68961}input:focus{background-color:#efd8d0;color:#57402c}.addRemoveItemsCounter{display:flex;flex-direction:row;align-items:center}.closeBtn{top:0;position:absolute;cursor:pointer;font-size:4em;color:#57402c}.closeBtn:hover,.closeBtn:active{color:#efd8d0}section.contacts .btn{width:9.2em;font-size:.85em;margin-top:2em}@media screen and (min-width: 1000px){section.transactionForm.open{align-items:center}section.transactionForm .container-all{flex-direction:row;height:100vh}.container-product{border-radius:15px 0 0 15px;align-items:flex-start;justify-content:flex-start}.container-info{border-radius:0 15px 15px 0}}section.banner{background-image:url(../img/unail-mainimage-white.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:100;height:100vh}section.banner>*{text-align:center;padding:5.3em}section.banner img{z-index:101;width:11em;padding-bottom:2.5em}section.banner p{z-index:101;font-family:Pinyon Script,cursive;font-size:1.78em;padding-bottom:2.5em}.info-section{text-align:center}.info-article{height:130vh;padding-top:15em}.info-article h1{font-size:4em;padding-bottom:1.6em}.info-article p{padding-bottom:1.3em}.about-us{background-color:#57402c;color:#efd8d0}.discounts{background-color:#f1e5dc;color:#b68961}.local{background-color:#fff;color:#57402c}footer{background-color:#b68961;color:#fff;bottom:0;left:0;right:0;padding:1em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;z-index:100}footer aside{border:1px solid white;width:11em;height:11em;margin-left:.7em;margin-bottom:1em;padding-top:1.2em;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}aside>*{padding-left:1.3em;font-size:.7em}aside>p:nth-child(4){padding-bottom:.7em}footer section>p:first-of-type{font-weight:600;font-size:1.5em;padding-bottom:.7em}footer section>svg{border:1px solid white;border-radius:25px;padding:0 5px;left:1em;top:1em}footer section>svg:hover{background-color:#57402c;border:2px solid #57402c}@media screen and (min-width: 1000px){footer{flex-direction:row}footer>*{margin:.1em}}.allPopup{display:none;position:fixed;z-index:102;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.allPopup img{max-width:90%;max-height:90%;border:5px solid #b68961;border-radius:8px}.allPopup .closeBtn{top:0;right:0;font-size:3em;cursor:pointer}section.popup img{width:200px;height:200px}.closeBtn{color:#b68961}.closeBtn:hover,.closeBtn:active{color:#fff;transform:scale(1.25);transition:ease-in-out}.portfolio{display:grid;grid-template-columns:1fr;grid-auto-rows:50vw;gap:1em;padding:0 2em 6em}.portfolio figure{height:100%;width:100%}.portfolio img{height:100%;width:100%;object-fit:cover;border-radius:20px}@media screen and (min-width: 1000px){.portfolio{grid-template-columns:repeat(3,1fr);grid-auto-rows:50vh}.c2xr1{grid-column:span 2}.c2xr2{grid-column:span 2;grid-row:span 2}.c3xr2{grid-column:span 3;grid-row:span 2}.c3xr1{grid-column:span 3}}section.product .btn{width:18em}section.prices img,section.product img,section.other-products img{object-fit:cover;object-position:center center;border-radius:15px}section.prices:nth-of-type(9){padding-bottom:10em}section.prices:nth-of-type(8){padding:2em 2.5em 7em}@media screen and (min-width: 1000px){section.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}section.searchBar{display:flex;flex-direction:column}}section.searchBarSection i,section.searchBarSection input{margin-left:1em}section.searchBarSection i{color:#57402c;font-size:1.5em}section.searchBarSection input:focus{background-color:#efd8d0;color:#57402c}section.searchBarSection input{color:#b68961;border:3px solid #57402c;width:40vw;border-radius:10px;padding:.5em 1em;margin-bottom:5em;gap:1em}section.store img{object-fit:cover;object-position:center center;border-radius:15px}section.store img{width:200px;height:200px}section.store p:nth-of-type(3){font-weight:600;padding-bottom:1em}section.store p:nth-of-type(5){padding-top:4em}section.store:nth-of-type(6){padding-bottom:10em}@media screen and (min-width: 1000px){section.store{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}section.searchBar{display:flex;flex-direction:column}article.content{margin-left:5em}}section.product .btn{width:18em;margin-bottom:3.1em}.subtitle h1{font-size:1.5em;margin:2em 0 2.4em;font-weight:200}section:not(.sideNav){text-align:center}section.product img,section.other-products img{object-fit:cover;object-position:center center;border-radius:15px;width:200px;height:200px}section p:first-of-type,section p:nth-of-type(2){padding-bottom:.75em}section p:first-of-type{padding-top:.75em;font-size:.85em}section.product p:nth-of-type(3),section.other-products p:nth-of-type(3){font-weight:600;padding-bottom:1em}section.product p:nth-of-type(4){font-size:.8em;padding:1em 0 2em}article.content p:nth-of-type(5){padding-bottom:1.85em;font-weight:600;font-size:1.3em}section.product .addRemoveItemsCounter{gap:2.1em;display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:1em}button.plus,button.minus,.add{font-size:1.95em;font-weight:400}.plus,.minus{background-color:transparent;color:#57402c}.plus:hover,.plus:active,.minus:hover,.minus:active{color:#b68961;transform:scale(1.2);transition:ease-in}.back-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5em 1.2em;margin-left:1.7em;background-color:transparent;color:#57402c;border-radius:6px;border:2px solid #57402c;text-decoration:none;margin-bottom:1.2em;transition:all .3s ease}.back-btn:hover{color:#fff;background-color:#57402c;transition:ease-in-out;transform:scale(1.1)}section.other-products:nth-of-type(4){padding-bottom:10em}.color-options{display:flex;gap:.75em;margin-bottom:1.5em;flex-wrap:wrap;justify-content:center}.color-circle{width:24px;height:24px;border-radius:50%;border:2px solid #57402c;cursor:pointer;transition:transform .2s ease}.color-circle:hover{transform:scale(1.2)}.color-circle.selected{outline:3px solid #b68961;outline-offset:2px}@media screen and (min-width: 1000px){section.other-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}section.product{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:left}section.product img{margin-bottom:9.3em}section.product .addRemoveItemsCounter:not(.popup){display:flex;flex-direction:row;align-items:center;justify-content:flex-start}}section.contacts p,section.qr-code p,section.contact-form p{font-size:.9em;padding:1.4em 0}.qr-code img{width:17vw;margin-bottom:15vh}.contacts svg{padding:0 5px;margin-top:1em}.contacts a{color:#57402c}.contacts a:active{color:#b68961}@media screen and (min-width: 1000px){section.contacts,section.contact-form{display:inline-block;text-align:left;margin:0 auto}.contacts svg{float:left;margin-right:2.5em}.contacts svg p{float:right}}#root{margin:0 auto;text-align:center}