/* Full stylesheet copied for ASP.NET Core wwwroot hosting */
/* Consolidate later by deleting root duplicate once verified. */
/* =====================================
	GLOBAL STYLES & VARIABLES
	===================================== */

:root { --primary-color:#2c2c2c; --secondary-color:#8b7355; --accent-color:#c9a67a; --text-color:#333333; --text-light:#666666; --bg-white:#ffffff; --bg-light:#f8f8f8; --bg-gray:#e8e8e8; --transition:all 0.3s ease; --shadow:0 4px 20px rgba(0,0,0,0.08); --shadow-hover:0 8px 30px rgba(0,0,0,0.12);} * {margin:0;padding:0;box-sizing:border-box;} html {scroll-behavior:smooth;} body {font-family:'Montserrat',sans-serif;color:var(--text-color);background-color:var(--bg-white);line-height:1.6;overflow-x:hidden;} h1,h2,h3,h4,h5,h6 {font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.3;color:var(--primary-color);} img {max-width:100%;height:auto;display:block;} a {text-decoration:none;color:inherit;transition:var(--transition);} button {cursor:pointer;border:none;background:none;font-family:inherit;} .container {max-width:1200px;margin:0 auto;padding:0 20px;}

/* NAVIGATION */
.navbar {background-color:var(--bg-white);padding:20px 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:var(--shadow);transition:var(--transition);} .navbar.scrolled {padding:15px 0;box-shadow:0 2px 15px rgba(0,0,0,0.1);} .nav-wrapper {display:flex;justify-content:space-between;align-items:center;} .logo a {font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:600;letter-spacing:2px;color:var(--primary-color);} .nav-menu {display:flex;list-style:none;gap:40px;} .nav-menu a {font-size:0.95rem;font-weight:400;letter-spacing:0.5px;color:var(--text-color);position:relative;} .nav-menu a::after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:var(--transition);} .nav-menu a:hover::after,.nav-menu a.active::after {width:100%;} .mobile-menu-toggle {display:none;flex-direction:column;gap:5px;} .mobile-menu-toggle span {width:25px;height:2px;background-color:var(--primary-color);transition:var(--transition);} 

/* Language Selector */
.lang-selector {display:flex;align-items:center;margin-left:20px;order:10;} .lang-selector select {padding:6px 12px;border:1px solid var(--bg-gray);background:var(--bg-white);font-family:inherit;font-size:0.85rem;color:var(--text-color);cursor:pointer;border-radius:4px;transition:var(--transition);} .lang-selector select:hover,.lang-selector select:focus {border-color:var(--accent-color);outline:none;} 

/* HERO */
.hero {height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../img/about/landing.jpg') center/cover no-repeat;position:relative;margin-top:80px;} .hero-content {text-align:center;max-width:800px;padding:0 20px;} .hero-title {font-size:4rem;margin-bottom:20px;color:var(--bg-white);text-shadow:2px 2px 4px rgba(0,0,0,0.3);} .hero-subtitle {font-size:1.3rem;color:var(--bg-white);margin-bottom:40px;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,0.3);} .scroll-indicator {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);} .scroll-indicator span {display:block;width:24px;height:40px;border:2px solid var(--bg-white);border-radius:20px;position:relative;} .scroll-indicator span::after {content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:8px;background-color:var(--bg-white);border-radius:2px;animation:scroll 2s infinite;} @keyframes scroll {0%{top:8px;opacity:1;}50%{top:16px;opacity:.5;}100%{top:8px;opacity:1;}}

/* BUTTONS */
.btn {display:inline-block;padding:15px 40px;font-size:0.95rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:var(--transition);border:2px solid;} .btn-primary {background-color:var(--primary-color);color:var(--bg-white);border-color:var(--primary-color);} .btn-primary:hover {background-color:transparent;color:var(--primary-color);} .btn-secondary {background-color:transparent;color:var(--primary-color);border-color:var(--primary-color);} .btn-secondary:hover {background-color:var(--primary-color);color:var(--bg-white);} 

/* FEATURED / SECTIONS */
.section-title {font-size:2.5rem;text-align:center;margin-bottom:15px;color:var(--primary-color);} .section-subtitle {text-align:center;color:var(--text-light);margin-bottom:60px;font-size:1.1rem;} .featured-section,.why-section,.about-section,.values-section,.process-section,.team-section {padding:100px 0;} .why-section {background-color:var(--bg-light);} .featured-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px;} .featured-item {text-align:center;transition:var(--transition);} .featured-image {width:100%;height:350px;margin-bottom:25px;overflow:hidden;background-color:var(--bg-gray);transition:var(--transition);} .featured-item:hover .featured-image {transform:translateY(-10px);box-shadow:var(--shadow-hover);} .featured-item h3 {font-size:1.5rem;margin-bottom:10px;} .featured-item p {color:var(--text-light);font-size:0.95rem;}

/* FEATURES GRID */
.features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-top:60px;} .feature-item {text-align:center;padding:30px;} .feature-icon {font-size:3rem;color:var(--accent-color);margin-bottom:20px;} .feature-item h3 {font-size:1.4rem;margin-bottom:15px;} .feature-item p {color:var(--text-light);line-height:1.8;}

/* CTA */
.cta-section {padding:100px 0;background-color:var(--primary-color);color:var(--bg-white);text-align:center;} .cta-section h2 {font-size:2.5rem;color:var(--bg-white);margin-bottom:15px;} .cta-section p {font-size:1.2rem;margin-bottom:40px;opacity:0.9;} .cta-section .btn-secondary {border-color:var(--bg-white);color:var(--bg-white);} .cta-section .btn-secondary:hover {background-color:var(--bg-white);color:var(--primary-color);} 

/* FOOTER */
.footer {background-color:var(--primary-color);color:var(--bg-white);padding:60px 0 30px;} .footer-content,.footer-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;} .footer-col h4,.footer-section h3,.footer-section h4 {color:var(--bg-white);font-size:1.3rem;margin-bottom:20px;} .footer-col p,.footer-section p {opacity:0.8;line-height:1.8;} .footer-col ul,.footer-section ul {list-style:none;} .footer-col ul li,.footer-section ul li {margin-bottom:10px;opacity:0.8;} .footer-col ul li a:hover,.footer-section ul li a:hover {color:var(--accent-color);} .footer-section .social-links {display:flex;gap:15px;} .footer-section .social-links a {opacity:0.8;transition:var(--transition);} .footer-section .social-links a:hover {opacity:1;color:var(--accent-color);} .footer-bottom {padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;opacity:0.7;}

/* PAGE HEADER */
.page-header {background:linear-gradient(135deg,#f8f8f8 0%,#ffffff 100%);padding:150px 0 80px;text-align:center;margin-top:80px;} .page-header h1 {font-size:3.5rem;margin-bottom:15px;} .page-header p {font-size:1.2rem;color:var(--text-light);} 

/* GALLERY */
.gallery-filter,.gallery-filters {padding:40px 0;background-color:var(--bg-white);} .filter-buttons,.gallery-filters {display:flex;justify-content:center;gap:20px;flex-wrap:wrap;} .filter-btn {padding:10px 25px;background:transparent;color:var(--text-color);border:2px solid var(--bg-gray);font-size:0.9rem;font-weight:500;letter-spacing:0.5px;transition:var(--transition);border-radius:4px;} .filter-btn:hover,.filter-btn.active {background-color:var(--primary-color);color:var(--bg-white);border-color:var(--primary-color);} .gallery-section {padding:60px 0 100px;} .gallery-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;} .gallery-item {opacity:1;transition:var(--transition);} .gallery-item.hidden {display:none;} .gallery-image {width:100%;aspect-ratio:4/3;background-color:var(--bg-gray);margin-bottom:20px;overflow:hidden;transition:var(--transition);} .gallery-image img {width:100%;height:100%;object-fit:cover;} .gallery-item:hover .gallery-image {transform:translateY(-5px);box-shadow:var(--shadow-hover);} .gallery-info h3 {font-size:1.3rem;margin-bottom:8px;} .gallery-info p {color:var(--text-light);font-size:0.9rem;}

/* ABOUT */
.about-story {padding:100px 0;} .story-content {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .story-text {order:1;} .story-image {order:2;} .story-text h2 {font-size:2.5rem;margin-bottom:30px;color:var(--primary-color);} .story-text p {margin-bottom:20px;line-height:1.8;color:var(--text-light);} .story-image img {width:100%;height:auto;object-fit:cover;}
.about-content {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;} .about-text h2 {font-size:2.5rem;margin-bottom:30px;} .about-text p {margin-bottom:20px;line-height:1.8;color:var(--text-light);} .about-image {width:100%;height:400px;background-color:var(--bg-gray);} .values-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:60px;} .value-item {padding:40px 30px;background-color:var(--bg-white);border:1px solid var(--bg-gray);transition:var(--transition);} .value-item:hover {box-shadow:var(--shadow-hover);transform:translateY(-5px);} .value-item h3 {font-size:1.5rem;margin-bottom:15px;} .value-item p {color:var(--text-light);line-height:1.8;} .process-section {background-color:var(--bg-light);} .process-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:60px;} .process-step {text-align:center;padding:40px 20px;} .step-number {font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:600;color:var(--accent-color);margin-bottom:20px;} .team-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-top:60px;} .team-member {text-align:center;} .member-image {width:100%;height:350px;background-color:var(--bg-gray);margin-bottom:25px;transition:var(--transition);} .team-member:hover .member-image {transform:scale(1.02);} .team-member h3 {font-size:1.5rem;margin-bottom:8px;} .team-member p {color:var(--accent-color);font-size:0.95rem;letter-spacing:0.5px;}

/* CONTACT */
.contact-section {padding:80px 0;} .contact-wrapper {display:grid;grid-template-columns:1fr 1fr;gap:80px;} .contact-form-container h2,.contact-info-container h2,.contact-map-container h2 {font-size:2rem;margin-bottom:30px;} .contact-form {display:flex;flex-direction:column;gap:25px;} .form-group {display:flex;flex-direction:column;} .form-group label {margin-bottom:8px;font-weight:500;color:var(--text-color);} .form-group input,.form-group select,.form-group textarea {padding:12px 15px;border:2px solid var(--bg-gray);font-family:inherit;font-size:0.95rem;transition:var(--transition);background-color:var(--bg-white);} .form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:var(--accent-color);} .form-group textarea {resize:vertical;min-height:120px;} .form-message {margin-top:20px;padding:15px;border-radius:4px;display:none;} .form-message.success {background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block;} .form-message.error {background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block;} .contact-info-container p {margin-bottom:30px;line-height:1.8;color:var(--text-light);} .contact-details {display:flex;flex-direction:column;gap:30px;margin-bottom:40px;} .contact-detail {display:flex;gap:20px;} .detail-icon {font-size:2rem;flex-shrink:0;} .social-links {margin-top:40px;} .social-icons {display:flex;gap:20px;} .social-icons a {color:var(--text-color);font-size:0.9rem;padding:8px 16px;border:2px solid var(--bg-gray);transition:var(--transition);} .social-icons a:hover {background-color:var(--primary-color);color:var(--bg-white);border-color:var(--primary-color);} .map-section {height:400px;background-color:var(--bg-gray);} .map-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.2rem;} .contact-map-container {display:flex;flex-direction:column;} .map-embed {flex:1;min-height:400px;background-color:#1a1a2e;border-radius:8px;overflow:hidden;margin-bottom:20px;} .map-embed iframe {width:100%;height:100%;min-height:400px;display:block;} .map-link {text-align:center;margin-top:10px;}

/* TESTIMONIALS */
.testimonial-featured {padding:80px 0;background-color:var(--bg-light);} .featured-quote {max-width:800px;margin:0 auto;text-align:center;} .quote-icon {font-size:4rem;color:var(--accent-color);line-height:1;margin-bottom:20px;} .featured-quote blockquote {font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-style:italic;line-height:1.6;color:var(--primary-color);margin-bottom:30px;} .quote-author {display:flex;align-items:center;justify-content:center;gap:20px;} .author-avatar {width:60px;height:60px;border-radius:50%;background-color:var(--accent-color);color:var(--bg-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;} .author-info {text-align:left;} .author-info h4 {font-size:1.2rem;margin-bottom:5px;} .author-info p {color:var(--text-light);font-size:0.9rem;margin-bottom:5px;} .stars {color:var(--accent-color);font-size:1rem;letter-spacing:2px;}

.testimonials-section {padding:80px 0;} .testimonials-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;} .testimonial-card {background:var(--bg-white);border:1px solid var(--bg-gray);padding:30px;transition:var(--transition);} .testimonial-card:hover {box-shadow:var(--shadow-hover);transform:translateY(-5px);} .testimonial-card .stars {margin-bottom:15px;} .testimonial-text {font-size:1rem;line-height:1.8;color:var(--text-color);margin-bottom:20px;font-style:italic;} .testimonial-author {display:flex;align-items:center;gap:15px;margin-bottom:15px;} .testimonial-author .author-avatar {width:50px;height:50px;font-size:1rem;} .author-details h5 {font-size:1rem;margin-bottom:3px;} .author-details p {font-size:0.85rem;color:var(--text-light);} .testimonial-product {font-size:0.85rem;color:var(--accent-color);font-weight:500;padding-top:15px;border-top:1px solid var(--bg-gray);}

.testimonial-stats {padding:80px 0;background-color:var(--primary-color);} .stats-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center;} .stat-number {font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:600;color:var(--bg-white);margin-bottom:10px;} .stat-item p {color:var(--bg-white);opacity:0.9;font-size:1rem;}

/* PRODUCT DETAIL */
.product-detail-section {padding:120px 0 80px;margin-top:80px;} .back-link {display:inline-block;color:var(--accent-color);font-weight:500;margin-bottom:40px;transition:var(--transition);} .back-link:hover {color:var(--primary-color);} .product-detail-wrapper {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;} .product-image-container {position:sticky;top:120px;} .product-main-image {width:100%;aspect-ratio:4/3;background-color:var(--bg-gray);overflow:hidden;border-radius:4px;} .product-main-image img {width:100%;height:100%;object-fit:cover;} .product-info-container {padding:20px 0;} .product-category {display:inline-block;background-color:var(--accent-color);color:var(--bg-white);padding:6px 16px;font-size:0.8rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;border-radius:4px;margin-bottom:20px;} .product-title {font-size:2.8rem;margin-bottom:20px;line-height:1.2;} .product-description {font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:40px;} .product-features {margin-bottom:40px;} .product-features h3 {font-size:1.3rem;margin-bottom:20px;} .product-features ul {list-style:none;} .product-features li {padding:10px 0;padding-left:30px;position:relative;color:var(--text-light);border-bottom:1px solid var(--bg-gray);} .product-features li::before {content:'✓';position:absolute;left:0;color:var(--accent-color);font-weight:bold;} .product-details-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;padding:30px;background-color:var(--bg-light);border-radius:4px;} .detail-item {display:flex;flex-direction:column;gap:5px;} .detail-label {font-size:0.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px;} .detail-value {font-size:1rem;font-weight:500;color:var(--primary-color);} .product-actions {display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap;} .product-actions .btn {flex:1;min-width:200px;text-align:center;} .product-guarantee {display:flex;flex-direction:column;gap:15px;padding:20px;border:1px solid var(--bg-gray);border-radius:4px;} .guarantee-item {display:flex;align-items:center;gap:12px;font-size:0.95rem;color:var(--text-color);} .guarantee-icon {color:var(--accent-color);font-weight:bold;font-size:1.1rem;} .product-not-found {text-align:center;padding:80px 20px;} .product-not-found h2 {margin-bottom:20px;} .product-not-found p {color:var(--text-light);margin-bottom:30px;}

/* RELATED PRODUCTS */
.related-products {padding:80px 0;background-color:var(--bg-light);} .related-products h2 {text-align:center;font-size:2rem;margin-bottom:50px;} .related-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;} .related-item {display:block;text-align:center;transition:var(--transition);} .related-item:hover {transform:translateY(-5px);} .related-image {width:100%;aspect-ratio:4/3;background-color:var(--bg-gray);overflow:hidden;margin-bottom:15px;border-radius:4px;} .related-image img {width:100%;height:100%;object-fit:cover;transition:var(--transition);} .related-item:hover .related-image img {transform:scale(1.05);} .related-item h4 {font-size:1.2rem;color:var(--primary-color);}

/* PLACEHOLDER IMAGE */
.placeholder-image {width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e8e8 0%,#f8f8f8 100%);color:var(--text-light);font-size:1.1rem;font-weight:500;}

/* ANIMATIONS */
.fade-in {animation:fadeIn 1s ease-in;} .fade-in-delay {animation:fadeIn 1s ease-in 0.3s backwards;} .fade-in-delay-2 {animation:fadeIn 1s ease-in 0.6s backwards;} @keyframes fadeIn {from {opacity:0;transform:translateY(20px);} to {opacity:1;transform:translateY(0);}}

/* CART ICON */
.cart-icon-link {display:flex;align-items:center;position:relative;margin-left:20px;padding:8px;text-decoration:none;} .cart-icon {font-size:1.4rem;} .cart-badge {position:absolute;top:0;right:0;background-color:var(--accent-color);color:var(--bg-white);font-size:0.7rem;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(25%,-25%);} .cart-badge:empty,.cart-badge[data-count="0"] {display:none;}

/* CART NOTIFICATION */
.cart-notification {position:fixed;bottom:30px;right:30px;background-color:var(--primary-color);color:var(--bg-white);padding:15px 25px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);z-index:9999;animation:slideInUp 0.3s ease;display:flex;align-items:center;gap:10px;} .cart-notification.hide {animation:slideOutDown 0.3s ease forwards;} @keyframes slideInUp {from {transform:translateY(100px);opacity:0;} to {transform:translateY(0);opacity:1;}} @keyframes slideOutDown {from {transform:translateY(0);opacity:1;} to {transform:translateY(100px);opacity:0;}}

/* PRODUCT PRICE */
.product-price-container {margin-bottom:30px;} .product-price-container .price {font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:600;color:var(--accent-color);} .related-item .price {display:block;font-size:1.1rem;font-weight:600;color:var(--accent-color);margin-top:8px;}

/* CART PAGE */
.cart-section {padding:80px 0;min-height:60vh;} .cart-empty {text-align:center;padding:80px 20px;} .cart-empty h2 {margin-bottom:15px;font-size:2rem;} .cart-empty p {color:var(--text-light);margin-bottom:30px;} .cart-layout {display:grid;grid-template-columns:1fr 400px;gap:50px;align-items:start;} .cart-items {display:flex;flex-direction:column;gap:20px;} .cart-item {display:grid;grid-template-columns:120px 1fr auto;gap:25px;padding:25px;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:8px;align-items:center;} .cart-item-image {width:120px;height:90px;overflow:hidden;border-radius:4px;background-color:var(--bg-gray);} .cart-item-image img {width:100%;height:100%;object-fit:cover;} .cart-item-details h3 {font-size:1.2rem;margin-bottom:8px;} .cart-item-details .item-price {color:var(--accent-color);font-weight:600;font-size:1.1rem;margin-bottom:10px;} .quantity-controls {display:flex;align-items:center;gap:10px;} .qty-btn {width:32px;height:32px;border:1px solid var(--bg-gray);background:var(--bg-white);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);border-radius:4px;} .qty-btn:hover {background:var(--bg-light);} .quantity-controls span {font-weight:500;min-width:30px;text-align:center;} .remove-item {background:none;border:none;color:var(--text-light);cursor:pointer;font-size:0.9rem;transition:var(--transition);padding:5px 10px;} .remove-item:hover {color:#dc3545;} .cart-item-subtotal {text-align:right;} .cart-item-subtotal .subtotal-label {font-size:0.85rem;color:var(--text-light);margin-bottom:5px;} .cart-item-subtotal .subtotal-amount {font-size:1.3rem;font-weight:600;color:var(--primary-color);}

/* CART SUMMARY */
.cart-summary {background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:8px;padding:30px;position:sticky;top:120px;} .cart-summary h2 {font-size:1.5rem;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--bg-gray);} .summary-row {display:flex;justify-content:space-between;padding:12px 0;font-size:1rem;} .summary-row.total {border-top:2px solid var(--primary-color);margin-top:15px;padding-top:20px;font-size:1.3rem;font-weight:600;} .summary-row.total span:last-child {color:var(--accent-color);} .checkout-section {margin-top:30px;} .checkout-section h3 {font-size:1.1rem;margin-bottom:20px;text-align:center;color:var(--text-light);} #paypal-button-container {min-height:150px;} .secure-badge {display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;font-size:0.85rem;color:var(--text-light);}

/* CART GUARANTEES */
.cart-guarantees {margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;} .cart-guarantee-item {display:flex;align-items:center;gap:10px;font-size:0.85rem;color:var(--text-color);padding:10px;background:var(--bg-light);border-radius:4px;} .cart-guarantee-item span:first-child {font-size:1.2rem;}

/* RESPONSIVE */
@media (max-width:968px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.about-content,.story-content,.contact-wrapper,.product-detail-wrapper,.cart-layout{grid-template-columns:1fr;gap:40px}.story-text,.story-image{order:unset}.product-image-container{position:static}.cart-summary{position:static}.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background-color:var(--bg-white);width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow);padding:40px 0;gap:20px}.nav-menu.active{left:0}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.stats-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:600px){.hero{margin-top:70px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.page-header{padding:120px 0 60px;margin-top:70px}.page-header h1{font-size:2.5rem}.featured-grid,.features-grid,.gallery-grid{grid-template-columns:1fr}.filter-buttons{gap:10px}.filter-btn{padding:8px 18px;font-size:0.85rem}.cta-section h2{font-size:2rem}.btn{padding:12px 30px;font-size:0.9rem}.product-title{font-size:2rem}.product-details-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-actions .btn{min-width:100%}.stats-grid{grid-template-columns:1fr;gap:30px}.cart-item{grid-template-columns:80px 1fr;gap:15px}.cart-item-subtotal{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--bg-gray)}.cart-guarantees{grid-template-columns:1fr}}