@charset "utf-8";.category-nav{margin:0 auto 30px;}.category-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;}.category-item{flex:1;min-width:calc(20% - 8px);border:solid #ccc 1px;}.category-link{display:block;padding:12px;background:#fff;text-align:center;text-decoration:none;color:#666;transition:all 0.3s ease;font-family:Arial,sans-serif;font-weight:bold;}.category-link:hover{background:#f8f8f8;}.category-link.active{background:#ff4444;color:white;font-weight:bold;}.page-list{list-style:none;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;}.page-item{flex:0 0 calc(33.333% - 14px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;}@media (max-width:992px){.category-item{min-width:calc(50% - 5px);}.page-item{flex:0 0 calc(50% - 10px);}}@media (max-width:576px){.page-item{flex:0 0 100%;}}.page-link{display:block;text-decoration:none;color:#333;}.page-container{position:relative;padding-top:100%;background:#eee;}.page-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease;}.page-caption{padding:18px;text-align:center;font-family:Arial,sans-serif;}.page-item:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,0.15);}.product-title{text-align:center;font-size:2rem;margin:2rem 0;color:#333;text-transform:uppercase;}.product-gallery{position:relative;display:flex;align-items:center;justify-content:center;gap:2rem;margin:3rem 0;}.product-image{width:600px;height:600px;background:#f5f5f5;flex-shrink:0;position:relative;overflow:hidden;}.nav-button{padding:12px 20px;background-color:#f0f0f0;border:1px solid #ddd;cursor:pointer;transition:all 0.3s ease;text-decoration:none;color:#333;border-radius:4px;display:flex;align-items:center;white-space:nowrap;}.product-content{text-align:center;margin:3rem 0;font-size:1.2rem;color:#666;}@media (max-width:768px){.product-title{font-size:1.5rem;margin:1rem 0;}.product-gallery{flex-direction:column;gap:1rem;width:100%;margin:1.5rem 0;}.product-image{width:100%;max-width:600px;height:auto;aspect-ratio:1/1;}.nav-button{width:100%;max-width:200px;justify-content:center;padding:10px 15px;font-size:1.5rem;}.product-gallery{flex-direction:row;flex-wrap:wrap;justify-content:center;}.product-gallery > .nav-button{order:1;margin-top:1rem;width:calc(50% - 0.5rem);}.product-image{order:0;width:100%;max-width:100%;}}.order-form{max-width:800px;margin:2rem auto;padding:2rem;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.order-form p{font-size:1.5rem;text-align:center;}.order-form .red{color:red;}.order-form .green{color:green;}.prodetail-form-title{text-align:center;font-size:2.3rem;font-weight:bold;color:#2c3e50;margin:0 0 2rem 0;padding-bottom:1rem;border-bottom:2px solid #ff0000;}.prodetail-form-label{font-size:0.95rem;letter-spacing:0.3px;}.prodetail-form-group{margin-bottom:1.5rem;}.prodetail-form-label{display:block;margin-bottom:0.5rem;font-weight:600;color:#333;}.prodetail-form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color 0.3s ease;}.prodetail-form-control:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px rgba(0,123,255,0.25);}textarea.prodetail-form-control{height:120px;resize:vertical;}.prodetail-submit-btn{width:100%;padding:14px;background-color:#ff0000;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1.5rem;transition:all 0.3s ease;font-family:Arial,sans-serif;text-transform:none;-webkit-appearance:none;}.prodetail-submit-btn:hover{background-color:#ff0000;transform:translateY(-1px);}.prodetail-submit-btn:active{transform:translateY(0);}@media (max-width:480px){.nav-button{width:calc(50% - 0.5rem);max-width:none;}.prodetail-form-control{font-size:0.9rem;}.prodetail-form-title{font-size:2.0rem;margin-bottom:1.5rem;}.prodetail-form-label{font-size:0.9rem;}.prodetail-submit-btn{font-size:1.5rem;}}