@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.user_container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;min-height:100vh;width:100%}.user_nav_container{box-sizing:border-box;height:80px;max-width:1200px;width:90%}.user_body_container{-ms-overflow-style:none;max-width:1200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;width:90%}.user_body_container::-webkit-scrollbar{display:none}.user_foot_container{box-sizing:border-box;height:100px;max-width:1200px;width:90%}.about_components,.access_components,.collection_components,.contact_components,.home_components,.product_components{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;width:100%}.about_components,.access_components,.collection_components,.product_components{height:100%;width:100%}.contact_components{background-color:#fff}.cart_components{height:100%;width:100%}@media (max-width:768px){.user_body_container,.user_foot_container,.user_nav_container{width:95%}.about_components,.cart_components,.collection_components,.contact_components,.home_components{padding:15px 10px}}@media (max-width:480px){.user_body_container,.user_foot_container,.user_nav_container{padding:0 10px;width:100%}.about_components,.collection_components,.contact_components,.home_components{padding:10px 5px}}.navbar_container{background-color:#fffefc;height:100%;justify-content:space-around;position:relative;width:100%}.nav_logo,.navbar_container{align-items:center;display:flex}.nav_logo{justify-content:left;width:25%}.nav_logo img{width:65%}.nav_list{width:50%}.nav_list,.nav_list ul{align-items:center;display:flex;justify-content:center}.nav_list ul{gap:7%;padding:0}.nav_list ul li{cursor:pointer;list-style:none;padding:5px 0;position:relative;transition:all .3s ease}.nav_list ul li:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav_list ul li.active:after,.nav_list ul li:hover:after{width:100%}.nav_list ul li:hover{color:#000}.mobile_menu{cursor:pointer;display:none;height:30px;width:30px}.mobile_menu img{height:100%;object-fit:contain;width:100%}.nav_icons{width:25%}.nav_icon_con,.nav_icons{align-items:center;display:flex;justify-content:right}.nav_icon_con{gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.cart_icon,.log_icon,.search_icon{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.cart_icon img,.search_icon img{height:100%;object-fit:contain;width:100%}.log_icon{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;min-width:30px;width:auto}.log_icon img{height:100%;object-fit:contain;width:100%}.log_icon .logout-btn{align-items:center;background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.log_icon .logout-btn:hover{background-color:#333;transform:translateY(-1px)}.log_icon .logout-btn:active{transform:translateY(0)}@media screen and (max-width:992px){.nav_list ul{gap:5%}.nav_icons{padding-right:20px;width:auto}.nav_icon_con{gap:15px}.cart_icon,.search_icon{height:28px;width:28px}.log_icon .logout-btn{font-size:13px;height:32px;min-width:75px;padding:6px 14px}}@media screen and (max-width:768px){.nav_logo{width:30%}.nav_list{width:45%}.nav_icons{padding-right:15px}.nav_icon_con{gap:12px}.cart_icon,.search_icon{height:26px;width:26px}.log_icon .logout-btn{font-size:12px;height:30px;min-width:70px;padding:5px 12px}}@media screen and (max-width:576px){.nav_list{background-color:#fffefc;height:calc(100vh - 70px);left:-100%;position:fixed;top:70px;transition:.3s ease-in-out;width:100%;z-index:1000}.nav_list.active{left:0}.nav_list ul{flex-direction:column;gap:20px;padding-top:40px}.nav_list ul li{font-size:18px}.nav_list ul li:after{height:1.5px}.nav_logo{width:40%}.mobile_menu{display:block}.nav_icons{padding-right:10px}.nav_icon_con{gap:10px}.cart_icon,.search_icon{height:24px;width:24px}.log_icon .logout-btn{font-size:11px;height:28px;min-width:65px;padding:4px 10px}}@media screen and (max-width:375px){.nav_logo{width:45%}.nav_icons{padding-right:8px}.nav_icon_con{gap:8px}.cart_icon,.search_icon{height:22px;width:22px}.log_icon .logout-btn{font-size:10px;height:26px;min-width:60px;padding:4px 8px}}@media screen and (max-width:320px){.nav_logo{width:50%}.nav_icons{padding-right:5px}.nav_icon_con{gap:6px}.cart_icon,.search_icon{height:20px;width:20px}.log_icon .logout-btn{font-size:10px;height:24px;min-width:55px;padding:3px 6px}}.logout-btn{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.logout-btn:hover{background-color:#c00}.logout-btn:active{transform:scale(.98)}.banner_container{align-items:center;border:1px solid grey;display:flex;flex-wrap:wrap;height:500px;width:100%}.banner_left,.banner_right{align-items:center;display:flex;flex:1 1 50%;height:100%;justify-content:center}.banner_left_con{display:flex;flex-direction:column;gap:10px;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.banner_left hr{width:40px}.banner_left p{align-items:center;display:flex;font-size:16px;gap:10px;justify-content:left}.banner_left h1{font-family:Times New Roman,Times,serif;font-size:60px}.banner_right{overflow:hidden}.banner_right img{height:100%;object-fit:cover;width:100%}@media (max-width:1024px){.banner_container{flex-direction:column;height:auto}.banner_left,.banner_right{flex:1 1 100%;height:auto}.banner_left h1{font-size:40px}.banner_left p{font-size:14px}.banner_right img{height:auto;max-height:400px}}@media (max-width:600px){.banner_left h1{font-size:30px}.banner_left p{font-size:12px}.banner_right img{max-height:300px}}.breakdrum_container{margin:auto;max-width:1200px;padding:40px 20px;text-align:center;width:100%}.breakdrum_container h2{font-size:36px;margin-bottom:10px;position:relative}.breakdrum_container h2 hr{border:2px solid #000;margin:10px auto 0;width:60px}.breakdrum_container p{color:#333;font-size:18px;line-height:1.6;margin-top:15px}@media (max-width:768px){.breakdrum_container h2{font-size:28px}.breakdrum_container p{font-size:16px}}@media (max-width:480px){.breakdrum_container{padding:30px 15px}.breakdrum_container h2{font-size:22px}.breakdrum_container p{font-size:14px}}.latest_container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);padding:20px;width:100%}@media (max-width:1024px){.latest_container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.latest_container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.latest_container{grid-template-columns:1fr}}.latest_item{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:10px;width:100%}.Item_container{display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.item_img{height:200px;overflow:hidden;width:100%}.item_img img{display:block;object-fit:cover;width:100%}.item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease-in-out;width:100%}.item:hover{transform:translateY(-5px)}.item_image{padding-top:100%}.item_image img{left:0;position:absolute;top:0}.low-stock-badge,.out-of-stock-badge{border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px;position:absolute;right:10px;top:10px}.low-stock-badge{background-color:#ff9800}.out-of-stock-badge{background-color:#f44336}.item_details{padding:15px}.name{color:#333;font-size:1rem;font-weight:500}.info,.name{margin-bottom:8px}.info{align-items:center;display:flex;justify-content:space-between}.price{color:#000}.sold{color:#666;font-size:.9rem}.sizes{gap:5px}.size-badge{background-color:#f5f5f5;border-radius:4px;color:#333;font-size:.8rem;font-weight:500;padding:2px 8px}.best_container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);padding:20px;width:100%}@media (max-width:1024px){.best_container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.best_container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.best_container{grid-template-columns:1fr}}.best_item{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:10px;width:100%}.footer_container{background-color:#f8f8f8;color:#333;font-family:Arial,sans-serif;padding:30px 20px}.footer_top{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer_left,.footer_right{flex:1 1 45%;min-width:280px}.footer_right{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.r_left,.r_right{flex:1 1 200px}.l_img img{margin-bottom:10px;width:150px}.i_des p{font-size:14px;line-height:1.6}.footer_right h2{font-size:16px;margin-bottom:10px}.footer_right ul{list-style:none;padding:0}.footer_right li{font-size:14px;margin-bottom:8px}.footer_bottom{border-top:1px solid #ccc;color:#777;font-size:13px;padding:15px 10px;text-align:center}@media (max-width:768px){.footer_top{align-items:center;flex-direction:column}.footer_left,.footer_right{flex:1 1 100%;text-align:center}.footer_right{align-items:center;flex-direction:column}.r_left,.r_right{flex:1 1 100%}.l_img img{margin:0 auto}.i_des p{padding:0 10px}}@media (max-width:480px){.footer_container{padding:20px 10px}.footer_right h2,.footer_right li{font-size:13px}.footer_bottom{font-size:11px}}.collection_container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;gap:30px;justify-content:space-between;margin-bottom:40px;min-height:100vh;padding:20px 0;position:relative;width:100%}.collection_container:before{background:linear-gradient(180deg,#fffc,#fff0);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0}.collection_filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 2px 15px #0000000f;padding:0 15px;position:relative;width:22%;z-index:1}.collection_filter h2{color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px;position:relative}.collection_filter h2:after{background:linear-gradient(90deg,#333,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.collection_list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 15px #0000000f;gap:20px;position:relative;width:76%;z-index:1}.collection_list,.collection_type{border-radius:12px;display:flex;flex-direction:column;padding:20px}.collection_type{background:linear-gradient(145deg,#fff,#f8f9fa);box-shadow:0 4px 15px #00000008;gap:15px;margin:20px 0;max-width:300px;transition:transform .3s ease,box-shadow .3s ease}.collection_type:hover{background:linear-gradient(145deg,#fff,#f0f2f5);box-shadow:0 6px 20px #0000000f;transform:translateY(-5px)}.collection_type h3{color:#333;font-size:18px;margin-bottom:15px;padding-bottom:10px;position:relative}.collection_type h3:after{background:linear-gradient(90deg,#666,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.collection_type label{align-items:center;background:#ffffffb3;border-radius:6px;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:8px 12px;text-transform:capitalize;transition:all .2s ease}.collection_type label:hover{background:#f8f9fae6;transform:translateX(5px)}.collection_type input[type=checkbox]{border:2px solid #ddd;border-radius:4px;cursor:pointer;height:18px;transition:all .2s ease;width:18px}.collection_type input[type=checkbox]:checked{background-color:#0984e3;border-color:#0984e3}.collection_type input[type=checkbox]:hover{border-color:#0984e3}.collection_list_top{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-wrap:wrap;gap:15px;height:60px;justify-content:space-between;margin-bottom:20px;padding:15px 0;width:100%}.top_filter select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:2px solid #0000001a;border-radius:8px;font-size:15px;min-width:200px;padding:12px 40px 12px 20px}.top_filter select:hover{border-color:#0984e3}.top_filter select:focus{border-color:#0984e3;box-shadow:0 0 0 3px #0984e31a}.top_name h2{align-items:center;color:#333;display:flex;font-size:26px;gap:15px}.top_name hr{background:linear-gradient(90deg,#666,#999);border:none;height:2px;width:40px}.collection_list_bottom{-webkit-overflow-scrolling:touch;height:calc(100vh - 200px);overflow:auto;padding:10px;scroll-behavior:smooth;scrollbar-width:thin;width:100%}.collection_list_bottom::-webkit-scrollbar{width:6px}.collection_list_bottom::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.collection_list_bottom::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.c_list{grid-gap:25px;background:#ffffff80;border-radius:8px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);padding:10px;width:100%}.latest_item{transition:transform .3s ease}.latest_item:hover{transform:translateY(-5px)}.search_section{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #0000000d;border-radius:8px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;display:flex;gap:15px;height:56px;justify-content:space-between;margin-bottom:20px;padding:8px 15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.search_input{flex:1 1;position:relative}.search_input input{background:#fff;border:2px solid #0000001a;border-radius:8px;font-size:15px;height:42px;padding:0 20px;transition:all .3s ease;width:100%}.search_input input:focus{border-color:#0984e3;box-shadow:0 0 0 3px #0984e31a}.search_input input::placeholder{color:#999}.search_cross{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.search_cross:hover{background:#eee}.search_cross img{height:16px;opacity:.6;transition:opacity .2s ease;width:16px}.search_cross:hover img{opacity:.8}.results-count{color:#666;font-size:14px;margin-top:5px}.no-results{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 10px #0000000d;grid-column:1/-1;padding:40px 20px;text-align:center}.no-results p{color:#666;font-size:16px;margin-bottom:15px}.no-results button{background:linear-gradient(135deg,#0984e3,#00cec9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.no-results button:hover{box-shadow:0 4px 15px #0984e34d;transform:translateY(-2px)}.error,.loading{border-radius:12px;box-shadow:0 2px 15px #0000000f;margin:20px auto;max-width:600px;padding:40px 20px;width:100%}.loading{color:#0984e3;font-size:18px}.error{color:#e74c3c;font-size:16px}@media screen and (max-width:1200px){.collection_container{padding:15px}.c_list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:992px){.collection_container{flex-direction:column;gap:20px;padding:15px}.collection_filter,.collection_list{width:100%}.collection_type{margin:15px 0;max-width:100%;padding:15px}.search_section{width:100%}.c_list{grid-template-columns:repeat(2,1fr)}.collection_list_bottom{height:auto;max-height:800px}.clear-filters{margin:10px 15px;width:calc(100% - 30px)}}@media screen and (max-width:768px){.collection_container{padding:10px}.collection_filter,.collection_list{padding:15px}.search_section{margin-bottom:15px}.search_input input{font-size:14px;height:38px;padding:0 15px}.top_filter select{font-size:14px;min-width:180px;padding:10px 15px}.results-count{font-size:13px}}@media screen and (max-width:576px){.collection_container{padding:10px}.collection_filter,.collection_list{padding:12px}.c_list{gap:15px;grid-template-columns:1fr}.collection_list_top{align-items:flex-start;flex-direction:column;gap:10px;height:auto}.top_name h2{font-size:20px}.search_section{margin-bottom:12px}.search_input input{font-size:13px;height:36px;padding:0 12px}.search_cross{height:26px;width:26px}.search_cross img{height:14px;width:14px}.top_filter select{font-size:13px;min-width:0;min-width:auto;padding:8px 12px;width:100%}.no-results{padding:30px 15px}.no-results p{font-size:14px}.no-results button{font-size:13px;padding:8px 16px}.results-count{font-size:12px}.collection_type{margin:10px 0;padding:12px}.collection_type h3{font-size:16px;margin-bottom:12px}.collection_type label{font-size:14px;padding:6px 10px}.clear-filters{font-size:13px;margin:8px 12px;padding:10px 16px;width:calc(100% - 24px)}}.clear-filters{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:10px 20px;padding:12px 20px;text-align:center;transition:all .3s ease;width:calc(100% - 40px)}.clear-filters:hover{box-shadow:0 4px 15px #e74c3c4d;transform:translateY(-2px)}.clear-filters:active{transform:translateY(0)}.about_container{align-items:center;display:flex;flex-basis:2;gap:5%;height:100%;justify-content:center;margin:0 auto 20px;max-width:1400px;padding:20px}.about_left{width:40%}.about_left img{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;width:100%}.about_right{width:50%}.about_right h2{align-items:center;display:flex;font-size:28px;gap:10px;margin-bottom:20px}.about_right h3{color:#333;font-size:22px;margin-bottom:20px}.about_right p{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px}.about_right hr{border:1px solid grey;width:40px}@media screen and (max-width:992px){.about_container{gap:3%;padding:15px}.about_right h2{font-size:24px}.about_right h3{font-size:20px}.about_right p{font-size:15px}}@media screen and (max-width:768px){.about_container{flex-direction:column;gap:30px}.about_left{max-width:500px;width:80%}.about_right{text-align:center;width:100%}.about_right h2{justify-content:center}}@media screen and (max-width:576px){.about_container{padding:10px}.about_left{width:100%}.about_right h2{font-size:22px}.about_right h3{font-size:18px}.about_right p{font-size:14px;text-align:left}}.contact_container{background:linear-gradient(180deg,#fff,#f8f9fa);margin:0 auto;max-width:1400px;padding:40px 20px}.contact_title{align-items:center;display:flex;justify-content:center;margin-bottom:40px;width:100%}.contact_title h2{align-items:center;color:#333;display:flex;font-size:32px;gap:10px;position:relative}.contact_title hr{background:linear-gradient(90deg,#666,#999);border:none;height:2px;width:40px}.contact_body{align-items:flex-start;display:flex;gap:50px;justify-content:space-between;padding:20px}.contact_left{border-radius:12px;box-shadow:0 8px 30px #0000001a;overflow:hidden;position:relative;width:50%}.contact_left img{display:block;height:auto;transition:transform .3s ease;width:100%}.contact_left:hover img{transform:scale(1.02)}.contact_right{padding:20px;width:50%}.right_block{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:30px;padding:30px;transition:transform .3s ease}.right_block:hover{transform:translateY(-5px)}.right_block h3{color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px;position:relative}.right_block h3:after{background:linear-gradient(90deg,#666,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.right_block p{color:#666;font-size:16px;line-height:1.6;margin-bottom:10px}.social_icons{display:flex;gap:25px;margin-top:20px}.social_icons p{align-items:center;background:#f8f9fa;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:45px;justify-content:center;margin:0;transition:all .3s ease;width:45px}.social_icons p:hover{background:#fff;box-shadow:0 5px 15px #0000001a;color:#007bff;transform:translateY(-5px)}@media screen and (max-width:992px){.contact_container{padding:30px 15px}.contact_title h2{font-size:28px}.contact_body{gap:30px;padding:15px}.right_block{padding:25px}.right_block h3{font-size:22px}.right_block p{font-size:15px}.social_icons p{font-size:22px;height:40px;width:40px}}@media screen and (max-width:768px){.contact_body{align-items:center;flex-direction:column}.contact_left,.contact_right{max-width:600px;width:100%}.contact_left{margin-bottom:30px}.right_block{text-align:center}.right_block h3:after{left:50%;transform:translateX(-50%)}.social_icons{justify-content:center}}@media screen and (max-width:576px){.contact_container{padding:20px 10px}.contact_title h2{font-size:24px}.contact_body{gap:20px;padding:10px}.right_block{margin-bottom:20px;padding:20px}.right_block h3{font-size:20px;margin-bottom:15px}.right_block p{font-size:14px}.social_icons{gap:15px}.social_icons p{font-size:20px;height:35px;width:35px}}.access_container{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto 20px;max-width:1400px;padding:20px;width:40%}.login_container{height:100%;width:100%}.login_container form{display:flex;flex-direction:column;gap:15px;justify-content:left;width:100%}.log_title{align-items:center;display:flex;height:40px;justify-content:center;width:100%}.log_title h2{color:#333;font-size:2rem;font-weight:600}.login_container form input{border:1px solid #ddd;border-radius:8px;font-size:1rem;height:45px;padding-left:15px;transition:all .3s ease;width:100%}.login_container form input:focus{border-color:#333;outline:none}.forget{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.forget a{color:#666;text-decoration:none;transition:color .3s ease}.forget a:hover{color:#333}.log_btn{align-items:center;display:flex;height:50px;justify-content:center;width:100%}.log_btn button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;height:45px;transition:all .3s ease;width:50%}.log_btn button:hover{background-color:#333;transform:translateY(-2px)}.register_container{height:100%;width:100%}.register_container form{display:flex;flex-direction:column;gap:15px;justify-content:left;width:100%}.reg_title{align-items:center;display:flex;height:40px;justify-content:center;width:100%}.reg_title h2{color:#333;font-size:2rem;font-weight:600}.register_container form input{border:1px solid #ddd;border-radius:8px;font-size:1rem;height:45px;padding-left:15px;transition:all .3s ease;width:100%}.register_container form input:focus{border-color:#333;outline:none}.reg_btn{align-items:center;display:flex;height:50px;justify-content:center;width:100%}.reg_btn button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;height:45px;transition:all .3s ease;width:50%}.reg_btn button:hover{background-color:#333;transform:translateY(-2px)}@media screen and (max-width:1200px){.access_container{width:50%}}@media screen and (max-width:992px){.access_container{width:60%}.log_title h2,.reg_title h2{font-size:1.8rem}}@media screen and (max-width:768px){.access_container{padding:15px;width:80%}.log_btn button,.reg_btn button{width:70%}.log_title h2,.reg_title h2{font-size:1.6rem}}@media screen and (max-width:480px){.access_container{padding:10px;width:95%}.login_container form input,.register_container form input{font-size:.9rem;height:40px}.forget{flex-direction:column;font-size:.85rem;gap:10px;text-align:center}.log_btn button,.reg_btn button{font-size:.9rem;width:100%}.log_title h2,.reg_title h2{font-size:1.4rem}}.error-message{background-color:#ffebee;font-size:.9rem}.success-message{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:.9rem;margin-bottom:15px;padding:10px;text-align:center}button:disabled{opacity:.7}.google-auth-block{margin-top:18px}.google-auth-divider{align-items:center;color:#777;display:flex;font-size:.9rem;gap:12px;margin:6px 0 14px}.google-auth-divider:after,.google-auth-divider:before{background:#ddd;content:"";flex:1 1;height:1px}.google-auth-button{display:flex;justify-content:center}.google-auth-button.is-disabled{opacity:.7;pointer-events:none}.google-auth-help{color:#666;font-size:.85rem;margin-top:10px;text-align:center}.product_container{align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:10px;padding:20px;width:100%}.product_blog{align-items:flex-start;display:flex;gap:40px;justify-content:space-between;max-width:1200px;width:90%}.product_blog,.product_image{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.product_image{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;width:50%}.product_image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product_image img:hover{transform:scale(1.05)}.product_details{display:flex;flex-direction:column;gap:20px;padding:20px;width:50%}.p_title{font-size:1.2rem}.p_title h3{color:#333;font-size:2rem;font-weight:600;margin:0}.p_rating{align-items:center;display:flex;gap:15px}.stars{gap:5px}.stars img{height:20px;width:20px}.count p{color:#666;font-size:.9rem}.p_price{color:#333;font-size:1.8rem;font-weight:600}.p_des{color:#666;font-size:.95rem;line-height:1.6}.p_size{display:flex;flex-direction:column;gap:10px}.p_size label{color:#333;font-size:1rem;font-weight:500}.p_size .sizes2{display:flex;flex-direction:row;gap:10px}.p_size .sizes2 button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;margin:0 8px;padding:8px 16px;transition:all .3s ease;width:12%}.p_size .sizes2 button.selected{background:#000;border-color:#000;color:#fff}.p_size .sizes2 button:hover{border-color:#000}.p_button{padding:10px 0}.p_button button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;height:50px;transition:all .3s ease;width:100%}.p_button button:hover{background-color:#333;transform:translateY(-2px)}.p_details{color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:8px}.p_details p{gap:8px}.p_details p,.pluscounter2{align-items:center;display:flex}.pluscounter2{border-radius:10px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin:10px 0;padding:5px 12px;width:150px}.pluscounter2 .input2{background:#0000;border:none;border-radius:5px;color:#333;font-size:1rem;font-weight:500;outline:none;padding:5px;text-align:center;width:40px}.pluscounter2 button{align-items:center;background-color:#fff;border:1px solid #fff;color:#333;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.pluscounter2 button:hover{background-color:#333;border-color:#333;color:#fff}.soldp{color:#666;font-size:.9rem}.message{font-size:14px;padding:12px}@media screen and (max-width:1200px){.product_blog{gap:30px;width:95%}.pluscounter{width:140px}}@media screen and (max-width:992px){.p_title h3{font-size:1.8rem}.p_price{font-size:1.6rem}.pluscounter{width:130px}.pluscounter button{height:28px;width:28px}}@media screen and (max-width:768px){.product_blog{flex-direction:column;gap:20px}.product_details,.product_image{width:100%}.product_details{padding:10px 0}.p_title h3{font-size:1.6rem}.p_price{font-size:1.4rem}.pluscounter{margin:5px 0;width:140px}}@media screen and (max-width:480px){.product_container{padding:10px}.product_blog{width:100%}.p_title h3{font-size:1.4rem}.p_des{font-size:.9rem}.p_size .sizes2 button{font-size:.9rem;height:40px;width:40px}.p_button button{font-size:.9rem;height:45px}.p_details{font-size:.85rem}.pluscounter{padding:6px 10px;width:120px}.pluscounter input{font-size:.9rem;width:35px}.pluscounter button{font-size:1rem;height:26px;width:26px}}.related_container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);padding:20px;width:100%}@media (max-width:1024px){.related_container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.related_container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.related_container{grid-template-columns:1fr}}.related_item{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:10px;width:100%}.cart_container{border-radius:15px;display:flex;flex-direction:column;gap:30px;margin:20px auto;max-width:1400px;min-height:calc(100vh - 40px);padding:25px;width:95%}.cart_top{align-items:center;background:#fff;border-radius:12px;display:flex;height:70px;justify-content:space-between;padding:0 30px;transition:all .3s ease;width:100%}.cart_top:hover{transform:translateY(-2px)}.cart_title h2{color:#2d3436;font-size:2rem;font-weight:600;margin:0;transition:color .3s ease}.cart_title h2:hover{color:#5d0048}.top_filter select{background-color:#fff;border:2px solid #dfe6e9;border-radius:10px;color:#2d3436;cursor:pointer;font-size:1.1rem;min-width:160px;padding:10px 20px;transition:all .3s ease}.top_filter select:hover{border-color:#1c1c1c;box-shadow:0 2px 10px #0984e31a}.top_filter select:focus{border-color:#bababa;box-shadow:0 0 0 3px #3e3e3e1a;outline:none}.cart_body{background:#fff;border-radius:15px;box-shadow:0 2px 15px #0000000f;overflow:hidden;transition:all .3s ease;width:100%}.cart_body:hover{box-shadow:0 4px 20px #0000001a}@media screen and (max-width:1400px){.cart_container{padding:20px;width:96%}}@media screen and (max-width:1200px){.cart_container{gap:25px;padding:18px;width:97%}.cart_title h2{font-size:1.8rem}.top_filter select{font-size:1rem;min-width:150px;padding:9px 18px}}@media screen and (max-width:992px){.cart_container{gap:20px;margin:15px auto;padding:15px;width:98%}.cart_top{height:65px;padding:0 25px}.cart_title h2{font-size:1.6rem}.top_filter select{min-width:140px;padding:8px 16px}}@media screen and (max-width:768px){.cart_container{gap:18px;margin:12px auto;padding:12px;width:98%}.cart_top{height:60px;padding:0 20px}.cart_title h2{font-size:1.4rem}.top_filter select{font-size:.95rem;min-width:130px;padding:7px 14px}}@media screen and (max-width:480px){.cart_container{gap:15px;margin:10px auto;padding:10px;width:99%}.cart_top{flex-direction:column;gap:8px;height:55px;height:auto;justify-content:center;padding:15px}.cart_title h2{font-size:1.3rem;text-align:center}.top_filter select{font-size:.9rem;min-width:0;min-width:auto;padding:6px 12px;width:100%}}@media screen and (max-width:360px){.cart_container{gap:12px;margin:8px auto;padding:8px;width:100%}.cart_title h2{font-size:1.2rem}.top_filter select{font-size:.85rem;padding:5px 10px}}.cartorders_container{animation:fadeIn .5s ease-in-out;display:flex;flex-wrap:wrap;gap:40px;margin:0 auto;max-width:1800px;padding:30px}.c_orders{display:flex;flex:3 1;flex-direction:column;gap:25px;min-width:400px}.c_order{align-items:center;background:#fff;border-radius:15px;display:flex;gap:30px;justify-content:space-between;min-width:100%;overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.c_order:before{background:linear-gradient(90deg,#0984e3,#00cec9);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.c_order:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.c_order:hover:before{transform:scaleX(1)}.c_profile{align-items:center;display:flex;flex:1 1;gap:20px}.p_img{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:150px;overflow:hidden;position:relative;width:150px}.p_img:after{background:linear-gradient(45deg,#0000001a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.p_img img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.p_img:hover img{transform:scale(1.08)}.p_d{display:flex;flex:1 1;flex-direction:column;gap:10px}.p_d h3{color:#2d3436;font-size:1.3rem;font-weight:600;line-height:1.4;margin:0}.p_add{align-items:center;color:#636e72;display:flex;font-size:1.1rem;gap:20px}.p_add p{background:#f8f9fa;border-radius:8px;padding:8px 15px;transition:all .3s ease}.p_add p:hover{background:#e9ecef;transform:translateY(-2px)}.c_count{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:15px;padding:10px 15px;transition:all .3s ease}.c_count:hover{background:#e9ecef}.c_count input{font-size:1.2rem;padding:12px;width:80px}.c_delete{background:#fff;border-radius:50%;padding:10px;transition:all .3s ease}.c_delete:hover{background:#fff0f0}.c_delete img{height:28px;opacity:.7;transition:all .3s ease;width:28px}.c_delete img:hover{opacity:1;transform:scale(1.1) rotate(4deg)}.c_details{flex:2 1;max-width:600px;min-width:450px}.customer_details,.payment_details{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000000f;margin-bottom:30px;padding:35px;transition:all .3s ease}.customer_details:hover,.payment_details:hover{box-shadow:0 6px 25px #00000014}.block_title{border-bottom:2px solid #f1f2f6;margin-bottom:25px;padding-bottom:15px;position:relative}.block_title:after{background:#5d0048;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.block_title h2{color:#2d3436;font-size:1.6rem;font-weight:600}.c_block{display:flex;gap:20px;margin-bottom:20px}.c_block input{background:#f8f9fa;border:2px solid #dfe6e9;border-radius:10px;flex:1 1;font-size:1.1rem;min-width:0;padding:16px;transition:all .3s ease}.c_block input:hover{background:#fff;border-color:#f68fec}.c_block input:focus{background:#fff;border-color:#0984e3;box-shadow:0 0 0 3px #0984e333;outline:none}.c_block p{align-items:center;color:#2d3436;display:flex;flex:1 1;font-size:1.1rem}.p_method{background:#f8f9fa;border-radius:12px;margin:25px 0;padding:20px;transition:all .3s ease}.p_method:hover{background:#e9ecef;transform:translateY(-2px)}.p_method h4{color:#2d3436;font-size:1.2rem;margin-bottom:10px}.p_method p{color:#636e72;font-size:1.1rem}.place_order button{background:linear-gradient(135deg,#0984e3,#00cec9);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.place_order button:before{background:linear-gradient(135deg,#00cec9,#0984e3);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.place_order button:hover{box-shadow:0 6px 20px #0984e34d;transform:translateY(-3px)}.place_order button:hover:before{opacity:1}.place_order button:active{transform:translateY(-1px)}.message{animation:slideIn .3s ease-out;border-radius:10px;font-size:1.1rem;font-weight:500;margin:15px 0;padding:15px}.message.success{background:#00b894;box-shadow:0 4px 15px #00b89433;color:#fff}.message.error{background:#d63031;box-shadow:0 4px 15px #d6303133;color:#fff}.error,.loading{animation:fadeIn .5s ease-in-out;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000000f;color:#2d3436;font-size:1.2rem;padding:30px}.error{background:#fff5f5;color:#d63031}@media screen and (max-width:1600px){.cartorders_container{gap:35px;max-width:1400px;padding:25px}.c_orders{min-width:350px}.c_details{min-width:400px}.p_img{height:130px;width:130px}}@media screen and (max-width:1400px){.cartorders_container{gap:30px;max-width:1200px;padding:20px}.c_orders{min-width:300px}.c_details{min-width:350px}.p_img{height:120px;width:120px}.customer_details,.payment_details{padding:30px}}@media screen and (max-width:1200px){.cartorders_container{gap:25px;max-width:1000px}.c_orders{flex:2 1}.c_details{min-width:320px}.p_img{height:110px;width:110px}}@media screen and (max-width:992px){.cartorders_container{gap:20px;max-width:800px;padding:15px}.c_details,.c_orders{min-width:280px}.p_img{height:100px;width:100px}}@media screen and (max-width:768px){.cartorders_container{gap:15px;padding:12px}.c_details,.c_orders{flex:1 1 100%;min-width:100%}.c_order{flex-wrap:wrap;gap:15px;padding:15px}.c_profile{flex:1 1 100%;flex-wrap:wrap;gap:15px}.p_img{height:100px;width:100px}.p_d{flex:1 1;min-width:200px}.p_d h3{font-size:1.1rem}.c_count{justify-content:space-between;padding:10px 15px;width:100%}.c_delete{position:absolute;right:10px;top:10px}.customer_details,.payment_details{margin-bottom:15px;padding:20px}.block_title{margin-bottom:20px}.block_title h2{font-size:1.3rem}.c_block{flex-direction:column;gap:12px}}@media screen and (max-width:576px){.cartorders_container{gap:12px;padding:10px}.c_order{padding:12px}.p_img{height:80px;width:80px}.p_d{min-width:150px}.p_d h3{font-size:1rem;line-height:1.4}.p_add{align-items:flex-start;flex-direction:column;font-size:.9rem;gap:8px}.c_count{padding:8px 12px}.c_count input{font-size:1rem;padding:8px;width:60px}.c_block input{font-size:.95rem;padding:12px}.place_order button{font-size:1.1rem;padding:14px}.customer_details,.payment_details{padding:15px}.block_title{margin-bottom:15px;padding-bottom:12px}.block_title h2{font-size:1.2rem}.message{font-size:.95rem;padding:12px}}@media screen and (max-width:360px){.cartorders_container{gap:10px;padding:8px}.c_order{padding:10px}.p_img{height:70px;width:70px}.p_d{min-width:120px}.p_d h3{font-size:.95rem}.p_add{font-size:.85rem}.c_count{padding:6px 10px}.c_count input{font-size:.9rem;padding:6px;width:50px}.c_delete img{height:24px;width:24px}.customer_details,.payment_details{padding:12px}.block_title{margin-bottom:12px;padding-bottom:10px}.block_title h2{font-size:1.1rem}.c_block{gap:10px}.c_block input,.message{font-size:.9rem;padding:10px}}.myorders_container{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:clamp(16px,3vw,32px)}.myorders_container h2{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#333;font-size:clamp(24px,3vw,32px);margin-bottom:clamp(24px,4vw,40px);padding:16px;text-align:center}.myorders-empty,.myorders-error,.myorders-loading{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin:40px auto;max-width:600px;padding:clamp(24px,5vw,48px);text-align:center}.myorders-empty p,.myorders-error p{color:#666;font-size:clamp(14px,3vw,16px);margin-bottom:20px}.myorders-error p{color:#dc3545}.p_messege{color:#0c7b00;font-size:12px}.login-button,.retry-button,.shop-button{border:none;border-radius:6px;cursor:pointer;font-size:clamp(14px,3vw,16px);font-weight:500;margin-top:15px;min-width:120px;padding:clamp(10px,2vw,12px) clamp(16px,4vw,24px);transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login-button{background-color:#007bff;color:#fff}.login-button:hover{background-color:#0056b3;transform:translateY(-2px)}.retry-button{background-color:#6c757d}.retry-button:hover{background-color:#5a6268;transform:translateY(-2px)}.shop-button{background-color:#28a745;color:#fff}.shop-button:hover{background-color:#218838;transform:translateY(-2px)}.myorder_card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:clamp(24px,4vw,40px);padding:clamp(16px,3vw,32px);transition:transform .2s ease,box-shadow .2s ease}.myorder_card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.myorder_header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:clamp(15px,3vw,25px);padding-bottom:15px}.myorder_info h3{color:#333;font-size:clamp(16px,3vw,20px);margin:0}.order-date{color:#666;font-size:clamp(12px,2vw,14px);margin:5px 0 0}.order_status{align-items:center;background:#f8f9fa;border-radius:20px;display:flex;font-size:clamp(14px,2.5vw,16px);font-weight:600;gap:8px;padding:8px 16px}.status-dot{border-radius:50%;height:clamp(8px,1.5vw,10px);width:clamp(8px,1.5vw,10px)}.order_progress{-webkit-overflow-scrolling:touch;margin:clamp(20px,4vw,30px) 0;overflow-x:auto;padding:20px 0}.progress-track{display:flex;justify-content:space-between;margin:0 clamp(10px,2vw,40px);min-width:min(100%,600px);padding:0 20px;position:relative}.progress-track:before{background:#ddd;content:"";height:2px;left:40px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.progress-step{flex:1 1;min-width:80px;position:relative;text-align:center}.step-icon{background:#fff;border:2px solid #ddd;border-radius:50%;height:clamp(20px,4vw,24px);margin:0 auto 10px;position:relative;width:clamp(20px,4vw,24px);z-index:1}.step-label{color:#666;font-size:clamp(11px,2vw,14px);white-space:nowrap}.progress-step.active .step-icon{background:#5cb85c;border-color:#5cb85c}.progress-step.active .step-label{color:#333;font-weight:600}.progress-step.cancelled .step-icon{background:#d9534f;border-color:#d9534f}.progress-step.cancelled .step-label{color:#d9534f}.items_grid{grid-gap:clamp(16px,2vw,24px);display:grid;gap:clamp(16px,2vw,24px);margin:clamp(16px,3vw,24px) 0;max-height:400px;overflow-y:auto;padding-right:16px;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.items_grid::-webkit-scrollbar{width:6px}.items_grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.items_grid::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.items_grid::-webkit-scrollbar-thumb:hover{background:#555}.order_item{grid-gap:clamp(12px,2vw,20px);background:#fff;border:1px solid #eef0f2;border-radius:12px;display:grid;gap:clamp(12px,2vw,20px);grid-template-columns:minmax(100px,120px) 1fr;padding:clamp(12px,2vw,20px);transition:transform .2s ease,box-shadow .2s ease}.order_item:hover{box-shadow:0 3px 10px #0000000f;transform:translateY(-1px)}.item_image{aspect-ratio:1;background:#f8f9fa;border-radius:8px;overflow:hidden;position:relative;width:100%}.item_image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.item_image:hover img{transform:scale(1.05)}.item_details{grid-gap:8px 16px;align-content:start;display:grid;gap:8px 16px;grid-template-columns:1fr auto}.item_details h4{color:#2d3748;font-size:clamp(16px,1.8vw,18px);font-weight:600;grid-column:1/-1;line-height:1.4;margin:0 0 8px}.item_details p{color:#4a5568;font-size:clamp(14px,1.5vw,16px);line-height:1.5;margin:0}.item_quantity,.item_size{grid-column:1}.item_price,.item_total{font-weight:500;grid-column:2;text-align:right}.item_total{color:#2d3748;font-weight:600}.order_summary{background:#f8f9fa;border-radius:12px;margin-top:clamp(20px,4vw,32px);padding:clamp(16px,3vw,24px)}.summary_row{color:#666;display:flex;font-size:clamp(12px,2vw,14px);justify-content:space-between;padding:8px 0}.summary_row.total{border-top:2px solid #dee2e6;color:#333;font-size:clamp(16px,3vw,18px);font-weight:600;margin-top:10px;padding-top:15px}.shipping_details{background:#f8f9fa;border-radius:8px;padding:clamp(15px,3vw,20px)}.shipping_details h4{color:#333;font-size:clamp(14px,2.5vw,16px);margin:0 0 15px}.shipping_details p{color:#666;font-size:clamp(12px,2vw,14px);margin:8px 0}@media (min-width:768px){.items_grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.items_grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.items_grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.items_grid{grid-template-columns:1fr}.order_item{gap:16px;grid-template-columns:90px 1fr}.item_details h4{font-size:16px}.item_details p{font-size:14px}}@media (max-width:480px){.myorders_container,.order_item{padding:12px}.order_item{gap:12px;grid-template-columns:80px 1fr}.item_details{gap:6px 12px}.item_details h4{font-size:15px;margin-bottom:6px}.item_details p{font-size:13px}}@media (max-width:360px){.order_item{gap:10px;grid-template-columns:70px 1fr}.item_details h4{font-size:14px}.item_details p{font-size:12px}}@media (max-width:425px){.myorders_container{padding:8px}.myorders_container h2{font-size:20px;margin-bottom:16px;padding:12px}.myorder_card{border-radius:8px;margin-bottom:16px;padding:12px}.items_grid{gap:12px;margin:12px 0;max-height:70vh;padding-right:8px}.order_item{background:#fff;border:1px solid #eef0f2;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:0;padding:12px}.item_image{align-self:center;aspect-ratio:1;max-width:120px;width:100%}.item_details{display:flex;flex-direction:column;gap:8px;width:100%}.item_details h4{font-size:14px;margin-bottom:4px;text-align:center}.item_details p{font-size:13px;text-align:center}.item_price,.item_quantity,.item_size,.item_total{text-align:center;width:100%}.order_summary{border-radius:8px;margin-top:16px;padding:12px}.summary_row{align-items:center;flex-direction:column;gap:4px;text-align:center}.summary_row.total{flex-direction:row;justify-content:space-between;margin-top:8px;padding-top:12px}.items_grid{-webkit-overflow-scrolling:touch}.review-button{font-size:13px;margin-top:10px;padding:8px 16px}}@media (max-width:375px){.myorders_container{padding:6px}.order_item{padding:10px}.item_image{max-width:100px}.item_details h4{font-size:13px}.item_details p{font-size:12px}.items_grid{max-height:65vh;padding-right:6px}}@media (max-width:320px){.myorders_container{padding:4px}.myorders_container h2{font-size:18px;padding:10px}.order_item{padding:8px}.item_image{max-width:90px}.item_details h4{font-size:12px}.item_details p{font-size:11px}.summary_row{font-size:12px}.summary_row.total{font-size:14px}.items_grid{max-height:60vh;padding-right:4px}}@media print{.myorders_container{background:none;padding:0}.myorder_card{border:1px solid #eee;box-shadow:none}.myorder_card,.order_item{break-inside:avoid;page-break-inside:avoid}.progress-track:before{background:#999}}.order_item{animation:fadeIn .3s ease-out}.review-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-top:15px;padding:10px 20px;transition:background-color .2s ease;width:100%}.review-button:hover{background-color:#45a049}.review-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex!important;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px;max-width:500px;position:relative;width:90%;z-index:1001}.review-modal-content{max-height:80vh;overflow-y:auto;padding:20px}.close-modal{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#333;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:-15px;top:-15px;width:30px;z-index:1002}.close-modal:hover{background:#f8f9fa}body.modal-open{overflow:hidden}.add-review-container{background:#fff;border-radius:12px;padding:1.5rem;width:100%}.error-message,.loading-message,.success-message{border-radius:8px;font-size:.9rem;margin:1rem 0;padding:1rem;text-align:center}.loading-message{background:#e9ecef;color:#495057}.error-message{background:#f8d7da;color:#dc3545}.success-message{background:#d4edda;color:#28a745}.product-info{border-bottom:1px solid #eee;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.product-image{border-radius:8px;height:80px;object-fit:cover;width:80px}.product-info h3{color:#333;font-size:1.1rem;margin:0}.review-form{display:flex;flex-direction:column;gap:1rem}.rating-container{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.rating-container label{cursor:pointer}.rating-container input[type=radio]{display:none}.star{font-size:24px;transition:color .2s}textarea{background:#fff;border-radius:8px;font-size:.95rem;min-height:100px;padding:.8rem}textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.submit-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.8rem;transition:all .2s ease}.submit-button:hover{background:#357abd;transform:translateY(-1px)}.submit-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.add-review-container{padding:1rem}.product-info{flex-direction:column;text-align:center}.product-image{height:100px;width:100px}}@media (max-width:480px){.rating-container{gap:.25rem}.star{font-size:20px}textarea{font-size:.9rem;min-height:80px}.submit-button{font-size:.9rem;padding:.7rem}.error-message,.loading-message,.success-message{font-size:.8rem;padding:.8rem}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-form-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px;max-width:500px;padding:20px;width:100%}.modal-header{justify-content:space-between;margin-bottom:20px}.close-button,.modal-header{align-items:center;display:flex}.close-button{border-radius:50%;color:#666;font-size:24px;height:30px;justify-content:center;transition:background-color .2s;width:30px}.close-button:hover{background-color:#f0f0f0}.review-form-container h3{color:#333;font-size:1.2rem;margin:0}.rating-section{margin-bottom:20px;text-align:center}.rating-section label{color:#555;display:block;font-weight:500;margin-bottom:10px}.stars{display:flex;gap:10px;justify-content:center}.star{cursor:pointer;transition:transform .2s ease}.star:hover{transform:scale(1.1)}.review-section{margin-bottom:20px}.review-section label{color:#555;display:block;font-weight:500;margin-bottom:8px}textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;line-height:1.5;min-height:120px;padding:12px;width:100%}textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.error-message{background:#ffebee;border-radius:4px;color:#c62828;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}.submit-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.submit-btn:hover{background:#43a047}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{animation:fadeIn .3s ease}.review-form-container{animation:slideIn .3s ease}@media (max-width:480px){.review-form-container{margin:15px;padding:15px}.stars{gap:8px}.star{font-size:28px}textarea{font-size:14px;padding:10px}.submit-btn{font-size:15px;padding:10px}}.reviews-container{box-sizing:border-box;font-family:Arial,sans-serif;margin:3rem auto;max-width:1400px;overflow:hidden;padding:0 1.5rem;width:100%}.reviews-title{color:#1a202c;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:3rem;text-align:center;text-transform:uppercase}.reviews-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr);min-height:480px;padding:1rem}.review-card{animation:slideIn .6s cubic-bezier(.17,.84,.44,1);background:#fff;border:none;border-radius:12px;box-shadow:0 6px 15px #00000014;cursor:default;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;position:relative;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1)}.review-card:after{border:1px solid #e2e8f0;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow .4s ease;z-index:0}.review-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-8px)}.review-header{background:linear-gradient(145deg,#f9fafb,#fff);border-bottom:1px solid #f0f4f8;padding:1.5rem;position:relative;z-index:1}.product-info{align-items:center;display:flex;gap:1.5rem}.product-image{border:3px solid #f7f7f7;border-radius:50%;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:100px;transition:all .4s ease;width:100px}.review-card:hover .product-image{box-shadow:0 6px 18px #0003;transform:scale(1.05)}.product-image img{transition:transform .6s ease}.product-details{flex:1 1;min-width:0}.product-name{color:#2c3e50;font-size:1.25rem;font-weight:700;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-rating{align-items:center;display:flex;gap:.3rem}.star{color:#cbd5e0;display:inline-block;font-size:1.2rem;transition:all .3s ease}.star.filled{color:#ffc107;filter:drop-shadow(0 0 2px rgba(255,193,7,.5))}.review-card:hover .star.filled{filter:brightness(1.1) drop-shadow(0 0 4px rgba(255,193,7,.7));transform:scale(1.1)}.rating-text{color:#4a5568;font-size:1rem;font-weight:600;margin-left:.6rem}.review-content{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:140px;padding:1.5rem}.review-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;flex:1 1;font-size:.95rem;line-height:1.6;margin:0 0 1rem;overflow:hidden}.review-footer{border-top:1px solid #e2e8f0;margin-top:auto;padding-top:1rem}.review-author{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.author-name{color:#2d3748;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0}.review-date{color:#718096;font-size:.85rem;margin:0}.reviews-navigation{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.nav-button{background:#4f46e5;border:none;border-radius:30px;box-shadow:0 4px 10px #4f46e54d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.nav-button:hover{background:#4338ca;box-shadow:0 6px 15px #4f46e566;transform:translateY(-3px)}.nav-button:active{box-shadow:0 2px 5px #4f46e533;transform:translateY(0)}.reviews-empty,.reviews-error,.reviews-loading{align-items:center;animation:fadeIn .5s ease;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:500px;min-height:200px;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4f46e5;height:45px;margin:0 auto 1.5rem;width:45px}.reviews-empty p,.reviews-loading p{color:#4a5568;font-size:1rem;font-weight:500}.reviews-error p{color:#e53e3e;font-weight:600}.retry-button{background:#4f46e5;border-radius:8px;font-weight:600;padding:.75rem 1.5rem}@media (max-width:1400px){.reviews-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.reviews-grid{grid-template-columns:repeat(3,1fr)}.product-image{height:80px;width:80px}.product-name{font-size:1.1rem}.review-card{min-height:350px}}@media (max-width:992px){.reviews-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.product-image{height:100px;width:100px}.review-text{-webkit-line-clamp:3}.review-card{min-height:380px}}@media (max-width:768px){.reviews-grid{grid-template-columns:1fr;margin:0 auto;max-width:90%}.reviews-title{font-size:2rem}.review-card{margin:0 auto;max-width:450px;min-height:300px}.product-image{height:90px;width:90px}.product-info{gap:1rem}}@media (max-width:480px){.reviews-container{padding:0 .5rem}.reviews-title{font-size:1.75rem}.product-info{flex-direction:column;text-align:center}.product-image{margin-bottom:.5rem}.product-name{font-size:1.2rem}.review-text{-webkit-line-clamp:3;font-size:.9rem;line-height:1.4}.review-content,.review-header{padding:1rem}.review-card{min-height:280px}.review-content{min-height:120px}}@media (hover:none){.review-card{box-shadow:0 6px 15px #00000014!important;transform:none!important}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.admin_container{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;gap:25px;min-height:100vh;padding:25px;width:100%}.admin_nav_container{height:120px}.admin_nav_container,.user_body_container{background:#fff;border-radius:15px;box-shadow:0 2px 15px #00000014;max-width:1400px;width:95%}.user_body_container{display:flex;flex:1 1;min-height:calc(100vh - 170px);overflow:hidden}.bars{background:#fff;border-right:2px solid #eee;height:100%;width:280px}.bars ul{display:flex;flex-direction:column;gap:8px;height:100%;list-style:none;padding:25px 0;width:100%}.bars ul li{background-color:initial;border-left:4px solid #0000;color:#333;cursor:pointer;font-size:1.2rem;font-weight:500;letter-spacing:.3px;padding:18px 25px;text-align:left;transition:all .3s ease}.bars ul li:hover{background-color:#f8f8f8;border-left:4px solid #000;color:#000}.contents{flex:1 1;overflow-y:auto;padding:25px}@media screen and (max-width:768px){.admin_container{gap:15px;padding:12px}.user_body_container{flex-direction:column;min-height:calc(100vh - 150px)}.bars{border-bottom:2px solid #eee;border-right:none;height:auto;width:100%}.bars ul{-webkit-overflow-scrolling:touch;flex-direction:row;gap:15px;overflow-x:auto;padding:15px;white-space:nowrap}.bars ul li{border-bottom:3px solid #0000;border-left:none;font-size:1.1rem;padding:12px 20px}.bars ul li:hover{border-bottom:3px solid #000;border-left:none}.contents{padding:20px}}.admin_nav_container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 35px;position:relative;width:100%}.admin_nav_container .nav_logo{align-items:center;display:flex;flex-direction:column}.nav_logo img{object-fit:contain;width:auto}.nav_logo p{color:#333;font-size:1.8rem;font-weight:600;letter-spacing:.5px}.nav_logout{width:10%}.nav_logout button{background-color:#333;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:500;height:48px;letter-spacing:.5px;transition:all .3s ease;width:100%}.nav_logout button:hover{background-color:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media screen and (max-width:1400px){.admin_nav_container{padding:0 30px}.nav_logout{right:30px}.nav_logo img{height:55px}.nav_logo p{font-size:1.7rem}}@media screen and (max-width:1200px){.nav_logo img{height:50px}.nav_logo p{font-size:1.6rem}.nav_logout button{font-size:1.05rem;font-size:.7rem;height:45px;height:33px}}@media screen and (max-width:992px){.admin_nav_container{padding:0 25px}.nav_logout{right:25px}.nav_logo p{font-size:1rem}.nav_logout{width:100px}.nav_logout button{font-size:.9rem;height:42px}}@media screen and (max-width:768px){.admin_nav_container{padding:0 20px}.nav_logout{right:20px;width:140px}.nav_logo img{height:42px}.nav_logo p{font-size:1.4rem}}@media screen and (max-width:480px){.admin_nav_container{padding:0 15px}.nav_logo{gap:12px;max-width:calc(100% - 130px)}.nav_logo img{height:38px}.nav_logo p{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav_logout button{font-size:.95rem;height:38px}}@media screen and (max-width:390px){.nav_logo{max-width:calc(100% - 120px)}.nav_logo img{height:35px}.nav_logo p{font-size:.9rem}.nav_logout{width:70px}.nav_logout button{font-size:.4rem;height:33px}}.additems_container{background:#f9f9f9;border-radius:8px;box-shadow:0 0 15px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:30px auto;max-width:700px;padding:20px 25px}.add_item_cons{display:flex;flex-direction:column;gap:20px}.add_block label{color:#222;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.add_block label .error{color:#e63946;margin-left:5px}input[type=number],input[type=text],select,textarea{border:1.8px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:10px 12px;transition:border-color .3s ease;width:100%}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{background:#f0f8ff;border-color:#457b9d;outline:none}textarea{font-family:inherit;min-height:80px;resize:vertical}.error-message{color:#e63946;font-size:.875rem;margin-top:5px}.success-message{color:#2a9d8f;margin-top:8px}.success-message,button{font-size:1rem;font-weight:600}button{background-color:#457b9d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 18px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}button:hover:not(:disabled){background-color:#1d3557}button:disabled{background-color:#a8dadc;cursor:not-allowed}.upload_icon_wrapper{align-items:flex-start;display:flex;flex-direction:column}.upload-label{align-items:center;border:2px dashed #457b9d;border-radius:10px;color:#457b9d;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:8px;justify-content:center;padding:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.upload-label:hover{background-color:#e0f0ff}.upload_icon{height:40px;object-fit:contain;width:40px}.image-preview{border-radius:10px;box-shadow:0 0 10px #457b9d80;height:180px;margin-bottom:8px;overflow:hidden;position:relative;width:180px}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview button{background:#e63946;border:none;color:#fff;font-size:18px;font-weight:700;height:28px;line-height:18px;padding:4px;position:absolute;right:6px;top:6px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image-preview button:hover{background:#b22222}.category-input{align-items:center;display:flex;gap:10px}.category-input input[type=text],.category-input select{flex:1 1}.new-category-btn{background-color:#f4a261;border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 14px;transition:background-color .3s ease}.new-category-btn:hover{background-color:#e76f51}.sizes-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.size-checkbox{color:#333;cursor:pointer;font-size:.95rem;font-weight:600;padding-left:32px;position:relative;-webkit-user-select:none;user-select:none}.size-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute}.size-checkbox .checkmark{align-items:center;background-color:#eee;border:1.8px solid #ccc;border-radius:5px;display:flex;height:22px;justify-content:center;left:0;margin-bottom:15px;margin-top:10px;min-width:22px;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease,border-color .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.size-checkbox input[type=checkbox]:checked~.checkmark{background-color:#457b9d;border-color:#457b9d;color:#fff;font-weight:700}.size-checkbox .checkmark:after{color:#0000;content:attr(data-size);font-size:.95rem;-webkit-user-select:none;user-select:none}.size-checkbox input[type=checkbox]:checked~.checkmark:after{color:#fff}.size-checkbox .checkmark{color:#333;font-weight:600}.manual-size-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.manual-size-row input[type=text]{border:1.8px solid #ccc;border-radius:5px;flex:1 1;font-size:1rem;padding:8px 12px}.remove-size-btn{background-color:#e63946;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;height:32px;line-height:28px;text-align:center;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;width:32px}.remove-size-btn:hover{background-color:#b22222}.add-size-btn{background-color:#2a9d8f;font-weight:700}.add-size-btn:hover{background-color:#1f776d}.add_block input[type=number]{max-width:120px}.add_block button[type=submit]{border-radius:7px;font-size:1.1rem;padding:12px 0;width:100%}@media (max-width:600px){.category-input{flex-direction:column;gap:10px}.sizes-checkboxes{justify-content:flex-start}}.listitem_container{margin:0 auto;max-width:1200px;padding:20px}.listitem_container h2{color:#333;font-size:1.8rem;margin-bottom:30px}.product-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.product-image{align-items:center;background-color:#f8f9fa;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.product-image img{background-color:#fff;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-image.no-image{align-items:center;color:#ccc;display:flex;font-size:3rem;justify-content:center}.product-image:after{background:#00000005;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.product-card:hover .product-image img{transform:scale(1.05)}.product-details{padding:15px}.product-details h3{color:#333;font-size:1.2rem;margin:0 0 10px}.category{color:#666;font-size:.9rem;margin-bottom:8px}.price{color:#2c3e50;font-size:1.1rem;font-weight:600}.price,.sizes{margin-bottom:12px}.sizes{display:flex;flex-wrap:wrap;gap:8px}.size-tag{background:#f8f9fa;border-radius:4px;color:#495057;font-size:.85rem;padding:4px 8px}.stock{color:#666;font-size:.9rem;margin-bottom:15px}.product-actions{display:flex;gap:10px}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px;transition:all .3s ease}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:25px;width:90%}.modal-content h3{color:#333}.form-group,.modal-content h3{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1}.size-checkboxes{display:flex;flex-wrap:wrap;gap:15px}.size-label{align-items:center;cursor:pointer;display:flex;gap:5px}.modal-actions{display:flex;gap:15px;margin-top:25px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;padding:12px;transition:all .3s ease}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.loading{color:#666}.error,.loading{font-size:1.2rem;padding:40px;text-align:center}@media screen and (max-width:768px){.listitem_container{padding:15px}.product-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.form-row{flex-direction:column;gap:15px}.modal-content{padding:20px;width:95%}}@media screen and (max-width:480px){.listitem_container h2{font-size:1.5rem}.product-grid{grid-template-columns:1fr}.product-image{height:180px}.modal-actions{flex-direction:column}.size-checkboxes{gap:10px}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;width:90%}.confirmation-modal-header{align-items:center;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.confirmation-modal-header.warning{background-color:#fff3cd;color:#856404}.confirmation-modal-header.danger{background-color:#f8d7da;color:#721c24}.confirmation-modal-header.info{background-color:#cce5ff;color:#004085}.confirmation-modal-header h3{font-size:1.2rem;margin:0}.close-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7;padding:0}.close-button:hover{opacity:1}.confirmation-modal-body{color:#333;padding:20px}.confirmation-modal-body p{line-height:1.5;margin:0}.confirmation-modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cancel-button,.confirm-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.cancel-button{background-color:#f8f9fa;color:#333}.cancel-button:hover{background-color:#e2e6ea}.confirm-button{color:#fff}.confirm-button.warning{background-color:#ffc107}.confirm-button.warning:hover{background-color:#e0a800}.confirm-button.danger{background-color:#dc3545}.confirm-button.danger:hover{background-color:#c82333}.confirm-button.info{background-color:#007bff}.confirm-button.info:hover{background-color:#0056b3}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.confirmation-modal{width:95%}.confirmation-modal-footer{flex-direction:column}.cancel-button,.confirm-button{padding:12px;width:100%}}.orders_container{margin:0 auto;max-width:1200px;padding:20px}.orders_filter{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px}.orders_filter h2{color:#333;font-size:24px;margin:0}.filter_controls{align-items:center;display:flex;gap:10px}.filter_controls label{color:#666;font-weight:500}.filter_controls select{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.error,.loading{font-size:18px;padding:20px;text-align:center}.error{color:#dc3545}.message{border-radius:4px;margin-bottom:20px;padding:10px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.order_card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.order_header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.order_info h3{color:#333;margin:0}.order_info p{color:#666;margin:5px 0 0}.status_control select{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:140px;padding:8px 12px}.status_pending{border-color:#f0ad4e;color:#f0ad4e}.status_processing{border-color:#5bc0de;color:#5bc0de}.status_shipped{border-color:#0275d8;color:#0275d8}.status_delivered{border-color:#5cb85c;color:#5cb85c}.status_cancelled{border-color:#d9534f;color:#d9534f}.customer_info{background:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:15px}.customer_info h4{color:#333;margin:0 0 15px}.customer_grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.customer_detail{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:8px}.order_items{margin-bottom:20px}.order_items h4{color:#333;margin:0 0 15px}.order_items_table{-webkit-overflow-scrolling:touch;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;width:100%}.order_items_table table{border-collapse:collapse;min-width:700px;width:100%}.order_items_table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.order_items_table th{color:#333;font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.order_items_table td{border-bottom:1px solid #eee;padding:12px 15px;vertical-align:middle}.product_image_cell{width:80px}.product_image_cell img{border-radius:4px;height:60px;object-fit:cover;width:60px}.product_details_cell{min-width:200px}.product_details_cell h5{color:#333;font-size:16px;margin:0 0 8px}.mobile-only{display:none}.order_items_table tfoot{background-color:#f8f9fa;font-weight:500}.order_items_table tfoot td{border-top:2px solid #dee2e6;padding:12px 15px}.text-right{text-align:right}.total-row{background-color:#e9ecef;font-size:1.1em;font-weight:700}.error-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:600px;padding:40px 20px;text-align:center}.retry-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.retry-button:hover{background:#0056b3}.no-orders{background:#f8f9fa;border-radius:8px;color:#666;font-size:16px;padding:40px 20px;text-align:center}@media (max-width:768px){.orders_container{padding:10px}.orders_filter{align-items:stretch;gap:15px;text-align:center}.filter_controls,.order_header,.orders_filter{flex-direction:column}.order_header{align-items:stretch;text-align:center}.status_control select{width:100%}.customer_grid{grid-template-columns:1fr}.hide-mobile{display:none}.mobile-only{color:#666;display:block;font-size:14px;margin-top:10px}.mobile-only p{margin:5px 0}.order_items_table table{min-width:500px}.product_image_cell{width:60px}.product_image_cell img{height:50px;width:50px}.product_details_cell{min-width:150px}}@media (max-width:480px){.orders_container{padding:5px}.order_card{padding:15px}.order_items_table{border-radius:0;margin:0 -15px}.order_items_table table{min-width:400px}.product_image_cell{width:50px}.product_image_cell img{height:40px;width:40px}}.reports-page{background-color:#f0f4f8;border-radius:16px;box-shadow:0 10px 30px #00000014;font-family:Inter,sans-serif,Arial;margin:3rem auto;max-width:1400px;padding:20px}.reports-title{border-bottom:4px solid #d9e2ec;color:#1e3a52;font-size:2.6rem;font-weight:800;letter-spacing:.5px;margin-bottom:3rem;padding-bottom:1rem;text-align:center;text-transform:uppercase}.report-config-panel{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:35px;padding:30px}.report-type-selector{border-bottom:1px solid #e0e6ed;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding-bottom:20px}.type-button{align-items:center;background:#fcfcfc;border:1px solid #cbd5e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#4a6480;cursor:pointer;display:flex;flex:1 1 180px;flex-direction:column;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:18px 10px;transition:all .3s cubic-bezier(.2,.8,.2,1)}.type-button:hover{background-color:#f7f5ff;border-color:#4f46e5;box-shadow:0 4px 8px #4f46e51a;color:#4f46e5;transform:translateY(-2px)}.type-button.active{background-color:#4f46e5;border-color:#4f46e5;box-shadow:0 6px 15px #4f46e566;color:#fff;transform:translateY(-1px)}.type-icon{font-size:1.5rem}.report-filters-wrapper h2{align-items:center;color:#1e3a52;display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:20px}.report-filters{grid-gap:25px;align-items:flex-start;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{align-items:center;color:#4a5568;display:flex;font-size:.9rem;font-weight:600;gap:5px;margin-bottom:8px}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #cdd5df;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .3s,box-shadow .3s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533;outline:none}.date-range{display:flex;flex-direction:column;gap:10px}.date-range label{margin-bottom:0}.date-range>div{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.action-buttons{display:flex;gap:15px;grid-column:1/-1;justify-content:flex-end;margin-top:15px}.btn-generate,.btn-reset{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:12px 30px;transition:all .3s}.btn-generate{background-color:#10b981;box-shadow:0 2px 8px #10b98166;color:#fff}.btn-generate:hover:not(:disabled){background-color:#059669;transform:translateY(-2px)}.btn-generate:disabled{background-color:#a7f3d0;cursor:not-allowed}.btn-reset{background-color:#94a3b8;color:#fff}.btn-reset:hover:not(:disabled){background-color:#64748b;transform:translateY(-2px)}.report-output-panel{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;min-height:350px;padding:30px}.report-output-panel h2{border-bottom:2px solid #e0e6ed;color:#4f46e5;font-size:1.8rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.report-data-view{padding-top:60px;position:relative}.btn-download{align-items:center;background-color:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 5px #ef444466;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 25px;position:absolute;right:0;top:0;transition:all .3s}.btn-download:hover{background-color:#dc2626;transform:translateY(-1px)}.report-summary p{background-color:#f9fafb;border-left:5px solid #4f46e5;border-radius:6px;box-shadow:inset 0 0 5px #00000008;font-size:1.1rem;margin:15px 0;padding:10px 15px}.report-summary span{color:#1e3a52;font-weight:700;margin-right:15px}.highlight-danger{color:#ef4444;font-weight:800}.highlight-success{color:#10b981;font-weight:800}.chart-placeholder{background-color:#e5e7eb;border:2px dashed #a8b3c4;border-radius:8px;color:#6b7280;font-style:italic;height:150px;margin-top:25px!important}.orders-table{border:1px solid #e0e6ed;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:25px;overflow:hidden}.orders-table h3{background-color:#f0f4f8;border-bottom:1px solid #e0e6ed;color:#34495e;font-size:1.25rem;font-weight:600;margin:0;padding:15px}.orders-table .order-row{align-items:center;border-bottom:1px solid #f8f9fa;display:grid;font-size:.95rem;grid-template-columns:.8fr 1.5fr 1fr 1fr 1fr;padding:12px 15px;transition:background-color .2s}.orders-table .order-row.header{background-color:#e9ecef;color:#343a40;font-weight:700}.orders-table .detail-row{grid-template-columns:.6fr 1.4fr .8fr 1.2fr 1fr}.user-table .order-row{grid-template-columns:1fr 1.5fr .8fr 1fr}.orders-table .order-row:nth-child(2n):not(.header){background-color:#fcfcfc}.orders-table .order-row:hover:not(.header){background-color:#eef1f5}.status-delivered{color:#10b981;font-weight:700}.status-shipped{color:#4f46e5;font-weight:700}.status-processing{color:#fbbf24;font-weight:700}.status-pending{color:#94a3b8;font-weight:600}.role-admin,.status-cancelled{color:#ef4444;font-weight:700}.role-user{color:#4f46e5}.report-status{color:#6c757d;padding:50px 20px;text-align:center}.error-state{background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;padding:20px}.loading-state p{color:#4f46e5}@media (max-width:1200px){.report-filters{grid-template-columns:repeat(2,1fr)}.report-output-panel h2{font-size:1.6rem}}@media (max-width:768px){.reports-page{margin:1rem auto;padding:10px}.reports-title{font-size:1.6rem;margin-bottom:2rem}.report-filters{gap:15px;grid-template-columns:1fr}.date-range{display:flex;flex-direction:column;gap:8px}.date-range>div{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.filter-group input,.filter-group select{padding:10px}.action-buttons{flex-direction:column;grid-column:1/-1;justify-content:center}.btn-download{justify-content:center;margin-top:15px;position:static;width:100%}.orders-table .order-row{background-color:#fff;border:1px solid #e0e6ed;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:block;margin-bottom:8px;padding:10px 15px}.orders-table .order-row.header{display:none}.orders-table .order-row span{display:block;font-size:.95rem;padding:4px 0;width:100%}.orders-table .order-row span:before{color:#4f46e5;content:attr(data-label) ": ";display:inline-block;font-weight:700;margin-right:8px;width:100px}.orders-table .order-row span:last-child,.orders-table .order-row span:nth-last-child(2){border-top:1px dashed #e0e6ed;margin-top:8px;padding-top:8px}.orders-table .order-row span:first-child:before{content:"ID: "}.orders-table .order-row span:nth-child(2):before{content:"Customer: "}.orders-table .order-row span:nth-child(3):before{content:"Date: "}.orders-table .order-row span:nth-child(4):before{content:"Total: "}.orders-table .order-row span:nth-child(5):before{content:"Status: "}}@media (max-width:480px){.report-filters-wrapper h2{font-size:1.4rem}.report-type-selector{flex-direction:column;gap:10px}.type-button{flex:1 1 100%}.action-buttons{flex-direction:column;gap:10px}.btn-generate,.btn-reset{width:100%}.date-range>div{gap:10px;grid-template-columns:1fr}.orders-table .order-row span:before{width:80px}}.admin-panel{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:900px;padding:20px}.admin-panel h2{color:#333;margin-bottom:20px;text-align:center}.panel-content{display:flex;flex-direction:column;gap:30px}.message{animation:fadeIn .5s ease-in-out;border-radius:6px;font-weight:600;padding:12px 16px;text-align:center}.message.success{background-color:#e6ffed;border:1px solid #b7eb8f;color:#237804}.message.error{background-color:#fff1f0;border:1px solid #ffa39e;color:#cf1322}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.admin-form{gap:20px}.admin-form,.admin-form label{display:flex;flex-direction:column}.admin-form label{color:#555;font-weight:500}.admin-form input{border:1px solid #ccc;border-radius:6px;margin-top:5px;padding:10px 12px;transition:border-color .3s ease}.admin-form input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.error{color:#cf1322;font-size:.85rem;margin-top:4px}.form-buttons{display:flex;gap:10px;margin-top:10px}.form-buttons button{background-color:#1677ff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:10px;transition:background-color .3s ease}.form-buttons .clear-button{background-color:#888}.form-buttons button:hover{opacity:.9}.admin-list{display:flex;flex-direction:column;gap:16px}.admin-item{align-items:center;background-color:#fafafa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.admin-item div:first-child{color:#333;font-weight:500}.admin-item button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-left:10px;padding:6px 12px;transition:background-color .2s ease}.admin-item button:hover{opacity:.85}.admin-item button.delete{background-color:#ff4d4f;color:#fff}.admin-item button:not(.delete){background-color:#4096ff;color:#fff}@media (max-width:768px){.admin-item{align-items:flex-start;gap:8px}.admin-item,.form-buttons{flex-direction:column}.form-buttons button{width:100%}}@media (max-width:480px){.admin-panel{padding:15px}.admin-form label,.admin-item{font-size:.95rem}}.statics-container{box-sizing:border-box;font-family:Inter,sans-serif,Arial;margin:3rem auto;max-width:1400px;padding:0 20px}.statics-title{border-bottom:3px solid #d9e2ec;color:#1e3a52;font-size:2.8rem;font-weight:800;letter-spacing:.5px;margin-bottom:2.5rem;padding-bottom:15px;text-align:center}.summary-cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto auto;padding:20px 25px;transition:transform .3s ease-out,box-shadow .3s}.summary-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.card-icon-wrapper{align-items:center;background:#eef1f5;border-radius:50%;color:#4f46e5;display:flex;font-size:1.5rem;grid-row:1/span 2;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px;z-index:2}.card-icon-wrapper svg{display:block;height:100%;width:100%}.card-content{display:flex;flex-direction:column;min-width:0;padding-left:15px}.card-title{color:#6b7280;font-size:.9rem;font-weight:500;text-transform:uppercase}.card-title,.card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-value{color:#1e3a52;font-size:2rem;font-weight:800;line-height:1.2}.card-trend{align-items:center;border-top:1px solid #f0f4f8;display:flex;font-size:.9rem;font-weight:600;gap:5px;grid-column:1/-1;grid-row:3;margin-top:10px;padding-top:10px}.card-trend.positive{color:#10b981}.card-trend.negative{color:#ef4444}.trend-period{color:#9ca3af;font-weight:400}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.chart-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:center;min-height:400px;overflow:hidden;padding:20px}.chart-card.large{grid-column:span 2;min-height:450px}.charts-grid>.chart-card:nth-child(3){grid-column:span 3}.detailed-reports-card{background:#fff;border-left:5px solid #4f46e5;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.detailed-reports-card h2{color:#4f46e5;font-size:1.8rem;font-weight:700;margin-bottom:10px}.statics-error,.statics-loading{color:#4f46e5;font-size:1.5rem;font-weight:600;padding:50px;text-align:center}@media (max-width:1200px){.charts-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.chart-card.large{grid-column:span 1;min-height:400px}.charts-grid>.chart-card:nth-child(3){grid-column:span 2}.statics-title{font-size:2.2rem}}@media (max-width:768px){.charts-grid{gap:20px;grid-template-columns:1fr}.chart-card.large,.charts-grid>.chart-card:nth-child(3){grid-column:span 1}.summary-cards-grid{gap:20px;grid-template-columns:1fr}.statics-title{font-size:2rem}.summary-card{grid-template-columns:50px 1fr;padding:15px}.card-value{font-size:1.6rem}}@media (max-width:480px){.statics-container{padding:0 5px}.statics-title{font-size:1.6rem;margin-bottom:1.5rem}.summary-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:15px}.card-icon-wrapper{grid-row:1;margin-bottom:5px}.card-content{padding-left:0;text-align:center}.card-title{font-size:.8rem}.card-value{font-size:1.4rem}.card-trend{justify-content:center;margin-top:5px;padding-top:5px}}
/*# sourceMappingURL=main.6a7711de.css.map*/