/* Shop Page Styles - Matching Framer Aesthetic */.shop-page {min-height: 100vh;background: #ffffff;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;font-weight: 400;color: #000;line-height: 1.2em;}.shop-header {z-index: 100;margin: 0;padding: 3.5px 0;width: 100%;box-shadow: 0px 0px 3px #383431;background-color: white;position: sticky;top: 0;}.shop-header-content {display: flex;justify-content: space-between;align-items: center;width: 100%;/* padding: 0 20px; */}.shop-logo {margin: 0;padding: 15px 0;font-size: 23px;letter-spacing: 5px;text-transform: uppercase;color: #000000;text-decoration: none;font-weight: bolder;margin-right: -60px;}.cart-button {position: relative;background: #f5f5f5;border: none;border-radius: 15px;padding: 8px 15px;color: #000;font-weight: 400;cursor: pointer;transition: all 0.2s ease;font-size: 14px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;white-space: nowrap;flex-shrink: 0;margin-right: 20px;}.cart-button:hover {background: #eeeeee;transform: translateY(-1px);}.cart-badge {position: absolute;top: -5px;right: -5px;background: #000;color: white;border-radius: 50%;width: 18px;height: 18px;font-size: 10px;display: flex;align-items: center;justify-content: center;font-weight: 500;}.shop-hero {text-align: center;padding: 80px 20px;background: #ffffff;display: flex;flex-direction: row;align-items: center;justify-content: center;margin: 0 auto;}.hero-content {max-width: 300px;text-align: center;}.hero-branding {display: flex;flex-direction: column;align-items: center;gap: 15px;margin-bottom: 20px;}.hero-logo {width: 64px;height: 64px;-o-object-fit: contain; object-fit: contain;}.hero-title {font-size: 48px;font-weight: 500;color: #000;margin: 0;line-height: 1.2em;}.shop-hero p {font-size: 18px;color: #000;max-width: 600px;margin: 0;line-height: 1.6;opacity: 0.8;}.hero-content {flex: 1;text-align: left;}.hero-title {display: flex;text-align: center;align-items: center;gap: 15px;font-size: 48px;font-weight: 500;color: #000;margin: 0 0 20px 0;line-height: 1.2em;}.hero-logo {width: 48px;height: 48px;-o-object-fit: contain; object-fit: contain;}.hero-instagram {flex-shrink: 0;}/* Update Instagram slideshow for hero section */.hero-instagram .instagram-slideshow {position: static;bottom: auto;right: auto;animation: none;}.hero-instagram .instagram-post {width: 280px;}.shop-content {padding: 80px 20px;max-width: 960px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}.products-grid {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 20px;width: 100%;overflow-x: auto;padding-bottom: 20px;align-items: flex-start;justify-content: flex-start;}@media (min-width: 768px) {.products-grid {flex-wrap: wrap;justify-content: center;overflow-x: visible;}}.loading-skeleton {display: flex;flex-direction: row;gap: 20px;width: 100%;overflow-x: auto;padding-bottom: 20px;}.skeleton-card {background: #f5f5f5;border-radius: 20px;padding: 40px;min-width: 300px;height: 440px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.skeleton-image {width: 100%;height: 250px;background: #eeeeee;border-radius: 20px;margin-bottom: 20px;animation: pulse 1.5s ease-in-out infinite;}.skeleton-text {height: 16px;background: #eeeeee;border-radius: 8px;margin-bottom: 10px;animation: pulse 1.5s ease-in-out infinite;width: 100%;}.skeleton-text.short {width: 60%;}@keyframes pulse {0%,100% {opacity: 1;}50% {opacity: 0.6;}}.empty-state {text-align: center;padding: 80px 20px;color: #000;opacity: 0.6;}.empty-state h2 {font-size: 24px;margin-bottom: 15px;color: #000;font-weight: 500;}/* Product Card Styles - Framer Aesthetic */.product-card {background: #f5f5f5;border-radius: 20px;overflow: hidden;transition: all 0.3s ease;cursor: pointer;min-width: 300px;width: 300px;min-height: 440px;display: flex;flex-direction: column;padding: 40px;position: relative;will-change: transform;flex-shrink: 0;}.product-card:hover {transform: translateY(-2px);}.product-image-container {position: relative;width: 100%;height: 250px;overflow: hidden;border-radius: 20px;background: #eeeeee;margin-bottom: 20px;flex-shrink: 0;}.product-info {display: flex;flex-direction: column;gap: 5px;flex: 1;}.product-title {font-size: 18px;font-weight: 500;color: #000;margin: 0;cursor: pointer;transition: opacity 0.2s ease;line-height: 1.2em;}.product-title:hover {opacity: 0.7;}.product-price {font-size: 16px;font-weight: 400;color: #000;margin: 0;opacity: 0.8;}/* Price with Discount Styles */.price-with-discount {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}.original-price {text-decoration: line-through;color: #999;font-size: 14px;opacity: 0.7;}.discounted-price {color: #9BAD50;font-weight: 600;font-size: 18px;}.discount-badge {background: #9BAD50;color: white;padding: 2px 8px;border-radius: 12px;font-size: 12px;font-weight: 600;}.product-blurb {font-size: 14px;color: #000;margin: 5px 0 15px 0;line-height: 1.4;opacity: 0.6;}.product-actions {display: flex;align-items: center;gap: 10px;margin-top: auto;padding-top: 15px;}.add-to-cart-btn {background: #000;color: white;border: none;border-radius: 20px;padding: 12px 20px;font-weight: 400;cursor: pointer;transition: all 0.2s ease;font-size: 14px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;flex: 1;}.add-to-cart-btn:hover:not(.disabled) {background: #333;transform: translateY(-1px);}.add-to-cart-btn.disabled {background: #ccc;color: #666;cursor: not-allowed;transform: none;}/* Image Carousel Styles */.image-carousel {position: relative;width: 100%;height: 100%;}.image-carousel.no-image {display: flex;align-items: center;justify-content: center;background: #eeeeee;}.placeholder-image {color: #999;font-size: 14px;}.carousel-main {position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 20px;}.main-image {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;transition: opacity 0.3s ease-in-out;opacity: 0;}.main-image.fade-in {opacity: 1;}.image-loading {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 200% 100%;animation: shimmer 1.5s ease-in-out infinite;border-radius: 20px;display: flex;align-items: center;justify-content: center;}.image-loading::after {content: 'Loading...';color: #999;font-size: 12px;}@keyframes shimmer {0% {background-position: -200% 0;}100% {background-position: 200% 0;}}.carousel-btn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.9);border: none;border-radius: 50%;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 18px;color: #000;transition: all 0.2s ease;z-index: 10;}.carousel-btn:hover {background: white;transform: translateY(-50%) scale(1.1);}.prev-btn {left: 10px;}.next-btn {right: 10px;}.carousel-thumbnails {display: flex;gap: 5px;padding: 10px;justify-content: center;background: rgba(255, 255, 255, 0.9);position: absolute;bottom: 0;left: 0;right: 0;border-radius: 0 0 20px 20px;}.thumbnail {width: 32px;height: 32px;border: 2px solid transparent;border-radius: 8px;overflow: hidden;cursor: pointer;transition: border-color 0.2s ease;background: none;padding: 0;}.thumbnail.active {border-color: #000;}.thumbnail img {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;}/* Quantity Stepper Styles */.quantity-stepper {display: flex;align-items: center;border: 1px solid #eeeeee;border-radius: 20px;overflow: hidden;background: white;}.quantity-stepper.disabled {opacity: 0.5;pointer-events: none;}.quantity-btn {background: transparent;border: none;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 16px;color: #000;transition: background-color 0.2s ease;}.quantity-btn:hover:not(:disabled) {background: #f5f5f5;}.quantity-btn:disabled {color: #ccc;cursor: not-allowed;}.quantity-input {border: none;width: 40px;height: 32px;text-align: center;font-size: 14px;color: #000;background: transparent;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;}.quantity-input:focus {outline: none;background: #f5f5f5;}/* Size Selection Styles */.size-selection {display: flex;align-items: center;gap: 10px;margin: 10px 0;}.size-label {font-size: 14px;font-weight: 500;color: #000;margin: 0;min-width: 35px;}.size-select {background: white;border: 1px solid #eeeeee;border-radius: 10px;padding: 8px 12px;font-size: 14px;color: #000;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;cursor: pointer;transition: border-color 0.2s ease;flex: 1;}.size-select:focus {outline: none;border-color: #000;}.size-select:disabled {background: #f5f5f5;color: #999;cursor: not-allowed;}/* Cart Drawer Styles */.cart-drawer {position: fixed;top: 0;right: 0;width: 400px;height: 100vh;background: white;box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);z-index: 300;display: flex;flex-direction: column;animation: slideInRight 0.3s ease-out;}@keyframes slideInRight {from {transform: translateX(100%);}to {transform: translateX(0);}}.cart-header {display: flex;justify-content: space-between;align-items: center;padding: 40px;border-bottom: 1px solid #eeeeee;}.cart-header h2 {margin: 0;font-size: 24px;color: #000;font-weight: 500;}.close-btn {background: none;border: none;font-size: 24px;cursor: pointer;color: #000;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background-color 0.2s ease;}.close-btn:hover {background: #f5f5f5;}.cart-content {flex: 1;display: flex;flex-direction: column;overflow: hidden;}.cart-empty {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px;text-align: center;color: #000;opacity: 0.6;}.continue-shopping {background: #000;color: white;border: none;border-radius: 20px;padding: 15px 30px;font-weight: 400;cursor: pointer;margin-top: 20px;transition: background-color 0.2s ease;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;}.continue-shopping:hover {background: #333;}.cart-items {flex: 1;overflow-y: auto;padding: 20px 40px;}.cart-footer {border-top: 1px solid #eeeeee;padding: 40px;}.cart-subtotal {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;font-size: 18px;}.subtotal-label {color: #000;font-weight: 400;}.subtotal-amount {color: #000;font-weight: 500;}.checkout-btn {width: 100%;background: #000;color: white;border: none;border-radius: 15px;padding: 12px 20px;font-size: 14px;font-weight: 400;cursor: pointer;transition: all 0.2s ease;margin-bottom: 10px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;min-height: 44px;}.checkout-btn:hover:not(:disabled) {background: #333;transform: translateY(-1px);}.checkout-btn:disabled {background: #ccc;cursor: not-allowed;transform: none;}.checkout-btn.loading {position: relative;color: transparent;}.checkout-btn.loading::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;border: 2px solid transparent;border-top: 2px solid white;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: translate(-50%, -50%) rotate(0deg);}100% {transform: translate(-50%, -50%) rotate(360deg);}}.checkout-note {font-size: 12px;color: #000;text-align: center;margin: 0;opacity: 0.6;}/* Cart Item Row Styles */.cart-item-row {display: flex;gap: 15px;padding: 20px 0;border-bottom: 1px solid #f5f5f5;}.cart-item-row:last-child {border-bottom: none;}.item-image-container {flex-shrink: 0;width: 60px;height: 60px;border-radius: 10px;overflow: hidden;cursor: pointer;background: #f5f5f5;}.item-image {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;transition: transform 0.2s ease;}.item-image:hover {transform: scale(1.05);}.item-image-placeholder {width: 100%;height: 100%;background: #f5f5f5;display: flex;align-items: center;justify-content: center;font-size: 10px;color: #999;}.item-details {flex: 1;min-width: 0;}.item-title {font-size: 14px;font-weight: 400;color: #000;margin: 0 0 5px 0;cursor: pointer;transition: opacity 0.2s ease;}.item-title:hover {opacity: 0.7;}.item-price {font-size: 12px;color: #000;margin: 0 0 10px 0;opacity: 0.6;}.item-controls {display: flex;align-items: center;gap: 10px;}.remove-btn {background: none;border: none;color: #999;font-size: 12px;cursor: pointer;padding: 5px 10px;border-radius: 10px;transition: background-color 0.2s ease;}.remove-btn:hover {background: #f5f5f5;color: #000;}.item-total {flex-shrink: 0;display: flex;align-items: flex-start;padding-top: 5px;}.line-total {font-size: 14px;font-weight: 400;color: #000;}/* Toast Styles */.toast {position: fixed;bottom: 40px;right: 40px;background: #000;color: white;padding: 15px 20px;border-radius: 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);z-index: 1000;animation: slideIn 0.3s ease-out;font-size: 14px;font-weight: 400;}@keyframes slideIn {from {transform: translateX(100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}/* Cart Drawer Overlay */.cart-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 200;animation: fadeIn 0.3s ease-out;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}/* Mobile Responsive */@media (max-width: 768px) {.shop-header-content {padding: 0 15px;}.shop-logo {font-size: 18px;letter-spacing: 3px;}.shop-hero {padding: 40px 20px;}.shop-hero h1 {font-size: 36px;}.shop-content {padding: 40px 20px;}.products-grid {flex-direction: column;align-items: center;}.cart-drawer {width: 100vw;animation: slideInUp 0.3s ease-out;}@keyframes slideInUp {from {transform: translateY(100%);}to {transform: translateY(0);}}.product-actions {/* flex-direction: column; */align-items: stretch;}.quantity-stepper {align-self: flex-start;}.toast {bottom: 20px;right: 20px;}}/* Limited Time Promo Styles */.limited-time-promo {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);display: flex;align-items: center;justify-content: center;z-index: 1000;animation: fadeIn 0.5s ease-out;}.promo-content {background: white;border-radius: 20px;padding: 40px;max-width: 400px;width: 90%;text-align: center;position: relative;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);animation: slideInUp 0.5s ease-out;}@keyframes slideInUp {from {transform: translateY(50px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}.promo-close {position: absolute;top: 15px;right: 20px;background: none;border: none;font-size: 24px;cursor: pointer;color: #999;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.2s ease;}.promo-close:hover {background: #f5f5f5;color: #000;}.promo-badge {background: #9BAD50;color: white;padding: 5px 15px;border-radius: 15px;font-size: 12px;font-weight: 600;letter-spacing: 1px;margin-bottom: 20px;display: inline-block;}.promo-title {font-size: 28px;font-weight: 700;margin: 0 0 15px 0;line-height: 1.2;}.promo-code {font-size: 18px;margin: 0 0 25px 0;padding: 15px;background: #f5f5f5;border-radius: 10px;border: 2px dashed #DED6C8;}.promo-code strong {font-weight: 700;color: #9BAD50;font-size: 20px;letter-spacing: 2px;}.promo-timer {display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 20px;padding: 15px;background: #e1e6cb;border-radius: 10px;}.timer-label {font-size: 14px;font-weight: 400;}.timer-display {font-size: 24px;font-weight: 700;font-family: 'Courier New', monospace;min-width: 60px;}.promo-subtitle {font-size: 14px;margin: 0;opacity: 0.8;font-style: italic;}/* Blinking animation for urgency */.timer-display {animation: pulse 2s ease-in-out infinite;}@keyframes pulse {0%,100% {opacity: 1;}50% {opacity: 0.7;}}/* Persistent Promo Banner */.promo-banner {position: sticky;top: 0;z-index: 99;background: #e1e6cb;padding: 8px 0;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}.promo-banner-content {display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;padding: 0 20px;}.promo-banner-text {font-size: 14px;color: white;font-weight: 400;}.promo-banner-text strong {font-weight: 600;}.promo-banner-text .juliluna.text {color: #383431;font-weight: 700;}.promo-banner-timer {font-size: 14px;font-weight: 700;font-family: 'Courier New', monospace;color: #383431;background: white;padding: 4px 8px;border-radius: 4px;min-width: 50px;text-align: center;}/* Mobile responsive for promo banner */@media (max-width: 768px) {.promo-banner-content {padding: 0 15px;flex-direction: column;gap: 5px;}.promo-banner-text {font-size: 12px;text-align: center;}.promo-banner-timer {font-size: 12px;}}/* Re-offer specific styles */.promo-content:has(.promo-badge:contains("LAST CHANCE")) {border: 3px solid #BD9965;animation: urgentPulse 1s ease-in-out infinite;}@keyframes urgentPulse {0%,100% {box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}50% {box-shadow: 0 20px 40px rgba(189, 153, 101, 0.4);}}.promo-badge:contains("LAST CHANCE") {background: #BD9965;animation: badgePulse 2s ease-in-out infinite;}@keyframes badgePulse {0%,100% {transform: scale(1);}50% {transform: scale(1.05);}}/* Image error handling */.image-error {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #f5f5f5;border-radius: 20px;}.image-error .placeholder-image {color: #999;font-size: 14px;text-align: center;}/* Size Selection Styles */.size-selection {margin: 10px 0;display: flex;align-items: center;gap: 8px;}.size-label {font-size: 14px;font-weight: 500;color: #000;}.size-select {flex: 1;padding: 8px 12px;border: 1px solid #eeeeee;border-radius: 10px;background: white;font-size: 14px;color: #000;cursor: pointer;transition: border-color 0.2s ease;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;}.size-select:hover {border-color: #ddd;}.size-select:focus {outline: none;border-color: #000;}/* Cart Size Selection Styles */.cart-size-selection {margin: 8px 0;display: flex;align-items: center;gap: 6px;}.cart-size-label {font-size: 12px;font-weight: 500;color: #000;opacity: 0.8;}.cart-size-select {padding: 4px 8px;border: 1px solid #eeeeee;border-radius: 6px;background: white;font-size: 12px;color: #000;cursor: pointer;transition: border-color 0.2s ease;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;min-width: 80px;}.cart-size-select:hover {border-color: #ddd;}.cart-size-select:focus {outline: none;border-color: #000;}/* Size Selection Styles */.size-selection {display: flex;flex-direction: row;gap: 8px;margin: 10px 0;}.size-label {font-size: 14px;font-weight: 500;color: #000;margin: 0;}.size-select {background: white;border: 1px solid #eeeeee;border-radius: 10px;padding: 8px 12px;font-size: 14px;color: #000;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;cursor: pointer;transition: border-color 0.2s ease;}.size-select:focus {outline: none;border-color: #000;}.size-select:disabled {background: #f5f5f5;color: #999;cursor: not-allowed;}/* Cart Size Selection Styles */.cart-size-selection {display: flex;align-items: center;gap: 8px;margin: 5px 0;}.cart-size-label {font-size: 12px;font-weight: 500;color: #000;margin: 0;min-width: 35px;}.cart-size-select {background: white;border: 1px solid #eeeeee;border-radius: 6px;padding: 4px 8px;font-size: 12px;color: #000;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;cursor: pointer;transition: border-color 0.2s ease;min-width: 60px;}.cart-size-select:focus {outline: none;border-color: #000;}.cart-size-select:disabled {background: #f5f5f5;color: #999;cursor: not-allowed;}/* Cart Drawer Styles */.cart-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 1000;}.cart-drawer {position: fixed;top: 0;right: 0;width: 400px;height: 100vh;background: white;z-index: 1001;display: flex;flex-direction: column;box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);}@media (max-width: 480px) {.cart-drawer {width: 100vw;}}.cart-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid #eeeeee;}.cart-header h2 {margin: 0;font-size: 20px;font-weight: 500;color: #000;}.close-btn {background: none;border: none;font-size: 24px;cursor: pointer;color: #000;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background-color 0.2s ease;}.close-btn:hover {background: #f5f5f5;}.cart-content {flex: 1;display: flex;flex-direction: column;overflow: hidden;}.cart-empty {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 20px;text-align: center;}.cart-empty p {font-size: 16px;color: #000;margin: 0 0 20px 0;opacity: 0.6;}.continue-shopping {background: #000;color: white;border: none;border-radius: 20px;padding: 12px 24px;font-weight: 400;cursor: pointer;transition: all 0.2s ease;font-size: 14px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;}.continue-shopping:hover {background: #333;transform: translateY(-1px);}.cart-items {flex: 1;overflow-y: auto;padding: 0 20px;}.cart-footer {padding: 20px;border-top: 1px solid #eeeeee;background: white;}.cart-subtotal {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;font-size: 16px;}.subtotal-label {font-weight: 500;color: #000;}.subtotal-amount {font-weight: 500;color: #000;}.checkout-btn {width: 100%;background: #000;color: white;border: none;border-radius: 20px;padding: 15px 24px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;font-size: 16px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;margin-bottom: 10px;}.checkout-btn:hover:not(:disabled) {background: #333;transform: translateY(-1px);}.checkout-btn:disabled {background: #ccc;color: #666;cursor: not-allowed;transform: none;}.checkout-btn.loading {background: #666;cursor: not-allowed;}.checkout-note {font-size: 12px;color: #000;opacity: 0.6;text-align: center;margin: 0;}/* Cart Item Row Styles */.cart-item-row {display: flex;gap: 15px;padding: 20px 0;border-bottom: 1px solid #f5f5f5;}.cart-item-row:last-child {border-bottom: none;}.item-image-container {width: 80px;height: 80px;flex-shrink: 0;border-radius: 10px;overflow: hidden;background: #f5f5f5;cursor: pointer;}.item-image {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;}.item-image-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #999;}.item-details {flex: 1;display: flex;flex-direction: column;gap: 5px;}.item-title {font-size: 14px;font-weight: 500;color: #000;margin: 0;cursor: pointer;transition: opacity 0.2s ease;line-height: 1.3;}.item-title:hover {opacity: 0.7;}.item-price {font-size: 12px;color: #000;opacity: 0.6;margin: 0;}.item-controls {display: flex;align-items: center;gap: 10px;margin-top: auto;}.remove-btn {background: none;border: none;color: #000;opacity: 0.6;cursor: pointer;font-size: 12px;transition: opacity 0.2s ease;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;}.remove-btn:hover {opacity: 1;}.item-total {display: flex;align-items: flex-start;padding-top: 5px;}.line-total {font-size: 14px;font-weight: 500;color: #000;}/* Cart Size Selection Styles */.cart-size-selection {display: flex;align-items: center;gap: 8px;margin: 5px 0;}.cart-size-label {font-size: 12px;font-weight: 500;color: #000;margin: 0;min-width: 35px;}.cart-size-select {background: white;border: 1px solid #eeeeee;border-radius: 6px;padding: 4px 8px;font-size: 12px;color: #000;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;cursor: pointer;transition: border-color 0.2s ease;flex: 1;}.cart-size-select:focus {outline: none;border-color: #000;}.cart-size-select:disabled {background: #f5f5f5;color: #999;cursor: not-allowed;}/* Promo Activation Button */.promo-activate-btn {background: #000;color: white;border: none;border-radius: 25px;padding: 15px 30px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;margin: 15px 0;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;}.promo-activate-btn:hover {background: #333;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}/* Price with Discount Styles */.price-with-discount {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}.original-price {text-decoration: line-through;color: #999;font-size: 14px;}.discounted-price {color: #9BAD50;font-weight: 600;font-size: 18px;}.discount-badge {background: #9BAD50;color: white;padding: 2px 8px;border-radius: 12px;font-size: 12px;font-weight: 600;}/* Improved Timer Contrast */.timer-display {color: #000 !important;font-weight: bold !important;font-size: 1.2em !important;text-shadow: none !important;}.promo-banner-timer {color: #000 !important;font-weight: bold !important;}/* Promo Banner Positioning */.promo-banner {position: sticky;top: 0;z-index: 200;background: #e1e6cb;border-bottom: 1px solid #e9ecef;padding: 10px 20px;cursor: pointer;transition: background-color 0.2s ease;}.promo-banner:hover {background: #e9ecef;}.promo-banner-content {display: flex;justify-content: space-between;align-items: center;max-width: 960px;margin: 0 auto;}.promo-banner-text {font-size: 14px;color: #000;}.promo-banner-timer {font-size: 14px;font-weight: bold;color: #9BAD50;}/* Instagram Slideshow Styles */.instagram-slideshow {position: fixed;bottom: 20px;right: 20px;z-index: 150;animation: slideInUp 0.5s ease-out;}@keyframes slideInUp {from {transform: translateY(100%);opacity: 0;}to {transform: translateY(0);opacity: 1;}}.instagram-post {width: 300px;background: white;border-radius: 12px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);overflow: hidden;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}/* Instagram Header */.instagram-header {display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;border-bottom: 1px solid #efefef;}.instagram-profile {display: flex;align-items: center;gap: 12px;}.profile-pic {width: 32px;height: 32px;border-radius: 50%;background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);display: flex;align-items: center;justify-content: center;color: white;font-weight: bold;font-size: 14px;}.profile-info {display: flex;text-align: left;flex-direction: column;align-items: flex-start;justify-content: center;}.username {font-weight: 600;font-size: 14px;color: #262626;}.time {font-size: 12px;color: #8e8e8e;}.follow-btn {background: #0095f6;border: none;font-size: 14px;color: white;cursor: pointer;padding: 6px 16px;border-radius: 8px;font-weight: 600;transition: background-color 0.2s;}.follow-btn:hover {background: #1877f2;}/* Instagram Image */.instagram-image-container {position: relative;aspect-ratio: 4/5;overflow: hidden;}.instagram-image {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;transition: transform 0.3s ease;}.instagram-image:hover {transform: scale(1.02);}/* Navigation Arrows */.nav-arrow {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0, 0, 0, 0.5);color: white;border: none;border-radius: 50%;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 18px;opacity: 0;transition: opacity 0.3s ease;}.instagram-image-container:hover .nav-arrow {opacity: 1;}.nav-arrow.prev {left: 12px;}.nav-arrow.next {right: 12px;}.nav-arrow:hover {background: rgba(0, 0, 0, 0.7);}/* Dots Indicator */.dots-indicator {position: absolute;bottom: 12px;left: 50%;transform: translateX(-50%);display: flex;gap: 6px;}.dot {width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);border: none;cursor: pointer;transition: background-color 0.3s ease;}.dot.active {background: white;}/* Instagram Footer */.instagram-footer {padding: 12px 16px;}.instagram-actions {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.action-buttons {display: flex;gap: 16px;}.action-btn,.bookmark-btn {background: none;border: none;font-size: 20px;cursor: pointer;padding: 4px;transition: transform 0.2s ease;}.action-btn:hover,.bookmark-btn:hover {transform: scale(1.1);}.likes-count {font-size: 14px;color: #262626;margin-bottom: 8px;}.caption {font-size: 14px;color: #262626;line-height: 1.4;}.caption strong {font-weight: 600;}/* Mobile Responsive */@media only screen and (max-width: 768px) {.instagram-slideshow {bottom: 10px;right: 10px;}.instagram-post {width: 280px;}}@media only screen and (max-width: 480px) {.instagram-slideshow {bottom: 80px;/* Above mobile nav if any */right: 10px;}.instagram-post {width: 260px;}}/* Promo Banner Positioning - Right Under Header */.promo-banner {position: sticky;top: 60px;/* Position right under the header */z-index: 200;background: #e1e6cb;border-bottom: 1px solid #e9ecef;padding: 10px 20px;cursor: pointer;transition: background-color 0.2s ease;}.promo-banner:hover {background: #e9ecef;}.promo-banner-content {display: flex;justify-content: space-between;align-items: center;max-width: 960px;margin: 0 auto;}.promo-banner-text {font-size: 14px;color: #000;}/* Mobile responsive hero */@media only screen and (max-width: 768px) {.shop-hero {flex-direction: column;text-align: center;gap: 30px;}.hero-content {text-align: center;}.hero-title {justify-content: center;font-size: 36px;}.hero-logo {width: 36px;height: 36px;}.hero-instagram .instagram-post {width: 300px;}}/* Mobile Responsive Styles */@media only screen and (max-width: 768px) {.shop-hero {padding: 40px 20px;}.hero-title {font-size: 36px;}.hero-logo {width: 48px;height: 48px;}}/* Hero Instagram Slideshow */.hero-instagram {margin-top: 40px;}@media only screen and (min-width: 768px) {.shop-hero {display: flex;flex-direction: row;align-items: center;gap: 60px;text-align: left;}.hero-content {text-align: center;}.hero-instagram {margin-top: 0;}}/* Mobile Responsive Styles */@media only screen and (max-width: 450px) {.shop-header-content {padding: 0;}.shop-logo {margin-right: -70px;}.product-card {min-width: 250px;width: 250px;}}