﻿.fs_thmb_wrapper, .fs_title_wrapper, .fs_thmb_viewport, .control_toggle { display:none!important; }
.global-top-redbar { width:100%; background:#cc0000; padding:15px 20px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; position:fixed; top:0; left:0; z-index:99999; box-shadow:0 2px 10px rgba(0,0,0,0.15); }
.redbar-logo { height:32px; }
.right-area { display:flex; align-items:center; gap:20px; justify-content:flex-end; }
.redbar-language-bar { display:flex; align-items:center; gap:8px; }
.redbar-language-bar a img { width:32px; height:22px; display:block; border:1px solid rgba(255,255,255,0.9); border-radius:3px; }
.user-area { display:flex; align-items:center; gap:6px; }
.user-area .user-name, .user-area .logout-link { color:#fff; text-decoration:none; font-weight:bold; font-size:16px; padding:4px 6px; font-family:Arial; }
.user-area .logout-link { opacity:0.95; }
@media(max-width:640px){ .global-top-redbar{padding:10px;} .right-area{gap:10px;} .redbar-language-bar a img{width:26px;height:18px;} .redbar-logo{height:28px;} .user-area .user-name, .user-area .logout-link{font-size:13px;} }
.language-bar { position:absolute; top:20px; right:20px; display:flex; gap:15px; }
.language-bar img { width:32px; height:22px; cursor:pointer; border:1px solid #fff; border-radius:3px; }
.center-container { position:absolute; top:10%; left:50%; transform:translateX(-50%); text-align:center; }
.main-logo { width:350px; margin-bottom:20px; }
.main-title { font-size:35px; font-weight:300; letter-spacing:2px; margin-bottom:60px; color:white; }
.button-group { display:flex; flex-direction:column; align-items:center; gap:20px; }
.btn-blur { padding:15px 60px; font-size:20px; color:white; text-decoration:none; border-radius:6px; background:rgba(0,0,0,.7); backdrop-filter:blur(7px); border:1px solid rgba(255,255,255,1); transition:.3s; }
.btn-blur:hover { background:rgba(0,0,0,.5); }
.main-footer { position:absolute; bottom:20px; width:100%; text-align:center; font-size:20px; color:#fff; }
.overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.45); backdrop-filter:blur(5px); z-index:9998; display:none; }
.side-popup { position:fixed; top:0; right:-100%; width:360px; height:100%; background:rgba(0,0,0,0.7); backdrop-filter:blur(8px); color:#fff; padding:25px; transition:right .35s ease; z-index:9999; border-left:1px solid rgba(255,255,255,0.2); font-family:Arial!important; }
.side-popup.open { right:0; }
.popup-header { display:flex; justify-content:space-between; align-items:center; font-size:26px; margin-bottom:20px; }
.popup-header .fa-times { cursor:pointer; font-size:22px; }
.input-group { position:relative; margin-bottom:15px; }
.input-group i { position:absolute; top:50%; left:10px; transform:translateY(-50%); color:#ddd; }
.input-group input { width:100%; padding:10px 10px 10px 35px; background:rgba(255,255,255,0.1); border:none; border-radius:6px; color:#fff; }
.login-btn { width:100%; padding:12px; margin-top:10px; background:#fff; color:#000; font-weight:bold; border:none; border-radius:6px; cursor:pointer; font-family:Arial; font-size:14px; }
.popup-title { font-size:24px; margin-top:30px; margin-bottom:20px; line-height:35px; }
.popup-date { margin-top:20px; font-size:16px; opacity:1; font-family:Arial; }
.global-top-redbar { width:100%; background:#cc0000; padding:15px 20px; display:flex; justify-content:flex-start; align-items:center; position:fixed; top:0; left:0; z-index:99999; box-shadow:0 2px 10px rgba(0,0,0,0.3); }
.redbar-logo { height:32px; display:block; }
.blur-panel-container { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; width:90%; padding:20px; margin:0 auto; margin-top:10%; }
.blur-box { border:1px solid rgba(255,255,255,0.8); border-radius:10px; padding:20px; background:rgba(255,255,255,0.15); backdrop-filter:blur(8px); color:white; min-height:140px; }
.box-title { padding:10px; color:#f00; font-weight:bold; text-align:center; margin-bottom:15px; border-radius:6px; font-size:25px;}
.box-text { font-size:14px; color:#fff; text-align:center; line-height:1.5; }
.left-blur-panel-link { position:relative; margin-top:20px; width:400px; padding:20px; background:rgba(0,0,0,0.5); backdrop-filter:blur(12px); border:1px solid white; border-radius:12px; color:white; text-align:left; }
.panel-title { font-size:22px; font-weight:bold; }
.right-blur-panel { position:fixed; right:20px; top:50%; transform:translateY(-50%); width:380px; padding:30px; background:rgba(0,0,0,0.55); backdrop-filter:blur(18px); border-left:1px solid rgba(255,255,255,0.3); color:white; border-radius:12px 0 0 12px; box-shadow:-5px 0 15px rgba(0,0,0,0.4); font-family:Arial; }
.right-blur-panel > .panel-logo { width:120px; display:block; margin:0 0 20px 0; }
.right-blur-panel > .panel-title { text-align:left; margin-bottom:8px; font-size:22px; font-weight:bold; font-family: Arial; }
.right-blur-panel > .panel-description { text-align:left; margin-bottom:25px; font-size:15px; opacity:.85; font-family: Arial; }
.right-blur-panel > .panel-form input { width:100%; padding:12px; margin-bottom:12px; border:1px solid #fff; background:rgba(255,255,255,.2); color:#fff; border-radius:6px; backdrop-filter:blur(8px); font-family: Arial; }
.right-blur-panel > .panel-form input::placeholder { color:#eee; }
.right-blur-panel > .panel-form > .submit-btn { width:100%; padding:14px; background:#d40000; border:none; border-radius:6px; cursor:pointer; font-weight:bold; color:#fff; margin-top:10px; font-size:16px; font-family: Arial; }
.right-blur-panel > .submit-btn:hover { background:#b50000; }
.mb-0 { margin-bottom: 0!important; }

.product-list-card {margin-top: 100px;}
.product-list-card .card{position:relative;background:rgba(255,255,255,.3);backdrop-filter:blur(8px);border-radius:14px;padding:15px;box-shadow:0 3px 10px rgba(0,0,0,.12);max-width:300px;margin:auto 10px;}
.product-list-card .image-wrapper{width:100%;display:flex;justify-content:center;}
.product-list-card .image-wrapper img{width:180px;height:180px;object-fit:contain;}
.product-list-card hr{border:none;border-top:1px solid #ddd;margin:15px 0;}
.product-list-card .info-row{display:flex;justify-content:space-between;margin-bottom:15px;font-family: Arial;}
.product-list-card .price{font-weight:bold;font-size:18px;color:#111;font-family: Arial;}
.product-list-card .details{color:#007bff;font-weight:600;text-decoration:none;font-family: Arial;}
.product-list-card .add-btn{width:100%;padding:12px;font-size:16px;font-weight:bold;background:#cc0000;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family: Arial;}
.product-list-card .add-btn:hover{background:#000;}
.product-list-card .badge-container{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.product-list-card .badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:bold;backdrop-filter:blur(6px);background:rgba(255,255,255,.6);}
.product-list-card .badge.red{color:#fff;background:rgba(255,0,0,.75);}
.product-list-card .dim-toggle{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:bold;cursor:pointer;backdrop-filter:blur(6px);transition:.3s;background:rgba(80,80,80,.6);color:#eee;}
.product-list-card .dim-toggle.active{background:rgba(255,0,0,.75);color:#fff;}
.product-list-card .toggle{position:relative;width:40px;height:22px;margin: auto;}
.product-list-card .toggle input{opacity:0;width:0;height:0;}
.product-list-card .slider{position:absolute;cursor:pointer;inset:0;background-color:rgba(255,255,255,.5);backdrop-filter:blur(6px);border-radius:22px;transition:.3s;}
.product-list-card .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;top:3px;background:#ff0000;border-radius:50%;transition:.3s;}
.product-list-card .toggle input:checked + .slider{background-color:rgba(0,255,0,.6);}
.product-list-card .toggle input:checked + .slider:before{transform:translateX(18px);}
