:root{--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-base:18px;--font-weight-normal:400;--font-weight-bold:600;--line-height-base:1.6;--color-text-primary:#f0f4ff;--color-text-secondary:#b8c5e0;--color-text-muted:#7a8bb8;--color-background-primary:#0a0e1a;--color-background-secondary:#151b2e;--color-border:#2a3654;--color-link:#6366f1;--color-link-hover:#818cf8;--color-accent:#6366f1;--color-accent-secondary:#a855f7;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-color:rgba(0,0,0,0.5);--shadow-sm:0 2px 4px var(--shadow-color);--shadow-md:0 4px 8px var(--shadow-color);--shadow-lg:0 8px 16px var(--shadow-color);--shadow-xl:0 12px 24px var(--shadow-color);--whatsapp-primary:#22c55e;--whatsapp-hover:#16a34a;--whatsapp-shadow:rgba(34,197,94,0.4);--footer-bg-gradient-start:#151b2e;--footer-bg-gradient-end:#0a0e1a;--footer-border-color:#2a3654;--footer-badge-bg:rgba(21,27,46,0.8);--footer-badge-border:#2a3654;--footer-badge-text:#b8c5e0;--footer-badge-link:#6366f1;--footer-text-muted:#7a8bb8;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--border-width:1.5px;--border-radius:0.75rem;--border-style:solid;--input-background:var(--color-background-secondary);--input-border:var(--color-border);--input-text-color:var(--color-text-primary);--input-padding:0.75rem;--input-focus-border:var(--color-accent);--input-focus-shadow:0 0 0 3px rgba(74,222,128,0.2);--textarea-min-height:6rem;--button-background:var(--color-accent);--button-text-color:#0d1b0d;--button-padding:0.75rem 1.5rem;--button-border-radius:var(--border-radius);--button-hover-background:var(--color-link-hover);--button-shadow:0 4px 12px rgba(74,222,128,0.3);--button-hover-shadow:0 6px 16px rgba(74,222,128,0.4);--nav-hover-background:rgba(74,222,128,0.1);--nav-hover-color:var(--color-accent);--nav-active-background:rgba(74,222,128,0.2);--container-max-width:75rem;--header-height:4rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}[data-theme=light]{--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a68;--color-text-muted:#7a7a9a;--color-background-primary:#fafbff;--color-background-secondary:#f0f3ff;--color-border:#d0d7ef;--color-link:#6366f1;--color-link-hover:#4f46e5;--color-accent:#6366f1;--color-accent-secondary:#a855f7;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-color:rgba(0,0,0,0.1);--shadow-sm:0 1px 3px var(--shadow-color);--shadow-md:0 4px 6px var(--shadow-color);--shadow-lg:0 10px 15px var(--shadow-color);--shadow-xl:0 20px 25px var(--shadow-color);--whatsapp-primary:#25d366;--whatsapp-hover:#20ba5a;--whatsapp-shadow:rgba(37,211,102,0.3);--footer-bg-gradient-start:#f0f3ff;--footer-bg-gradient-end:#fafbff;--footer-border-color:#d0d7ef;--footer-badge-bg:rgba(240,243,255,0.9);--footer-badge-border:#d0d7ef;--footer-badge-text:#4a4a68;--footer-badge-link:#6366f1;--footer-text-muted:#7a7a9a;--input-background:#ffffff;--input-focus-shadow:0 0 0 3px rgba(236,72,153,0.1);--button-text-color:#ffffff;--button-shadow:0 4px 12px rgba(236,72,153,0.2);--button-hover-shadow:0 6px 16px rgba(236,72,153,0.3);--nav-hover-background:rgba(236,72,153,0.05);--nav-hover-color:var(--color-accent);--nav-active-background:rgba(236,72,153,0.1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);background-color:var(--color-background-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-1)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-1);color:var(--color-text-secondary)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}header{background:linear-gradient(135deg,rgba(10,14,26,.98),rgba(21,27,46,.98));border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--color-accent),var(--color-accent-secondary)) 1;position:-webkit-sticky;position:sticky;top:0;z-index:1000;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 20px rgba(99,102,241,.1)}nav{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-2) var(--space-3);display:flex;justify-content:space-between;align-items:center}nav img{height:3rem;width:auto;transition:transform var(--transition-fast),filter var(--transition-fast);filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}nav img:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(99,102,241,.5))}nav ul{list-style:none;gap:var(--space-1);align-items:center}.desktop-nav,nav ul{display:flex}nav a{padding:.625rem 1.25rem;color:var(--color-text-primary);font-weight:500;font-size:.95rem;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-radius:2rem;border:1.5px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;transition:all var(--transition-fast);display:inline-block}nav a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));opacity:0;transition:opacity var(--transition-fast);z-index:-1;border-radius:2rem}nav a:hover{color:#ffffff;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px rgba(99,102,241,.4)}nav a:hover:before{opacity:1}main{flex:1 1;width:100%;max-width:var(--container-max-width);margin:0 auto}main,section{padding:var(--space-1)}section{background-color:var(--color-background-primary);margin-bottom:var(--space-4);border-radius:var(--border-radius);border:var(--border-width) var(--border-style) var(--color-border);transition:background-color var(--transition-normal),border-color var(--transition-normal)}section h1,section h2{border-bottom:3px solid var(--color-link);padding-bottom:var(--space-1);margin-bottom:var(--space-3)}footer,section h1,section h2{color:var(--color-text-primary)}footer{background:linear-gradient(135deg,var(--footer-bg-gradient-start) 0,var(--footer-bg-gradient-end) 100%);padding:var(--space-3) var(--space-2);border-top:var(--border-width) var(--border-style) var(--footer-border-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-2)}footer small{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--footer-badge-bg);border:1px solid var(--footer-badge-border);border-radius:2rem;box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:500;color:var(--footer-badge-text);transition:all var(--transition-normal)}footer small svg{flex-shrink:0;opacity:.8}footer small a{color:var(--footer-badge-link);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}footer small a:hover{color:var(--color-link-hover);text-shadow:0 0 8px var(--color-link-hover)}footer small:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}footer p{font-size:.75rem;color:var(--footer-text-muted);margin:0;text-align:center}ul{list-style:none}button{padding:var(--button-padding);background-color:var(--button-background);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--button-shadow)}button:hover{background-color:var(--button-hover-background);transform:translateY(-2px);box-shadow:var(--button-hover-shadow)}button:active{transform:translateY(0)}.whatsapp-float{position:fixed;bottom:5rem;right:2rem;width:60px;height:60px;background-color:var(--whatsapp-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--whatsapp-shadow);z-index:999;transition:all var(--transition-normal);animation:pulse 2s infinite}.whatsapp-float:hover{background-color:var(--whatsapp-hover);transform:scale(1.1);box-shadow:0 6px 16px var(--whatsapp-shadow)}.whatsapp-float:active{transform:scale(1.05)}@keyframes pulse{0%,to{box-shadow:0 4px 12px var(--whatsapp-shadow)}50%{box-shadow:0 4px 12px var(--whatsapp-shadow),0 0 0 8px rgba(34,197,94,.2)}}.instagram-feed{margin:var(--space-4) 0}.instagram-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0}.instagram-post{position:relative;overflow:hidden;border-radius:var(--border-radius);background-color:var(--color-background-secondary);border:var(--border-width) var(--border-style) var(--color-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal);aspect-ratio:1/1}.instagram-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.instagram-post a{display:block;width:100%;height:100%;position:relative}.instagram-post img,.instagram-post video{width:100%;height:100%;object-fit:cover;display:block}.theme-toggle{background:none;border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--color-text-primary)}.theme-toggle:hover{background-color:var(--nav-hover-background);border-color:var(--color-link);transform:scale(1.05)}.theme-toggle:focus{outline:2px solid var(--color-link);outline-offset:2px}.theme-toggle:active{animation:spin .3s ease-in-out}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger,.hamburger span{transition:all var(--transition-fast)}.hamburger span{display:block;width:28px;height:3px;background-color:var(--color-text-primary);border-radius:2px}.hamburger:hover span{background-color:var(--color-accent)}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:translateX(-10px)}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--color-background-primary);box-shadow:-4px 0 20px rgba(0,0,0,.5);z-index:1000;transition:right var(--transition-normal);overflow-y:auto;border-left:2px solid var(--color-border)}.mobile-menu.open{right:0}.mobile-menu ul{display:flex;flex-direction:column;gap:0;padding:5rem 0 2rem;margin:0}.mobile-menu li{list-style:none;border-bottom:1px solid var(--color-border)}.mobile-menu a{display:block;padding:1.25rem 1.5rem;color:var(--color-text-primary);text-decoration:none;font-size:1.1rem;font-weight:var(--font-weight-bold);transition:all var(--transition-fast);border:none;border-radius:0;box-shadow:none;background:transparent}.mobile-menu a:hover{background-color:var(--nav-hover-background);color:var(--color-accent);transform:none;padding-left:2rem}.mobile-menu .theme-toggle{margin:1.5rem;width:calc(100% - 3rem);justify-content:center}.contactanos,.que-hacemos{margin:var(--space-6) 0}.section-intro{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:var(--space-4);text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.service-item{background-color:var(--color-background-secondary);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);padding:var(--space-3);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.service-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.service-item h3{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--space-2);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-1)}.service-item p{color:var(--color-text-secondary);margin:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.contact-item{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(168,85,247,.08));border:2px solid var(--color-border);border-radius:1.5rem;padding:var(--space-2) var(--space-3);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));opacity:0;transition:opacity var(--transition-normal);z-index:0}.contact-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px rgba(99,102,241,.25);border-color:var(--color-accent)}.contact-item:hover:before{opacity:1}.contact-icon{font-size:2rem;margin-bottom:0;filter:grayscale(0);position:relative;z-index:1;transition:transform var(--transition-fast)}.contact-item:hover .contact-icon{transform:scale(1.2) rotate(5deg)}.contact-item h3{font-size:1rem;color:var(--color-text-primary);margin:0;border-bottom:none;position:relative;z-index:1}.contact-item a{color:var(--color-link);font-weight:var(--font-weight-bold);transition:all var(--transition-fast);position:relative;z-index:1;font-size:.95rem}.contact-item a:hover{color:var(--color-link-hover);text-shadow:0 0 12px rgba(99,102,241,.6);transform:scale(1.05)}@media (min-width:48rem){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}nav{padding:var(--space-3) var(--space-4)}main{padding:var(--space-4)}section{padding:var(--space-6) var(--space-4)}}@media (max-width:48rem){nav{padding:var(--space-1)}nav img{height:2.5rem}.desktop-nav{display:none!important}.hamburger{display:flex}.mobile-menu{display:block}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}main{padding:var(--space-1)}section{padding:var(--space-2);margin-bottom:var(--space-2)}.instagram-grid{grid-template-columns:1fr;gap:var(--space-1)}.contact-grid,.services-grid{grid-template-columns:1fr;gap:var(--space-2)}.whatsapp-float{bottom:4rem;right:1rem;width:56px;height:56px}footer{flex-direction:column;text-align:center;padding:var(--space-2);gap:var(--space-1)}footer small{font-size:.75rem;padding:.4rem .8rem}}@media (min-width:48rem) and (max-width:64rem){.contact-grid,.instagram-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}.contacto-modern{max-width:50rem;margin:0 auto}.contacto-header{text-align:center;margin-bottom:var(--space-6)}.contacto-title{font-size:3rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);display:inline-flex;align-items:center;gap:1rem}.wave-emoji{font-size:3rem;display:inline-block;animation:wave 1.5s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.contacto-intro{font-size:1.25rem;line-height:1.8;color:var(--color-text-secondary)}.contacto-links{flex-direction:column;margin-bottom:var(--space-6)}.contact-link,.contacto-links{display:flex;gap:var(--space-3)}.contact-link{align-items:center;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(168,85,247,.05));border:2px solid var(--color-border);border-radius:1.5rem;transition:all var(--transition-normal);position:relative;overflow:hidden;text-decoration:none}.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s ease}.contact-link:hover:before{left:100%}.contact-link:hover{transform:translateX(8px);border-color:var(--color-accent);box-shadow:0 8px 24px rgba(99,102,241,.2);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1))}.contact-link-icon{font-size:2.5rem;flex-shrink:0;transition:transform var(--transition-normal)}.contact-link:hover .contact-link-icon{transform:scale(1.2) rotate(10deg)}.contact-link-content{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.contact-link-content strong{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.contact-link-subtitle{color:var(--color-text-secondary);font-size:.95rem}.contact-link-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));color:white;border-radius:1rem;font-size:.75rem;font-weight:600;margin-top:.5rem;width:-moz-fit-content;width:fit-content;box-shadow:0 2px 8px rgba(99,102,241,.3)}.contact-link-arrow{font-size:1.5rem;color:var(--color-accent);transition:transform var(--transition-fast);flex-shrink:0}.contact-link:hover .contact-link-arrow{transform:translateX(8px)}.contacto-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-6)}.contacto-info-card{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(168,85,247,.05));border:2px solid var(--color-border);border-radius:1rem;transition:all var(--transition-normal)}.contacto-info-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 8px 20px rgba(99,102,241,.15)}.info-icon{font-size:2rem;flex-shrink:0}.contacto-info-card strong{display:block;color:var(--color-text-primary);font-size:1rem;margin-bottom:.25rem}.contacto-info-card p{color:var(--color-text-secondary);font-size:.9rem;margin:0;line-height:1.5}@media (max-width:48rem){.contacto-title,.wave-emoji{font-size:2rem}.contacto-intro{font-size:1.1rem}.contact-link{padding:var(--space-2) var(--space-3)}.contact-link-icon{font-size:2rem}.contacto-footer{grid-template-columns:1fr}}.products-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-4);margin-bottom:var(--space-6)}.product-item{background:linear-gradient(135deg,var(--color-background-secondary) 0,rgba(21,27,46,.95) 100%);border:2px solid var(--color-border);border-radius:1.25rem;overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr;grid-gap:0;gap:0;opacity:0;animation:fadeInUp .6s ease-out forwards;position:relative}.product-item:first-child{animation-delay:.1s}.product-item:nth-child(2){animation-delay:.2s}.product-item:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(168,85,247,.05));opacity:0;transition:opacity var(--transition-normal);z-index:0;pointer-events:none}.product-item:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 16px 40px rgba(99,102,241,.25),0 0 0 1px rgba(99,102,241,.1);border-color:var(--color-accent)}.product-item:hover:before{opacity:1}.product-image{position:relative;width:100%;overflow:hidden;background:var(--color-background-primary);border-bottom:2px solid var(--color-border);padding:var(--space-3);display:flex;align-items:center;justify-content:center;aspect-ratio:3/2}.product-image:after{content:"";position:absolute;inset:var(--space-2);border:2px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-normal);pointer-events:none;z-index:1}.product-item:hover .product-image:after{border-color:var(--color-accent);box-shadow:0 0 20px rgba(99,102,241,.3)}.product-image img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:calc(var(--border-radius) - 4px);transition:transform var(--transition-slow);position:relative;z-index:0}.product-item:hover .product-image img{transform:scale(1.05)}.product-content{padding:var(--space-4);position:relative;z-index:1}.product-content h2{color:var(--color-text-primary);font-size:1.75rem;margin-bottom:var(--space-3);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-normal)}.product-item:hover .product-content h2{border-bottom-color:var(--color-accent)}.product-content p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-2);font-size:1.05rem}.product-content p:last-child{margin-bottom:0}.product-content strong{color:var(--color-accent);font-weight:var(--font-weight-bold)}.additional-products{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px solid var(--color-border)}.additional-products h2{margin-bottom:var(--space-4);text-align:center}.additional-products ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0}.additional-products li{background-color:var(--color-background-secondary);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);padding:var(--space-3);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.additional-products li:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.additional-products h3{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--space-2);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-1)}.additional-products p{color:var(--color-text-secondary);margin:0;line-height:1.6}@media (min-width:48rem){.products-grid{grid-template-columns:1fr;gap:var(--space-8)}.product-item{grid-template-columns:1fr 1.2fr;gap:0}.product-item:nth-child(2n){grid-template-columns:1.2fr 1fr}.product-item:nth-child(2n) .product-image{order:2;border-bottom:none;border-left:2px solid var(--color-border);border-right:none}.product-item:nth-child(2n) .product-content{order:1}.product-image{border-bottom:none;border-right:2px solid var(--color-border);aspect-ratio:4/3}.product-image:after{inset:var(--space-3)}}@media (min-width:48rem) and (max-width:64rem){.product-item,.product-item:nth-child(2n){grid-template-columns:1fr}.product-item:nth-child(2n) .product-image{order:1;border-left:none;border-right:none;border-bottom:2px solid var(--color-border)}.product-item:nth-child(2n) .product-content{order:2}}