html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#f4f8fa;color:#002b3e;display:flex;flex-direction:column}.site-wrapper{flex-grow:1}a{color:#0066cc;text-decoration:none}a:hover{color:#004c99;text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600}nav.main-nav{background:#ffffff;border-bottom:1px solid #e0eaf0;position:relative}.nav-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:1300px;margin:0 auto;padding:15px 40px;box-sizing:border-box}.nav-left{display:flex;justify-content:flex-start}.nav-center{display:flex;justify-content:center}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:20px}.nav-logo-link{line-height:1}.nav-links{display:flex;gap:30px}.nav-links a{color:#004a5f;font-weight:600;font-size:1.1rem;text-decoration:none;transition:color 0.2s}.nav-links a:hover{color:#0066cc;text-decoration:none}.container{max-width:1300px;margin:30px auto;padding:0 40px;display:flex;gap:30px;box-sizing:border-box}.sidebar{flex-basis:300px;flex-shrink:0;background:#ffffff;padding:20px;border:1px solid #e0eaf0;border-radius:8px;height:fit-content}.sidebar h3{border-bottom:2px solid #0066cc;padding-bottom:10px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{border-bottom:1px solid #f4f8fa}.sidebar ul li:last-child{border-bottom:none}.sidebar ul li a{display:block;padding:12px 10px;border-radius:0;transition:background-color 0.2s}.sidebar ul li a:hover{background-color:#f0f8ff;text-decoration:none}.sidebar ul li.selected a{font-weight:bold;color:#0066cc;background-color:#f0f8ff}.main-content{flex-grow:1;background:#ffffff;padding:30px;border:1px solid #e0eaf0;border-radius:8px;min-height:400px;width:100%;box-sizing:border-box}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.product-card{border:1px solid #e0eaf0;border-radius:8px;background:#fff;box-shadow:0 2px 5px rgba(0,51,68,0.05);transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,51,68,0.1)}.product-card .product-image{width:100%;height:200px;object-fit:contain;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#f7fbfd;padding:10px;box-sizing:border-box}.product-card .product-info{padding:20px;flex-grow:1;display:flex;flex-direction:column}.product-card .product-info h3{font-size:1.25rem;margin-bottom:10px}.product-card .product-info .price{font-size:1.2rem;font-weight:600;color:#004a5f;margin-bottom:15px}.product-card .product-info form{margin-top:auto}button,a.button{display:inline-block;padding:12px 20px;font-size:1rem;font-weight:600;color:#fff;background-color:#0066cc;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background-color 0.2s;text-decoration:none}button:hover,a.button:hover{background-color:#004c99;color:#fff;text-decoration:none}button.danger,button-small.danger{background-color:#ff6f61}button.danger:hover,button-small.danger:hover{background-color:#e65a4c}button.success,a.button.success{background-color:#007bff}button.success:hover,a.button.success:hover{background-color:#0056b3}form p{margin-bottom:15px}form label{display:block;margin-bottom:5px;font-weight:600}form input[type="text"],form input[type="email"],form input[type="password"],form textarea{width:100%;padding:10px;font-size:1rem;border:1px solid #cddbe2;border-radius:5px;box-sizing:border-box;background-color:#fdfdff}form textarea{min-height:120px}.cart-items,.cart-items-summary{display:flex;flex-direction:column;gap:20px;border-top:1px solid #e0eaf0;padding-top:20px}.cart-item{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #e0eaf0}.cart-item-image img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #d1e0e8}.cart-item-details{flex-grow:1}.cart-item-details h3{margin:0 0 10px 0;font-size:1.2rem}.cart-item-details p{margin:0;color:#557282;font-size:1rem}.cart-item-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.cart-update-form{display:flex;align-items:center;gap:8px}.quantity-input{width:60px;padding:8px;text-align:center;font-size:1rem;border:1px solid #cddbe2;border-radius:5px}.button-small{padding:8px 12px;font-size:0.9rem;font-weight:500;color:#fff;background-color:#0066cc;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.2s}.button-small:hover{background-color:#004c99}.cart-item-total{font-size:1.2rem;font-weight:bold;min-width:100px;text-align:right}.hero{background-image:linear-gradient(rgba(0,51,68,0.5),rgba(0,51,68,0.5)),url('https://via.placeholder.com/1600x600.png?text=Your+Beautiful+Reef+Tank');background-size:cover;background-position:center;padding:100px 40px;text-align:center;color:white}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px}.hero-content p{font-size:1.5rem;margin-bottom:30px}.featured-products{background-color:#ffffff;padding:60px 20px}.featured-container{max-width:1300px;margin:0 auto;text-align:center}.featured-container h2{font-size:2.5rem;margin-bottom:10px}.featured-container p{font-size:1.2rem;color:#557282;margin-bottom:40px}.featured-container .product-grid{text-align:left}.content-section{background-color:#f4f8fa;padding:60px 20px}.content-container{max-width:900px;margin:0 auto;text-align:center}.content-container h2{font-size:2.5rem;margin-bottom:20px}.content-container p{font-size:1.2rem;line-height:1.6;color:#003344;margin-bottom:30px}.checkout-container,.cart-container,.page-container,.product-detail-container,.list-page-container{max-width:1100px;margin:30px auto;padding:30px;background:#ffffff;border:1px solid #e0eaf0;border-radius:8px;box-sizing:border-box}.logo-image{height:70px;width:auto;vertical-align:middle}.product-detail-layout{display:flex;flex-wrap:wrap;gap:40px}.gallery-container{flex:1;min-width:300px}.product-details{flex:1;min-width:300px}.product-details h1{font-size:2.5rem;margin-bottom:10px}.product-detail-description{font-size:1.1rem;line-height:1.6;margin-bottom:25px}.stock-badge{font-size:1rem;font-weight:600;padding:6px 12px;border-radius:6px;display:inline-block;margin-bottom:20px;line-height:1}.stock-badge.in-stock{color:#007a6f;background-color:#e6f8f6;border:1px solid #007a6f}.stock-badge.sold-out{color:#777;background-color:#f0f0f0;border:1px solid #ccc}.product-price-box{display:flex;align-items:center;gap:15px;margin-bottom:25px}.price-section{display:flex;align-items:baseline;gap:8px}.product-detail-label{font-size:1rem;color:#557282;font-weight:500}.product-detail-price{font-size:2rem;font-weight:600;color:#004a5f}.product-meta-list{margin-bottom:25px;border-top:1px solid #e0eaf0;padding-top:25px}.product-meta-list ul{list-style:none;padding:0;margin:0}.product-meta-list li{display:flex;font-size:1rem;color:#003344;margin-bottom:12px}.product-meta-label{color:#557282;font-weight:600;width:150px;flex-shrink:0}.add-to-cart-form,.sold-out-button{margin-top:10px}.add-to-cart-form .button,.sold-out-button .button{width:100%;padding:15px;font-size:1.2rem}.main-image-wrapper{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;background-color:#f7fbfd}#mainProductImage{width:100%;max-height:500px;height:auto;display:block;object-fit:contain}.thumbnail-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.thumbnail-item{border:2px solid #e9ecef;border-radius:5px;overflow:hidden;cursor:pointer;opacity:0.7}.thumbnail-item.active{border-color:#0066cc;opacity:1}.thumbnail-item img{width:80px;height:80px;object-fit:cover;display:block}.cart-actions{text-align:right;margin-top:20px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:15px}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-trigger{color:#004a5f;font-weight:600;font-size:1.1rem;text-decoration:none;transition:color 0.2s;padding-right:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23004a5f'%3E%3Cpath d='M6 9l-6-6h12z'/%3E%3C/svg%3E") no-repeat right center;background-size:10px;display:inline-block;padding-bottom:15px;margin-bottom:-15px}.nav-dropdown-content{display:none;position:absolute;background-color:#ffffff;min-width:200px;box-shadow:0px 8px 16px 0px rgba(0,51,68,0.1);border:1px solid #e0eaf0;border-radius:8px;z-index:100;top:100%;left:0}.nav-dropdown-content a{color:#004a5f;padding:12px 16px;text-decoration:none;display:block;text-align:left;font-size:1rem;font-weight:500}.nav-dropdown-content a:hover{background-color:#f4f8fa}.nav-dropdown:hover .nav-dropdown-content{display:block}.nav-dropdown:hover .nav-dropdown-trigger{color:#0066cc}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid #e0eaf0;padding-bottom:20px}.list-header h2{margin:0}.sort-form{display:flex;align-items:center;gap:10px}.sort-form label{font-weight:600;color:#557282}.sort-form select{padding:8px 12px;font-size:1rem;border:1px solid #cddbe2;border-radius:5px;background-color:#fdfdff;cursor:pointer}.nav-search-form{display:flex;align-items:center}.nav-search-form input[type="search"]{padding:8px 12px;font-size:0.9rem;border:1px solid #cddbe2;border-radius:5px 0 0 5px;border-right:none;background-color:#fdfdff;max-width:250px}.nav-search-form button{padding:8px 12px;font-size:0.9rem;font-weight:600;color:#fff;background-color:#0066cc;border:1px solid #0066cc;border-radius:0 5px 5px 0;cursor:pointer}.account-dropdown{position:relative;display:inline-block}.icon-trigger{display:inline-block;padding-bottom:15px;margin-bottom:-15px}.icon-trigger svg{width:26px;height:26px;fill:#004a5f;vertical-align:middle;transition:fill 0.2s}.icon-trigger:hover svg{fill:#0066cc}.account-dropdown .nav-dropdown-content{left:auto;right:0;min-width:160px;top:100%}.account-dropdown:hover .nav-dropdown-content{display:block}.form-container,.profile-container{max-width:450px;margin:30px auto;padding:40px;background:#ffffff;border:1px solid #e0eaf0;border-radius:8px;box-shadow:0 4px 12px rgba(0,51,68,0.05)}.form-container h2{text-align:center;font-size:2rem;color:#004a5f;margin-bottom:30px}.form-field-wrapper{margin-bottom:20px}.form-field-wrapper label{display:block;margin-bottom:8px;font-weight:600;font-size:0.9rem}.form-field-wrapper input[type="text"],.form-field-wrapper input[type="password"],.form-field-wrapper input[type="email"]{width:100%;padding:12px;font-size:1rem;border:1px solid #cddbe2;border-radius:5px;box-sizing:border-box;background-color:#fdfdff}.form-row{display:flex;gap:20px}.form-row .form-field-wrapper{flex:1}.form-error{color:#ff6f61;background-color:#fff2f0;border:1px solid #ff6f61;border-radius:5px;padding:10px 15px;margin-bottom:20px}.form-error-inline{display:block;color:#ff6f61;font-size:0.9rem;margin-top:5px}.form-help-text{font-size:0.85rem;color:#557282;margin-top:-10px;margin-bottom:20px}.form-help-text ul{padding-left:20px;margin:10px 0 0 0}.form-footer-link{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #e0eaf0}.pw-rules{font-size:0.85rem;color:#557282;margin-top:-10px;margin-bottom:20px}.pw-rules ul{padding-left:20px;margin:10px 0 0 0}.pw-rule{list-style-type:'○ ';transition:all 0.2s}.pw-rule.valid{color:#007a6f;list-style-type:'✔ '}.pw-rule.invalid{color:#ff6f61;list-style-type:'✖ '}.purchase-summary-list{margin-top:20px;border-top:1px solid #e0eaf0;padding-top:20px}.summary-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #e0eaf0;font-size:1.1rem}.summary-quantity{font-weight:700;color:#004a5f;margin-right:15px;min-width:50px}.pagination{margin-top:40px;text-align:center}.pagination-list{display:inline-flex;list-style:none;padding:0;margin:0;border:1px solid #e0eaf0;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,51,68,0.05)}.page-link{display:block;padding:10px 15px;color:#0066cc;background:#fff;text-decoration:none;border-right:1px solid #e0eaf0;transition:background-color 0.2s}.pagination-list li:last-child .page-link{border-right:none}.page-link:hover{background-color:#f4f8fa;text-decoration:none}.pagination-list .active .page-link{background-color:#0066cc;color:#fff;font-weight:bold;cursor:default}.pagination-list .disabled .page-link{color:#aaa;background:#f9f9f9;cursor:default}.pagination-list .disabled .page-link:hover{background-color:#f9f9f9}.site-footer{background-color:#002b3e;color:#f4f8fa;padding:40px 40px;margin-top:40px}.footer-content{margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.footer-links a{color:#ffffff;text-decoration:none;font-weight:500}.footer-links a:hover{text-decoration:underline}.footer-socials{display:flex;justify-content:center;gap:25px;margin-bottom:20px}.footer-socials a svg{fill:#ffffff;width:24px;height:24px;transition:fill 0.2s}.footer-socials a:hover svg{fill:#0066cc}.footer-copyright{font-size:0.9rem;color:#557282}.header-cart-link{position:relative;display:inline-block;color:#004a5f;line-height:1}.header-cart-link svg{width:28px;height:28px;fill:#004a5f;transition:fill 0.2s;vertical-align:middle}.header-cart-link:hover svg{fill:#0066cc}.cart-count{position:absolute;top:-5px;right:-10px;background:#0066cc;color:white;font-size:0.75rem;font-weight:700;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%}.hide-on-mobile{display:none}.search-toggle-label{display:none;cursor:pointer}.search-toggle-label svg{width:26px;height:26px;fill:#004a5f;vertical-align:middle}.search-toggle-checkbox{display:none}.mobile-search-form{display:none;order:3;width:100%;margin-top:10px}.search-toggle-checkbox:checked ~ .mobile-search-form{display:flex}.mobile-search-form input{flex-grow:1;padding:12px 15px;font-size:1rem;border:1px solid #cddbe2;border-radius:5px 0 0 5px;border-right:none}.mobile-search-form button{padding:12px 15px;font-size:1rem;font-weight:600;color:#fff;background-color:#0066cc;border:1px solid #0066cc;border-radius:0 5px 5px 0;cursor:pointer}.nav-toggle-checkbox{display:none}.nav-toggle-label{display:none;width:30px;height:30px;position:relative;cursor:pointer}.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{content:'';display:block;background:#004a5f;height:3px;width:100%;position:absolute;left:0;transition:all 0.3s}.nav-toggle-label span::before{top:-8px}.nav-toggle-label span::after{bottom:-8px}.mobile-nav-links{display:none;width:100%;background:#fff;border-top:1px solid #e0eaf0;position:absolute;left:0;z-index:99;box-shadow:0 4px 12px rgba(0,51,68,0.05)}.mobile-nav-links a{display:block;padding:15px 20px;color:#004a5f;text-decoration:none;font-weight:600;border-bottom:1px solid #f4f8fa}.mobile-nav-links a:hover{background:#f4f8fa}.mobile-category-toggle-checkbox{display:none}.mobile-nav-link,.mobile-dropdown-trigger{display:block;padding:15px 20px;color:#004a5f;text-decoration:none;font-weight:600;border-bottom:1px solid #f4f8fa;cursor:pointer}.mobile-nav-link:hover,.mobile-dropdown-trigger:hover{background:#f4f8fa}.mobile-dropdown-trigger{position:relative}.mobile-dropdown-trigger::after{content:'›';position:absolute;right:20px;font-size:1.5rem;color:#0066cc;transition:transform 0.3s ease}.mobile-categories{display:none;background:#f9f9f9;padding-left:15px}.mobile-categories a{display:block;padding:12px 20px;color:#004a5f;text-decoration:none;font-weight:500;border-bottom:1px solid #f4f8fa}.mobile-categories a:hover{background:#f0f8ff}.mobile-category-toggle-checkbox:checked ~ .mobile-categories{display:block}.mobile-category-toggle-checkbox:checked + .mobile-dropdown-trigger::after{transform:rotate(90deg)}@media (max-width:850px){.nav-container{display:grid;grid-template-columns:1fr auto 1fr;flex-wrap:wrap;padding:15px 20px}.nav-left{display:flex;align-items:center;gap:15px;justify-content:flex-start}.nav-center{display:flex;justify-content:center}.nav-right{display:flex;align-items:center;gap:15px;margin-left:0;justify-content:flex-end}.nav-links{display:none}.nav-search-form{display:none}.nav-toggle-label{display:block}.search-toggle-label{display:block}.mobile-nav-links{top:79px}.nav-toggle-checkbox:checked ~ .mobile-nav-links{display:block}.search-toggle-checkbox:checked ~ .mobile-search-form{display:flex}.nav-toggle-checkbox:checked ~ .nav-container .nav-left .nav-toggle-label span{background:transparent}.nav-toggle-checkbox:checked ~ .nav-container .nav-left .nav-toggle-label span::before{transform:rotate(45deg);top:0}.nav-toggle-checkbox:checked ~ .nav-container .nav-left .nav-toggle-label span::after{transform:rotate(-45deg);bottom:0}.logo-image{height:50px}.container{flex-direction:column;gap:20px;padding:0 15px}.product-grid{grid-template-columns:1fr 1fr}.list-header{flex-direction:column;align-items:flex-start}.product-detail-layout{flex-direction:column}.product-detail-container{padding:20px}.form-container,.profile-container,.cart-container,.page-container{padding:20px;margin:15px auto}.form-row{flex-direction:column;gap:0}.cart-item{flex-wrap:wrap}.cart-actions{justify-content:center}.cart-actions a{width:100%;text-align:center;box-sizing:border-box}.cart-item-actions{order:4;width:100%;flex-direction:row;gap:20px;padding-top:10px}.cart-item-total{margin-left:auto;order:2}}@media (max-width:480px){.nav-container{padding:15px 10px}.nav-right{gap:10px}.nav-search-form input[type="search"]{max-width:150px}.product-grid{grid-template-columns:1fr}.container{padding:0 10px}.main-content{padding:20px}}.list-page-container{max-width:1100px;margin:30px auto;padding:30px 40px;background:#ffffff;border:1px solid #e0eaf0;border-radius:8px}.list-controls{display:flex;gap:20px;flex-wrap:wrap}.category-form,.sort-form{display:flex;align-items:center;gap:10px}.category-form label,.sort-form label{font-weight:600;color:#557282}.category-form select,.sort-form select{padding:8px 12px;font-size:1rem;border:1px solid #cddbe2;border-radius:5px;background-color:#fdfdff;cursor:pointer}@media (max-width:850px){.list-page-container{padding:20px;margin:15px auto}}.page-container{background:#ffffff;padding:30px;border:1px solid #e0eaf0;border-radius:8px;min-height:400px;margin:30px auto;padding-left:40px;padding-right:40px;max-width:950px;box-sizing:border-box}.related-products{margin-top:50px;padding-top:30px;border-top:1px solid #e0eaf0}.related-products h2{font-size:1.8rem;margin-bottom:25px}