* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: 'GT-Super-Text';
  src: url("/public/fonts/GT-Super-Text-Book.eot");
  src: url("/public/fonts/GT-Super-Text-Book.eot?#iefix") format("embedded-opentype"),
       url("/public/fonts/GT-Super-Text-Book.woff") format("woff"),
       url("/public/fonts/GT-Super-Text-Book.woff2") format("woff2"),
       url("/public/fonts/GT-Super-Text-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GT-America';
  src: url("/public/fonts/GT-America-Standard-Regular.eot");
  src: url("/public/fonts/GT-America-Standard-Regular.eot?#iefix") format("embedded-opentype"),
       url("/public/fonts/GT-America-Standard-Regular.woff") format("woff"),
       url("/public/fonts/GT-America-Standard-Regular.woff2") format("woff2"),
       url("/public/fonts/GT-America-Standard-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GT-America';
  src: url("/public/fonts/GT-America-Standard-Regular-Italic.eot");
  src: url("/public/fonts/GT-America-Standard-Regular-Italic.eot?#iefix") format("embedded-opentype"),
       url("/public/fonts/GT-America-Standard-Regular-Italic.woff") format("woff"),
       url("/public/fonts/GT-America-Standard-Regular-Italic.woff2") format("woff2"),
       url("/public/fonts/GT-America-Standard-Regular-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'GT-America';
  src: url("/public/fonts/GT-America-Standard-Bold.eot");
  src: url("/public/fonts/GT-America-Standard-Bold.eot?#iefix") format("embedded-opentype"),
       url("/public/fonts/GT-America-Standard-Bold.woff") format("woff"),
       url("/public/fonts/GT-America-Standard-Bold.woff2") format("woff2"),
       url("/public/fonts/GT-America-Standard-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'GT-America';
  src: url("/public/fonts/GT-America-Standard-Bold-Italic.eot");
  src: url("/public/fonts/GT-America-Standard-Bold-Italic.eot?#iefix") format("embedded-opentype"),
       url("/public/fonts/GT-America-Standard-Bold-Italic.woff") format("woff"),
       url("/public/fonts/GT-America-Standard-Bold-Italic.woff2") format("woff2"),
       url("/public/fonts/GT-America-Standard-Bold-Italic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

body {
  font-family: "GT-America", "Helvetica", system, Arial, sans-serif;
  padding-top: 60px; /* Height of the navbar */
}

/* Navbar Styles */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  border-bottom: 1px solid #e0e0e0;
  z-index: 1000;
  padding: 10px 20px;
}

.nav-content {
  display: flex;
  align-items: center;
  gap: 50px;
}

.nav-content img {
  height: 35px; /* or any size that fits your design */
}
.nav-links li:hover{
  text-decoration: underline;
}
.nav-links {
  display: flex;
  gap: 10px;
  list-style: none;
  font-size: 11px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.nav-links li a {
  text-decoration: none;
  color: black;
  font-size: 14px;
  font-weight: 500;
}

/* Main container */
main {
  padding: 20px 30px;
}

/* Banner sections with relative positioning */
.banner-section {
  position: relative;
  margin-bottom: 40px;
}

/* Banner image */
.banner-section img {
  width: 100%;
  height: auto;
  display: block;
}

/* Text overlay properly positioned */
.text-overlay {
  position: absolute;
  top: 30px;
  left: 40px;
  z-index: 10;
  color: #000;
  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5);
}

.day-title {
  font-size: 24px;
  margin-bottom: 5px;
}

.text-overlay p, .right-text p, .left-text p{
  font-size: 20px;
  margin-bottom: 10px;
}

.text-overlay a, .pair-text a ,.left-text a, .right-text a {
  display: inline-block;
  background: transparent;
  color: #000;
  text-decoration: underline;
  font-size: 15px;
  margin-right: 10px;
  padding: 2px 0;
}

/* Flex container for image pairs with proper positioning */
.flex-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
  position: relative;
}

/* Image container for proper text positioning */
.image-container {
  position: relative;
  width: 50%;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

/* Left text overlay */
.left-text {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 10;
  color: #000;
  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5);
}

/* Right text overlay */
.right-text {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 10;
  color: #000;
  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5);
}

/* New Black Background Section Styles */
.black-section {
  background-color:#1B1B1B;
  color: #fff;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.side-text {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  z-index: 10;
  white-space: nowrap;
  margin-left: 10px;
}

.black-section-content {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 40px 0 25px 0;
}

.centered-image {
  width: 65%;
  max-width: 850px;
  margin: 0 auto;
}

.centered-image img {
  width: 100%;
  height: auto;
  display: block;
}

.section-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 65%;
  max-width: 850px;
  margin: 15px auto 0;
}

.black-section h2 {
  font-family: "GT-Super-Text", serif;
  font-size: 32px;
  margin: 5px 0;
  font-weight: normal;
  text-align: left;
  width: 100%;
}

.nav-discover {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 5px;
}

.navigation-controls {
  display: flex;
  gap: 15px;
}

.nav-arrow {
  background: transparent;
  border: none;
  color: #6b6b6b;
  font-size: 24px;
  cursor: pointer;
  padding: 5px;
}

.discover-link {
  text-align: right;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}

.discover-link a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: normal;
  text-transform: uppercase;
}

/* Side navigation text */
.side-nav {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-size: 14px;
  letter-spacing: 1px;
  display: flex;
  gap: 20px;
}

.side-nav span {
  display: block;
}

/* Footer Styles - Add to your existing CSS file */
.prada-footer {
  width: 100%;
  border-top: 1px solid #e0e0e0;
  padding: 40px 30px 20px;
  margin-top: 60px;
  font-family: "GT-America", "Helvetica", system, Arial, sans-serif;
}

.footer-content {
  max-width: 1440px;
  margin: 0 auto;
}

/* Social Media Icons Row */
.social-links {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.social-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.social-icon:hover {
  opacity: 1;
}

.facebook::before {
  content: '\f39e';
  font-family: "Font Awesome 5 Brands";
}

.twitter::before {
  content: '\f099';
  font-family: "Font Awesome 5 Brands";
}

.instagram::before {
  content: '\f16d';
  font-family: "Font Awesome 5 Brands";
}

.youtube::before {
  content: '\f167';
  font-family: "Font Awesome 5 Brands";
}

.spotify::before {
  content: '\f1bc';
  font-family: "Font Awesome 5 Brands";
}

.discord::before {
  content: '\f392';
  font-family: "Font Awesome 5 Brands";
}

.tiktok::before {
  content: '\e07b';
  font-family: "Font Awesome 5 Brands";
}

/* For browsers that don't support Font Awesome or if Font Awesome isn't loaded */
.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000000' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
}

.twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}

.instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}

.youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000000' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
}

.spotify {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='%23000000' d='M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z'/%3E%3C/svg%3E");
}

.discord {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z'/%3E%3C/svg%3E");
}

.tiktok {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'/%3E%3C/svg%3E");
}

/* Footer Columns Layout */
.footer-columns {
  display: flex;
  justify-content: flex-start;
  gap: 80px;
  margin-bottom: 60px;
}

.footer-column {
  flex: 0 0 auto;
}

.footer-spacer {
  flex-grow: 1;
}

.footer-column h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 14px;
}

.footer-column ul li a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  transition: opacity 0.2s;
}

.footer-column ul li a:hover {
  opacity: 0.7;
}

/* Footer Bottom Section */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

.copyright {
  font-size: 12px;
  color: #666;
}

.location-options {
  display: flex;
  align-items: center;
  gap: 30px;
}

.store-locator, .region-selector {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  cursor: pointer;
}

.location-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000000' d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.globe-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6c30-74.1 93.6-130.9 172-151.6c-25.5 34.2-45.3 87.7-55.3 151.6zM8.1 192C2.8 212.5 0 233.9 0 256s2.8 43.5 8.1 64H131.2c-2.1-20.6-3.2-42-3.2-64s1.1-43.4 3.2-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.3 483.9 48.6 427.1 18.6 352H135.3zm358.1 0c-30 75.1-93.6 131.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
  body {
    padding-top: 50px;
  }
  
  main {
    padding: 0;
  }
  
  .navbar {
    padding: 8px 15px;
  }
  
  .nav-content img {
    height: 28px;
  }
  
  .nav-links {
    display: none;
  }
  
  .flex-container {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
  }

  .image-container {
    width: 100%;
  }
  
  .banner-section {
    margin-bottom: 20px;
  }
  
  .text-overlay, .left-text, .right-text {
    top: 15px;
    left: 15px;
    max-width: 75%;
  }
  
  .day-title {
    font-size: 20px;
    margin-bottom: 3px;
  }
  
  .text-overlay p, .left-text p, .right-text p {
    font-size: 14px;
    margin-bottom: 8px;
  }
  
  .text-overlay a, .left-text a, .right-text a {
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 5px;
    display: inline-block;
  }
  
  /* Black section responsive styles */
  .black-section {
    padding: 0;
  }
  
  .pradasphere-label {
    top: 10px;
    left: 15px;
    font-size: 14px;
  }
  
  .centered-image {
    width: 100%;
    border-width: 5px;
  }
  
  .black-section h2 {
    font-size: 24px;
    margin-top: 0;
  }
  
  .navigation-controls {
    gap: 20px;
  }
  
  .discover-link {
    margin-top: 15px;
    padding-top: 10px;
  }
    .prada-footer {
    padding: 30px 15px 15px;
    margin-top: 40px;
  }
  
  .social-links {
    margin-bottom: 30px;
    justify-content: center;
  }
  
  .footer-columns {
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
  }
  
  .footer-column h4 {
    margin-bottom: 15px;
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  
  .location-options {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    width: 100%;
  }
}