:root{--color-primary: #2E7D32;--color-primary-dark: #1B5E20;--color-secondary: #F5F5DC;--color-text: #333333;--color-text-light: #666666;--color-white: #FFFFFF;--color-border: #E0E0E0;--font-main: "Outfit", system-ui, -apple-system, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px;--container-width: 1200px;--border-radius: 8px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-white);color:var(--color-text);line-height:1.6}a{text-decoration:none;color:inherit;transition:color .3s}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:12px 24px;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius);font-weight:500;border:none;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:transparent;border:1px solid var(--color-text);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-text);color:var(--color-white)}h1,h2,h3,h4{font-weight:600;line-height:1.2}h1{font-size:2.5rem;margin-bottom:var(--spacing-md)}h2{font-size:2rem;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-.5px}.main-header{background-color:var(--color-white);padding:20px 0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.nav-list{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-link{font-weight:500;color:var(--color-text);position:relative;padding-bottom:2px}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--color-primary);transition:width .3s ease}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--color-primary)}.cart-btn{font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:8px}.hero{background-color:var(--color-secondary);padding:80px 0;text-align:center;margin-bottom:var(--spacing-xl);border-radius:0 0 var(--border-radius) var(--border-radius)}.hero h1{font-size:3.5rem;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.hero p{font-size:1.2rem;color:var(--color-text-light);max-width:600px;margin:0 auto var(--spacing-lg)}.main-footer{background-color:var(--color-primary-dark);color:var(--color-white);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl);text-align:center}.product-card{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:transform .3s,box-shadow .3s;background:var(--color-white)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-image{height:250px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999}.product-info{padding:var(--spacing-md)}.product-title{font-size:1.2rem;margin-bottom:var(--spacing-xs);color:var(--color-text)}.product-price{font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);display:block}.btn-add{width:100%;padding:10px;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s}.btn-add:hover{background-color:var(--color-primary-dark)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:4px;font-family:inherit}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.cart-summary{background-color:var(--color-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-top:var(--spacing-lg)}.toast{position:fixed;bottom:20px;right:20px;background-color:var(--color-primary-dark);color:var(--color-white);padding:16px 24px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;font-weight:500;transform:translateY(100px);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.toast.show{transform:translateY(0);opacity:1}.btn:active,.btn-secondary:active,.btn-add:active{transform:scale(.96)}.btn,.btn-secondary,.btn-add{transition:all .2s ease-in-out}.breadcrumb{font-size:.9rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.breadcrumb a{color:var(--color-text-light)}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.product-detail-container{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:900px){.product-detail-container{grid-template-columns:1fr 1fr}}.gallery-container{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.gallery-container{grid-template-columns:1fr 1fr;align-items:start;display:flex;flex-direction:row}}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;width:100%}.gallery-item-main{grid-column:1 / -1;background:#f4f4f4;border-radius:12px;overflow:hidden;aspect-ratio:1/1}.gallery-item-main img{width:100%;height:100%;object-fit:cover}.gallery-item-sub{background:#f4f4f4;border-radius:12px;overflow:hidden;aspect-ratio:1/1}.gallery-item-sub img{width:100%;height:100%;object-fit:cover}.zoom-icon{position:absolute;bottom:20px;right:20px;background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);cursor:pointer}.product-info-detail h1{font-size:2rem;margin-bottom:8px;line-height:1.3}.stats-row{display:flex;align-items:center;gap:16px;font-size:.9rem;color:var(--color-text-light);margin-bottom:24px}.stats-row span{display:flex;align-items:center;gap:4px}.rating-stars{color:#ffc107}.price-block{margin-bottom:24px}.current-price{font-size:2rem;font-weight:700;color:var(--color-text)}.original-price{text-decoration:line-through;color:#999;margin-left:8px;font-size:1.1rem}.discount-badge{color:#d32f2f;background:#ffebee;padding:4px 8px;border-radius:4px;font-size:.9rem;font-weight:600;margin-left:8px}.variant-section{margin-bottom:24px}.variant-label{font-weight:600;margin-bottom:12px;display:flex;justify-content:space-between}.size-guide-link{color:var(--color-text-light);font-weight:400;text-decoration:underline;font-size:.9rem;cursor:pointer}.variant-options{display:flex;gap:12px;flex-wrap:wrap}.variant-btn{min-width:48px;height:48px;border:1px solid var(--color-border);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500}.variant-btn.active{border-color:var(--color-primary);background-color:var(--color-primary-dark);color:#fff}.image-variant{padding:2px}.image-variant img{width:100%;height:100%;border-radius:6px;object-fit:cover}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-buy-now{width:100%;padding:16px;background-color:var(--color-primary);color:#fff;border:none;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:background-color .2s;text-transform:uppercase;letter-spacing:.5px}.btn-buy-now:hover{background-color:var(--color-primary-dark)}.btn-add-bag{width:100%;padding:16px;background-color:transparent;color:var(--color-text);border:1px solid var(--color-text);font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .2s}.btn-add-bag:hover{background-color:var(--color-text);color:#fff}.accordion{border-top:1px solid var(--color-border);margin-top:32px}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-header{width:100%;padding:16px 0;background:none;border:none;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;text-align:left}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content p,.accordion-content ul{padding-bottom:16px;color:var(--color-text-light);line-height:1.6}.quantity-control{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:50px;width:fit-content;padding:4px}.qty-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text)}.qty-btn:hover{background-color:#f5f5f5}.qty-input{width:50px;text-align:center;border:none;font-size:1.1rem;font-weight:600;background:transparent;-moz-appearance:textfield;appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.category-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:600px;margin:0 auto 40px;padding:0 16px}.category-filters a,.category-filters button{margin:0!important;width:100%;text-align:center;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px}@media(max-width:600px){.category-filters{grid-template-columns:1fr 1fr}}.selector-group{margin-bottom:24px}.selector-label{font-weight:600;margin-bottom:12px;display:block}.selector-options{display:flex;gap:12px;flex-wrap:wrap}.selector-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:4px;background:#fff;cursor:pointer;font-size:.9rem}.selector-btn.active{background:var(--color-text);color:#fff;border-color:var(--color-text)}.selector-btn:hover{border-color:var(--color-text)}.secondary-actions{display:flex;justify-content:space-evenly;border-top:1px solid var(--color-border);padding-top:20px;margin-top:20px}.action-link{display:flex;align-items:center;gap:8px;color:var(--color-text);font-weight:500;cursor:pointer}.product-tabs{margin-top:60px;border-top:1px solid var(--color-border)}.tab-nav{display:flex;gap:32px;margin-bottom:24px;margin-top:24px;overflow-x:auto}.tab-link{padding:8px 16px;border:1px solid var(--color-border);border-radius:20px;background:#fff;cursor:pointer;white-space:nowrap}.tab-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tab-content{color:var(--color-text-light);line-height:1.8;max-width:800px}.spec-list{margin-top:20px;display:grid;gap:8px}.spec-item{display:grid;grid-template-columns:200px 1fr}.spec-label{color:var(--color-text-light)}@media(max-width:768px){.main-nav{display:none}.container{padding:0 16px}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.product-detail-container{grid-template-columns:1fr}.cart-layout-grid{grid-template-columns:1fr!important}.main-header .container{justify-content:center;position:relative}.header-actions{position:absolute;right:16px}h1{font-size:2rem}h2{font-size:1.5rem}}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -2px 10px #0000001a;justify-content:space-around;padding:10px 0;z-index:1000;border-top:1px solid #eee}@media(max-width:768px){.mobile-bottom-bar{display:flex}body{padding-bottom:70px}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:var(--color-text-light);gap:4px}.bottom-nav-item.active{color:var(--color-primary);font-weight:600}.bottom-nav-item svg{width:24px;height:24px}.bottom-badge{position:absolute;top:-5px;right:-5px;background:red;color:#fff;font-size:.7rem;padding:2px 5px;border-radius:50%;min-width:16px;text-align:center}