@import "https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{box-sizing:border-box;font:inherit;scrollbar-width:thin;margin:0;padding:0}table{border-collapse:inherit;border-spacing:0;border:none;border-color:inherit}button,input[type=submit]{appearance:none;background:0 0;border:none}button:hover,input[type=submit]:hover{cursor:pointer}button,select,input,textarea,kbd{font:inherit}:root{--color-1:#cb0061;--color-2:#100c25;--color-3:#78dafd;--color-4:#245380;--color-fg:#fff;--border-width:1px;--border-color:var(--color-4)}body{color:var(--color-fg);background-color:var(--color-2);flex-flow:column;align-items:center;font-family:Quantico,Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;display:flex}body main{border-left:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color);background-color:var(--color-2);width:1202px;max-width:1202px;min-height:100vh}body main header,body main footer{padding:24px 48px}body main section{background:var(--color-2);background-image:linear-gradient(#78d9fd2f 1px,#0000 1px),linear-gradient(90deg,#78dafd2f 1px,#0000 1px);background-size:24px 24px}h1,h2,h3{margin-bottom:12px}h1{color:#fff;text-shadow:4px 4px 0 var(--color-1);font-size:72px;font-style:italic;font-weight:900}header{border-bottom:var(--border-width) solid var(--border-color);align-items:center;gap:16px;display:flex}header .logo{flex:0 auto}header .logo img{width:120px}header nav{flex:1 0;gap:16px;display:flex}header nav #cart-badge:before{content:"("}header nav #cart-badge:after{content:")"}header .cart{flex:0 0}header a{color:var(--color-3);white-space:nowrap;padding:12px;text-decoration:none}header a:hover{color:var(--color-fg);text-shadow:2px 2px 12px var(--color-3);text-underline-offset:9px;text-decoration:underline;-webkit-text-decoration-color:var(--color-3);text-decoration-color:var(--color-3)}footer{border-top:var(--border-width) solid var(--border-color)}.grid{flex-wrap:wrap;align-items:stretch;width:100%;display:flex}.grid .item{border-top:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color);text-align:center;flex-flow:column;flex:0 0 33.3333%;padding:24px;display:flex;position:relative}.grid .item a{text-wrap:balance;color:var(--color-3);text-decoration:none}.grid .item a:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.grid .item p{margin-top:4px}.grid .item img{width:100%;margin-bottom:12px}.grid .item:hover{background-color:var(--color-3);color:var(--color-2)}.grid .item:hover a{color:var(--color-2)}.grid .item:hover img{outline:1px solid var(--border-color)}.cart-item-list{flex-flow:column;display:flex}.cart-item-list .cart-item{flex-flow:row;gap:8px;display:flex}.cart-item-list .cart-item .image{flex:0 0 100px}.cart-item-list .cart-item .image img{width:100%}.cart-item-list .cart-item .infos{flex:1 0}.cart-item-list .cart-item .buttons{flex:0 0}form .form-row,form .form-group{margin-bottom:12px}form .form-row{gap:8px;display:flex}form .form-row .form-group{flex:0 0 calc(50% - 4px);margin:0!important}form .form-group{flex-flow:column;gap:8px;display:flex}form input,form textarea{border:2px solid #000;padding:12px;box-shadow:inset 2px 2px #d3d3d3}form input:focus,form input:active,form textarea:focus,form textarea:active{border-color:var(--color-1);outline:4px solid #f0f3}form button{background-color:var(--color-1);color:#000;border:2px solid #000;width:100%;padding:12px;font-weight:500;box-shadow:4px 4px #000}form button:focus{outline:4px solid #f0f3}form button:active{transform:translate(4px,4px);box-shadow:0 0}.inquiry-layout{gap:48px;display:flex}.inquiry-layout .inquiry-form-section,.inquiry-layout .cart-summary{flex:0 0 calc(50% - 24px)}section .category .header{background-size:cover}section .category .header h1{margin-bottom:0;margin-left:24px}section .product{display:flex}section .product .left{background-color:var(--border-color);border-right:var(--border-width) solid var(--border-color);flex-flow:column;flex:0 0 50%;gap:1px;display:flex}section .product .left img{width:100%;display:flex}section .product .right{flex-flow:column;display:flex}section .product .right .text{flex:none;padding:24px}section .product .right .text h1{margin-bottom:24px;font-size:42px;line-height:1.2}section .product .right .text .price{margin-bottom:24px;font-size:22px;font-weight:700}section .product .right .text .price span{font-size:16px;font-weight:400}section .product .right .buttons{padding:24px}section .product .right .buttons button{width:100%;color:var(--color-fg);background-color:var(--color-1);padding:24px}section .product .right .buttons button:hover{color:var(--color-2);background-color:#78dafd}
