*{margin:0;padding:0;box-sizing:border-box}body{font-family:rubik,sans-serif;color:#f5f5f5}.logo{position:fixed;top:20px;left:20px;width:150px}.succes{position:fixed;height:100vh;width:100vw;background-color:#03f100;color:#000;z-index:99999;display:none;justify-content:center;align-items:center}.close-btn{position:absolute;top:20px;left:40px;font-size:60px;cursor:pointer;height:30px;width:30px;background-color:#03f100;color:#000;border:none}.customise{position:absolute;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;gap:40px;bottom:0;padding:40px 20px}.nav{display:flex;justify-content:space-between;width:100%;padding:0 20px}.nav a{text-decoration:none;color:#03f100;opacity:.5}.options{display:flex;justify-content:space-between;flex-direction:column;gap:20px;width:100%;padding:0 20px;z-index:9999}.colour,.fabric{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.selected{border:2px solid #03f100}h2{font-size:medium;margin-bottom:-10px}.colorOption,.fabricOption{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;font-size:small}.box-container,.fabric-container{width:50px}.btn{background-color:#03f100;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;position:absolute;top:20px;right:20px;transition:transform .3s ease,background-color .3s ease}.btn:hover{transform:scale(1.2)}.btn a{text-decoration:none;color:#000;font-weight:900}.box,.box-fabric{display:inline-block;width:3em;height:3em}[data-color=ed18b5]{background-color:#ed18b5}[data-color="03f100"]{background-color:#03f100}[data-color="3498db"]{background-color:#1c49bb}[data-color="000000"]{background-color:#000;border:1px solid #f4f4f4}[data-color=ffffff]{background-color:#fff}#leatherFabric{background-image:url(/assets/veganimg-CZIukNhb.png);background-position:center}#denimFabric{background-image:url(/assets/denim-DZUq_s8N.png);background-position:center}#metalLeatherFabric{background-image:url(/assets/metal-Bjf5LqLu.png);background-position:center;background-color:#fff}#velvetFabric{background-image:url(/assets/velvetimg-BdUspAeD.png);background-position:center}#polyesterFabric{background-image:url(/assets/polyesterimg-CgBL1KlM.png);background-position:center}.box:active,.box-fabric:active,.box.selected,.box-fabric.selected{border:2px solid #68ff47}.engrave{padding:10px;font-weight:900;display:none;flex-direction:column;justify-content:center;align-items:center;gap:20px}#engraveButton{background-color:#03f100;padding:10px 20px;font-weight:900;border:none;border-radius:5px;cursor:pointer;transition:transform .3s ease,background-color .3s ease}#engraveButton:hover{transform:scale(1.2)}input#engraveText{padding:10px;height:50px;width:290px}.box{width:50px;height:50px;border:2px solid transparent;transition:border .3s ease}.box.active{border:3px solid white}.box-fabric{width:50px;height:50px;border:2px solid transparent;transition:border .3s ease}.box-fabric.active{border:3px solid white}#modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:1000;width:400px;text-align:center;display:none}#modal p{font-size:16px;color:#333;margin-bottom:20px}#modal button{margin:10px 5px;padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease-in-out;background-color:#dc3545;color:#fff}#modal button:hover{opacity:.9}.options_container{display:flex;gap:100px;align-items:flex-start}select#size{padding:10px;height:50px;width:290px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.shoe-part.selected{outline:3px solid red}.nav a.selected{color:red;font-weight:700}.selected-part{background-color:var(--selected-color)!important}.hidden{display:none}@media (min-width: 800px){.nav{display:flex;justify-content:space-between;width:100%;padding:0 100px}.customise{padding:50px 100px 80px}.options{display:flex;justify-content:center;align-items:baseline;flex-direction:row;gap:200px;width:100%;padding:0 20px}.sizeOptions{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;font-size:medium;font-weight:900;margin-bottom:-10px}#size{font-size:medium;margin-bottom:-10px;width:200px;text-align:center}}