.no-scroll{overflow:hidden}.menu-icon{position:fixed;top:40px;right:20px;display:flex;gap:40px;cursor:pointer}@media (max-width:768px){.menu-icon{position:absolute;top:-30px}}.menu-icon .line{background-color:#fff;height:4px;width:30px;margin:4px 0}.close-icon{cursor:pointer;top:20px;font-size:30px;position:fixed;right:20px;z-index:1001}.menu-overlay{position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);transform:translateX(100%);transition:transform .3s ease;overflow:hidden;z-index:999}.menu-overlay.open{transform:translateX(0)}.menu{display:flex;flex-direction:column;align-items:flex-start;padding:20px;margin-top:100px;color:#fff;position:relative}.menu-item{width:100%;padding:15px 20px;text-align:left;margin-bottom:15px}.menu-name{font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-right:20px}.arrow{font-size:20px;margin-left:10px}.submenu{padding-left:20px;padding-top:15px}.submenu-item{font-size:16px;padding:10px 0;cursor:pointer;margin-bottom:20px}.submenu-item:hover{background-color:#000}.social-media{display:flex;gap:10px;margin-top:30px;align-self:flex-start}.menu a,.submenu a{color:#fff;text-decoration:none}.menu a:hover,.submenu a:hover{color:#fff}.mobile-header-icons{display:flex;justify-content:space-between;align-items:center;padding:12px;position:fixed;top:40px;width:100%;z-index:999}.cart-icon{margin-right:16px;cursor:pointer;color:#fff}@media (max-width:786px){.menu-item{padding:10px 15px}.submenu-item{padding:5px 0}.profile-item{display:flex;flex-direction:column}.profile-icon{margin-bottom:5px}.profile-email{text-align:center}}.thanksgiving-banner{color:#fff;background-color:#ff5722;padding:8px 15px;font-weight:700;font-size:14px;border-radius:5px;display:inline-block;margin-right:15px;white-space:nowrap}.header-cta{justify-content:flex-end;gap:20px}.header-cta,.search-and-login{display:flex;align-items:center}.search-and-login{gap:10px;flex-wrap:nowrap}@media (max-width:768px){.thanksgiving-banner{font-size:12px;padding:5px 10px}}@media (max-width:960px){.thanksgiving-banner{font-size:12px;padding:5px 10px;white-space:normal}.search-and-login{display:none}}.social-media a{margin-right:10px;text-decoration:none;color:#fff}.social-media a:last-child{margin-right:0}.social-media i{font-size:20px;transition:color .3s ease}.social-media a:hover i{color:#007bff}.cart-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.search-container{margin:20px 0;display:flex;justify-content:center}.search-field{max-width:600px;width:100%;margin-bottom:30px}.MuiOutlinedInput-root{padding:10px 12px;font-size:16px}input[type=text],textarea{padding:16px}.MuiInputLabel-outlined{font-size:14px;transform:translate(20px,20px) scale(1)}.MuiInputLabel-shrink{transform:translate(14px,-6px) scale(.85)}.themes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px;gap:20px;margin:20px;padding:10px;justify-content:center}@media (min-width:1024px){.themes-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.themes-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.themes-container{grid-template-columns:repeat(1,1fr)}}.theme-card{border:1px solid #e0e0e0;border-radius:0;overflow:hidden;transition:box-shadow .3s ease,transform .2s ease}.theme-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-5px)}.theme-header{padding:10px}.theme-actions{display:flex;justify-content:space-between;align-items:center}.theme-price{font-weight:700;color:green}.action-buttons{display:flex;gap:10px}.live-preview-button{display:flex;align-items:center;justify-content:center;background-color:#1976d2;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:8px 16px;border-radius:4px;transition:background-color .3s ease,transform .2s ease;cursor:pointer}.live-preview-button:hover{background-color:#125ca1;transform:scale(1.05)}.theme-tags{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.theme-tag{padding:5px 10px;background-color:#f0f0f0;border-radius:5px;font-size:14px}.pagination-container{margin-top:20px}.button-container,.pagination-container{display:flex;justify-content:center;margin-bottom:20px}.back-button{display:flex;align-items:center;text-decoration:none;color:#1976d2;font-size:16px;gap:5px}.back-button:hover{text-decoration:underline}.image-div-themes{display:flex;justify-content:center;align-items:center;overflow:hidden;width:300px;height:200px;margin:0 auto}.image-div-themes img{width:100%;height:100%;transition:transform .3s ease;margin-bottom:10px}.image-div-themes img:hover{transform:scale(1.05)}@media (max-width:768px){.search-container{margin:10px 0}.search-field{max-width:100%;padding:8px}.theme-card{margin:0 auto}.live-preview-button{font-size:12px;padding:6px 12px}}.card{position:relative;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s;cursor:pointer;border-radius:0}.card:hover{transform:scale(1.05)}.card-image{object-fit:cover}.card-hover-text,.card-image{width:100%;height:100%;transition:opacity .3s;border-radius:0}.card-hover-text{position:absolute;top:10;left:0;background-color:rgba(0,0,0,.6);color:#fff;font-size:1.2rem;font-weight:700;text-align:center;opacity:0}.card:hover .card-hover-text{opacity:1}.all-button{display:flex;align-items:center;justify-content:center;background-color:#1976d2;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:8px 16px;border-radius:4px;transition:background-color .3s ease,transform .2s ease;cursor:pointer}.theme-selection-container{display:flex;gap:20px}.sidebar{width:250px;padding:20px;background:#f4f4f4;border-radius:8px;height:auto}.category-list{overflow-y:auto;padding-right:10px}.category-list::-webkit-scrollbar{width:8px}.category-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.category-item{margin-bottom:10px;display:flex;align-items:center}.category-item label{font-size:16px;cursor:pointer}.filter-button{display:flex;align-items:center;justify-content:center;background-color:#1976d2;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 20px;border-radius:4px;transition:background-color .3s ease,transform .2s ease;cursor:pointer;margin-bottom:20px;margin-left:20px}.filter-button:hover{background-color:#125ca1;transform:scale(1.05)}.MuiDrawer-paper{width:250px;padding:20px}.category-boxes{display:flex;justify-content:center;gap:20px}@media (max-width:960px){.theme-selection-container{flex-direction:column}.sidebar{display:none}.filter-button{width:auto;margin:10px 0}}@media (max-width:768px){.category-boxes{flex-direction:column}}