@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:400;src:url('../fonts/poppins-v20-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:500;src:url('../fonts/poppins-v20-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:600;src:url('../fonts/poppins-v20-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:700;src:url('../fonts/poppins-v20-latin-700.woff2') format('woff2')}:root{--white:hsl(240,0%,97%);--black:hsl(240,0%,0%);--lightgrey:hsl(240,6%,10%);--darkgrey:hsl(240,2%,3%);--lightblue:hsl(189,75%,40%);--clr-text-higher-emphasis:hsl(0,0%,87%);--clr-text-high-emphasis:hsl(0,0%,78%);--clr-text-medium-emphasis:hsl(0,0%,63%);--background-gradient_black:linear-gradient(176deg,hsl(0,0%,3%) 0%,hsl(0,0%,2.96%) 8.1%,hsl(0,0%,2.85%) 15.5%,hsl(0,0%,2.69%) 22.5%,hsl(0,0%,2.47%) 29%,hsl(0,0%,2.22%) 35.3%,hsl(0,0%,1.94%) 41.2%,hsl(0,0%,1.65%) 47.1%,hsl(0,0%,1.35%) 52.9%,hsl(0,0%,1.06%) 58.8%,hsl(0,0%,.78%) 64.7%,hsl(0,0%,.53%) 71%,hsl(0,0%,.31%) 77.5%,hsl(0,0%,.15%) 84.5%,hsl(0,0%,.04%) 91.9%,hsl(0,0%,0%) 100%);--border-radius:10px;--transition-standard:.4s cubic-bezier(.25,.74,.22,.99)}html,body{width:100vw;height:100svh}body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Poppins',sans-serif;color:var(--white);background:var(--black);overflow:hidden}body:has(#flipbook){justify-content:start}*,::before,::after{margin:0;padding:0;box-sizing:border-box}p{color:var(--clr-text-high-emphasis);line-height:1.7;text-align:center}h1{display:block;color:var(--clr-text-higher-emphasis);font-size:min(calc(2.5rem + 1vw),4rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin:0 0 .2em 0}h2{display:block;color:var(--clr-text-higher-emphasis);font-size:min(calc(2rem + 1vw),3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}small{display:block;color:var(--clr-text-medium-emphasis)}label{display:block;margin-bottom:8px;padding-right:2em;color:var(--clr-text-medium-emphasis);font-size:14px;font-weight:500;line-height:1.7;text-align:start}.card input{width:100%;min-height:3rem;padding:1rem;color:var(--clr-text-high-emphasis);border-radius:8px;font-size:.9rem;font-family:inherit;border:1px solid var(--lightgrey);background:var(--darkgrey)}.card input[type="text"]{height:50px;text-align:start}.card button,#viewCatalogue button{position:relative;display:grid;place-items:center;padding:.8em 1.9em;color:var(--clr-text-higher-emphasis);background:linear-gradient(to bottom,hsl(224,65%,45%),hsl(224,65%,28%));font-size:1em;font-weight:500;font-family:inherit;line-height:1;border:none;border-radius:var(--border-radius);transition:background-color var(--transition-standard),color var(--transition-standard),border var(--transition-standard);overflow:clip;cursor:pointer;&::before{content:"";position:absolute;inset:-5px;margin:auto;width:0;background:linear-gradient(to bottom,hsl(189,75%,57%) 39%,hsl(189,75%,34%) 61%);border-radius:100%;aspect-ratio:1;z-index:0;transition:width var(--transition-standard)}&:is(:hover,:focus-visible){color:var(--white)}&:is(:hover,:focus-visible)::before{width:105%}& span{position:relative;z-index:1}}.card{margin:0 5vw;padding:max(1vw,24px);width:min(540px,calc(100% - 48px));text-align:center;background:var(--background-gradient_black);border:1px solid var(--lightgrey);border-radius:var(--border-radius)}.card form{display:flex;flex-direction:column;align-items:center;gap:20px}.input-group{width:100%}.otp-inputs{display:flex;gap:30px;justify-content:center;margin:0 .3em}.otp-inputs input{width:50px;height:50px;padding:5px;font-size:25px;text-align:center !important;outline:none;border:none;border-bottom:2px solid #a3a3a3;background:transparent;border-radius:0}.restart-btn{display:block;margin:20px auto -12px auto;line-height:1.7;text-align:center}.restart-btn span{display:inline-block;margin-right:.5em}.restart-btn form{display:inline-block}.restart-btn input{min-height:initial;padding:0;color:var(--lightblue);font-size:inherit;text-decoration:underline;background:none;border:none;cursor:pointer}a.logo{position:absolute;top:min(32px,4vw);right:min(48px,5vw);margin:auto;width:calc(8vw + 220px)}a img{width:100%}.error-message{color:hsl(0,93.2%,54.1%);;font-weight:600;line-height:1.2}.img-container{margin-bottom:32px;width:800px;border-radius:10px;overflow:hidden}.img-container img{width:100%;height:100%;object-fit:cover}.copyright{position:absolute;bottom:20px;color:var(--clr-text-high-emphasis);text-align:center;user-select:none;z-index:-1}@media (max-height:900px) and (min-aspect-ratio:5 / 3){.copyright{display:none}}#flipbook{height:100vh;width:100%}#viewCatalogue{display:none}@media (orientation:portrait) and (pointer:coarse){#viewCatalogue{display:flex;position:absolute;inset:0;flex-direction:column;justify-content:center;align-items:center;width:100lvw;height:100lvh;color:#000;background:hsl(0,0%,0%);text-align:center;z-index:999}}.card button.disabled{opacity:.4;pointer-events:none}dialog{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;margin:auto;padding:24px;width:85vw;max-width:750px;height:fit-content;color:var(--black);background:#B1B3B6;border:3px solid #656668;border-radius:24px;text-align:center;font-size:clamp(1rem,calc(.5vw + 1rem),1.5rem);font-weight:700}dialog{opacity:0;transition:opacity .2s}dialog.show{scale:1;opacity:1}dialog::backdrop{background-color:hsl(223,81%,10%);opacity:0}dialog.show::backdrop{opacity:.9;transition:opacity .2s}dialog h1{margin:auto;color:black}dialog h3{margin:1em 0;font-size:2rem;text-wrap:balance}dialog form{display:flex;flex-direction:column;gap:8px}dialog select,dialog input{font-family:unset;flex-shrink:0;padding:0 16px;height:56px;color:black;background:#e9e9ed;border:3px solid #656668;border-radius:3px;outline:none;font-size:1rem;font-weight:bold}dialog select:focus-visible,dialog input:focus-visible{outline:none;border-color:#1a73e8!important}dialog select:invalid{color:#6b6b6d}dialog select option:not([value=""]){font-weight:700}dialog .row{display:flex;justify-content:space-between;align-items:center;gap:8px}#productPhoto{max-width:50%;max-height:200px;width:100%;height:auto;object-fit:contain;display:block}#addToBasketBtnGroup{display:grid;gap:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#productQty{margin-right:auto;width:136px;height:100px;color:black;background:white;border:3px solid #656668;border-radius:3px;font-size:3rem;font-weight:bold;text-align:center;cursor:text}#totalPriceContainer{position:relative;display:flex;justify-content:space-between;align-items:center;flex-grow:1;padding:0 16px 0 50px;height:100%;background:#656668;border:3px transparent;clip-path:polygon(48px 0,100% 0%,100% 100%,48px 100%,0% 50%)}#totalPriceContainer::before{content:"";position:absolute;inset:0;clip-path:polygon(50px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),50px calc(100% - 3px),5px 50%);background:#B7DFAA;z-index:-1}#totalPriceContainer p{opacity:.8;color:#5F9154;line-height:.8em;letter-spacing:.05em;font-size:1.8rem}#totalPriceContainer strong{color:#1E5A10;flex-grow:1;font-size:2rem}dialog button{all:unset}dialog button::before{content:none}#addToBasket{display:flex;justify-content:center;align-items:center;margin-top:3px;height:100px;color:white;background:#00A651;border:solid #656668;border-width:3px 3px 6px 3px;border-radius:3px;font-size:2.5rem;letter-spacing:.1em;cursor:pointer}#addToBasket:not(.disabled):hover,#addToBasket:not(.disabled):focus{margin-top:0;margin-bottom:3px;opacity:.9;box-shadow:2px 10px 51px -3px rgba(0,0,0,.2);-webkit-box-shadow:2px 10px 51px -3px rgba(0,0,0,.2);-moz-box-shadow:2px 10px 51px -3px rgba(0,0,0,.2)}#addToBasket:not(.disabled):active{border-width:3px;margin-top:6px;margin-bottom:0;background:#009c4c}#addToBasket.disabled{opacity:.5;cursor:not-allowed}#addToBasket img{margin:0 1.5rem .2rem 0;height:2.5rem}#closeDialog{all:unset;position:absolute;top:30px;right:30px;line-height:0;font-size:32px;opacity:.5;cursor:pointer}#closeDialog::before{content:none}#removeProductFromBasketGroup{justify-content:end;margin:4px 0 -4px 0}.removeProductFromBasketBtn{display:flex;justify-content:center;align-items:center;margin-top:3px;padding:0 .5em;height:20px;color:white;background:#eb0000;border:solid #8f9195;border-radius:3px;opacity:.7;letter-spacing:.1em;font-size:.8rem;font-weight:500;cursor:pointer}.removeProductFromBasketBtn:hover,.removeProductFromBasketBtn:focus{margin-top:0;margin-bottom:3px;opacity:.8;box-shadow:2px 10px 51px -3px rgba(0,0,0,.2);-webkit-box-shadow:2px 10px 51px -3px rgba(0,0,0,.2);-moz-box-shadow:2px 10px 51px -3px rgba(0,0,0,.2)}.removeProductFromBasketBtn:active{border-width:3px;margin-top:3px;margin-bottom:0}.dialogFunctionBtn{display:flex;justify-content:center;align-items:center;margin:3px 0 0 0;height:48px;color:white;background:#4283e5;border:solid #656668;border-width:3px 3px 6px 3px;border-radius:3px;font-size:1.3rem;font-weight:600;letter-spacing:.1em;cursor:pointer}.dialogFunctionBtn:hover,.dialogFunctionBtn:focus{margin-top:0;margin-bottom:3px;opacity:.9;box-shadow:2px 10px 51px -3px rgba(0,0,0,.2);-webkit-box-shadow:2px 10px 51px -3px rgba(0,0,0,.2);-moz-box-shadow:2px 10px 51px -3px rgba(0,0,0,.2)}.dialogFunctionBtn:active{border-width:3px;margin-top:6px;margin-bottom:0;background:#3c62cc}.dialogFunctionBtn.disabled{opacity:.5;cursor:not-allowed}.dialogFunctionBtn img{margin:0 1.5rem .2rem 0;height:2.5rem}#clearBasketBtn{margin:3px auto 0 auto;padding:0 1em;height:auto;background:#e54242;font-size:.8rem;opacity:.9}#clearBasketBtn:hover,#clearBasketBtn:focus{margin-top:0;margin-bottom:3px}#clearBasketBtn:active{background:#cc3c3c}