.navbar{background-color:var(--main-color);color:var(--white-color);display:flex;align-items:center;justify-content:space-between;padding:1.4rem;height:30px}.brand-name{font-family:Splash;font-size:var(--text-medium);letter-spacing:5px;text-transform:uppercase;text-decoration:none;text-align:center;color:var(--white-color)}.brand-name:visited{color:inherit}.navbar-list{list-style:none;display:flex;gap:15px;text-transform:uppercase;font-family:ArefRuqaa;display:none}.navbar-list a{text-decoration:none}.navbar-list a:visited{color:inherit}@media screen and (min-width: 768px){.navbar-list{display:flex}}.banner{background-color:var(--secondary-color)}.home-hero{background-color:var(--secondary-color);display:flex;justify-content:center;align-items:end}.hero-content{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;padding-top:1rem}.hero-text{text-transform:uppercase;text-align:center;font-size:var(--text-large);display:flex;flex-direction:column;gap:15px}.hero-text p{margin:0}.section{background-color:var(--main-color);color:var(--white-color);display:flex;flex-wrap:wrap;flex-direction:column}@media screen and (min-width: 768px){.section{flex-direction:row}}.section-title{font-size:32px;text-transform:uppercase}.section-content{padding:1rem;flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.section-content .navigation{display:flex;flex-direction:column;gap:10px;width:100%}.section-image-container{flex:1;padding:4rem}.section-image-container img{width:100%;object-fit:cover}.discover-gran-tour{background-color:var(--main-color);color:var(--white-color);display:flex;flex-wrap:wrap;flex-direction:column}@media screen and (min-width: 768px){.discover-gran-tour{flex-direction:row}}section .section-title,section .section-caption{margin:0}section.video{padding:10px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}section.contact-us{padding-bottom:2.5rem;display:flex;justify-content:center;align-items:center}section.contact-us .navigation{width:50%}section.contact-us p{margin:0}.footer{background-color:var(--secondary-color);padding:1rem}.footer p{text-align:center;margin:0}.footer a:visited{color:inherit}.maps-plp-main{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.maps-general-item{background-color:var(--main-color);color:var(--white-color)}.maps-plp-image-preview{width:100%;height:100%;object-fit:contain;border-radius:8px}.maps-plp-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.maps-plp-container a{text-decoration:none;color:var(--main-color)}.maps-plp-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:auto}.maps-plp-item p{text-align:center;font-size:var(--text-small);word-break:break-word}.not-found-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pdp-box{padding:calc(50px + 1.2rem) 0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.text{display:flex;justify-content:center;align-items:center;flex:1}.text h3{text-align:center}.images,.images-list{flex:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.images img,.images-list img{width:100%;height:100%;max-width:450px;max-height:auto;object-fit:contain}@media screen and (min-width: 920px){.pdp-box{flex-direction:row}.text{display:flex;justify-content:center}.images{flex-direction:row}}:root{--main-color: #232222;--secondary-color: #dcd9b5;--white-color: #fff;--black-color: #000;--text-small: 14px;--text-large: 24px;--text-medium: 20px;--text-xl: 36px}html,body{padding:0;margin:0;height:100%;width:100%;font-family:ArefRuqaa;background-color:var(--secondary-color)}#root{height:100%}@font-face{font-family:ArefRuqaa;src:url(/fonts/Aref_Ruqaa/ArefRuqaa-Regular.ttf) format("truetype")}@font-face{font-family:ArefRuqaaBold;src:url(/fonts/Aref_Ruqaa/ArefRuqaa-Bold.ttf) format("truetype")}@font-face{font-family:Splash;src:url(/fonts/Splash/Splash-Regular.ttf) format("truetype");font-weight:400}.button{all:unset;cursor:pointer;background-color:var(--secondary-color);border:1px solid var(--black-color);border-radius:8px;color:var(--black-color);text-decoration:none;text-align:center;text-transform:capitalize;padding:1rem}.main-content{min-height:calc(100vh - (30px + 2.8rem));overflow-y:scroll}.center-container{display:flex;justify-content:center;align-items:center}.plp-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.plp-container a{text-decoration:none;color:var(--main-color)}.plp-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:auto;text-align:center}.plp-image-preview{width:100%;height:100%;object-fit:contain;border-radius:8px}.shelf-container{display:flex;flex-direction:column;gap:50px}.shelf-row{display:grid;grid-template-columns:repeat(1,1fr);gap:60px;align-items:baseline}@media screen and (min-width: 768px){.shelf-row{grid-template-columns:repeat(3,1fr);padding-bottom:1rem;border-bottom:2px solid var(--black-color)}}.shelf-item{padding:2rem;display:flex;justify-content:center;align-items:center;border-radius:10px}