:root{--primary-red: #e60012;--primary-blue: #0084ff;--success-green: #4CAF50;--warning: #FFC107;--danger: #f44336;--dark: #212529;--light-bg: #f8f9fa;--card-shadow: 0 2px 10px rgba(0,0,0,0.08)}*{-webkit-box-sizing:border-box;box-sizing:border-box}.switch2-monitoring-container{max-width:1400px;margin:0 auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif}.hero-section{background:#fff;padding:40px 20px 30px;margin-bottom:0;position:relative}.hero-content{max-width:1200px;margin:0 auto;text-align:center}.hero-title{margin-bottom:12px;line-height:1.2}.hero-product{font-size:2.5rem;font-weight:800;color:#212529;display:block;margin-bottom:8px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-subtitle{font-size:1.1rem;font-weight:500;color:#6c757d;display:block;margin-bottom:8px}.hero-description{color:#495057;font-size:.95rem;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.hero-stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;max-width:700px;margin:0 auto}.stat-card{background:#fff;border-radius:10px;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e9ecef;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05)}.stat-card:hover{background:#f8f9fa;border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(102,126,234,.12);box-shadow:0 4px 12px rgba(102,126,234,.12)}.stat-icon{font-size:1.5rem;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);border-radius:8px}.stat-info{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.stat-label{font-size:.75rem;color:#6c757d;font-weight:600;line-height:1.2;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.35rem;font-weight:700;color:#212529;line-height:1.1}@media(max-width: 768px){.hero-section{padding:20px 10px 15px}.hero-product{font-size:1.6rem;margin-bottom:4px}.hero-subtitle{font-size:.9rem;margin-bottom:4px}.hero-description{font-size:.82rem;margin-bottom:15px;line-height:1.35}.hero-stats-grid{grid-template-columns:repeat(3, 1fr);gap:8px;padding:0;max-width:100%}.stat-card{padding:10px 6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:6px;border-radius:8px;background:#f8f9fa;border-color:#e9ecef;-webkit-box-shadow:none;box-shadow:none}.stat-card:hover{background:#fff;-webkit-transform:none;transform:none;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)}.stat-icon{width:32px;height:32px;font-size:1.1rem;margin-bottom:0;background:#fff}.stat-info{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;text-align:center}.stat-label{font-size:.65rem;margin-bottom:3px;line-height:1.1;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:1rem;line-height:1;font-weight:700;color:#212529}}.main-alert-area{max-width:1200px;margin:20px auto 40px;padding:0 15px;position:relative;-webkit-animation:fadeInUp .8s ease;animation:fadeInUp .8s ease}@media(max-width: 768px){.main-alert-area{margin:10px auto 20px;padding:0}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.realtime-status-bar{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 250, 0.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:25px 25px 0 0;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.08);box-shadow:0 5px 20px rgba(0,0,0,.08);border:1px solid rgba(102,126,234,.1);border-bottom:2px solid rgba(102,126,234,.15);margin-bottom:0;position:relative;overflow:hidden}@media(max-width: 768px){.realtime-status-bar{padding:8px 12px;border-radius:12px 12px 0 0;margin:0 10px}.realtime-status-bar .status-container{gap:6px;row-gap:4px}.realtime-status-bar .monitoring-badge{font-size:.78rem;gap:5px}.realtime-status-bar .status-details{gap:8px}.realtime-status-bar .status-item{font-size:.72rem;gap:3px}}.realtime-status-bar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-gradient(linear, left top, right top, from(#667eea), color-stop(#764ba2), to(#667eea));background:linear-gradient(90deg, #667eea, #764ba2, #667eea);background-size:200% 100%;-webkit-animation:shimmer 3s infinite;animation:shimmer 3s infinite}.realtime-status-bar .status-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;-ms-flex-wrap:wrap;flex-wrap:wrap}.realtime-status-bar .monitoring-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-weight:600;color:#333;font-size:.95em}.realtime-status-bar .status-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.realtime-status-bar .status-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:.88em;white-space:nowrap}.realtime-status-bar .status-label{color:#666;font-weight:500;font-size:.95em}.realtime-status-bar .status-value{color:#333;font-weight:600;font-size:1em}.realtime-status-bar .update-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.realtime-status-bar .update-selector label{color:#666;font-weight:500;font-size:.88em}.realtime-status-bar .update-selector select{padding:3px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.88em;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;color:#333;font-weight:600}.realtime-status-bar .update-selector select:hover{border-color:#bbb;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.05);box-shadow:0 0 0 2px rgba(0,0,0,.05)}.realtime-status-bar .update-selector select:focus{outline:none;border-color:var(--primary-blue);-webkit-box-shadow:0 0 0 2px rgba(0,132,255,.1);box-shadow:0 0 0 2px rgba(0,132,255,.1)}.pulse-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;-webkit-animation:pulse-gentle 2s infinite;animation:pulse-gentle 2s infinite;display:inline-block;-webkit-box-shadow:0 0 10px rgba(76,175,80,.5);box-shadow:0 0 10px rgba(76,175,80,.5)}@-webkit-keyframes pulse-gentle{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.3);box-shadow:0 0 0 0 rgba(76,175,80,.3);opacity:1}50%{-webkit-box-shadow:0 0 0 4px rgba(76,175,80,0);box-shadow:0 0 0 4px rgba(76,175,80,0);opacity:.9}}@keyframes pulse-gentle{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.3);box-shadow:0 0 0 0 rgba(76,175,80,.3);opacity:1}50%{-webkit-box-shadow:0 0 0 4px rgba(76,175,80,0);box-shadow:0 0 0 4px rgba(76,175,80,0);opacity:.9}}.stock-available-alert{background:linear-gradient(135deg, #ffffff 0%, #f0fff4 100%);padding:0;border-radius:0 0 25px 25px;text-align:center;-webkit-box-shadow:0 15px 40px rgba(76,175,80,.15);box-shadow:0 15px 40px rgba(76,175,80,.15);border:2px solid rgba(0,0,0,0);-o-border-image:linear-gradient(135deg, #4caf50, #8bc34a) 1;border-image:linear-gradient(135deg, #4caf50, #8bc34a) 1;border-top:none;overflow:hidden;-webkit-animation:glow-success 3s infinite;animation:glow-success 3s infinite;position:relative}.stock-available-alert::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(76, 175, 80, 0.1)), to(transparent));background:linear-gradient(90deg, transparent, rgba(76, 175, 80, 0.1), transparent);-webkit-animation:sweep 3s infinite;animation:sweep 3s infinite}@-webkit-keyframes sweep{0%{left:-100%}100%{left:100%}}@keyframes sweep{0%{left:-100%}100%{left:100%}}@-webkit-keyframes glow-success{0%,100%{-webkit-box-shadow:0 15px 40px rgba(76,175,80,.15);box-shadow:0 15px 40px rgba(76,175,80,.15)}50%{-webkit-box-shadow:0 20px 50px rgba(76,175,80,.25);box-shadow:0 20px 50px rgba(76,175,80,.25)}}@keyframes glow-success{0%,100%{-webkit-box-shadow:0 15px 40px rgba(76,175,80,.15);box-shadow:0 15px 40px rgba(76,175,80,.15)}50%{-webkit-box-shadow:0 20px 50px rgba(76,175,80,.25);box-shadow:0 20px 50px rgba(76,175,80,.25)}}.stock-unavailable-alert{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);padding:0;border-radius:0 0 25px 25px;-webkit-box-shadow:0 15px 40px rgba(0,0,0,.08);box-shadow:0 15px 40px rgba(0,0,0,.08);position:relative;overflow:hidden;text-align:center;border:1px solid rgba(0,0,0,.05);border-top:none}.alert-main-content{text-align:center;padding:35px 30px}.alert-icon{font-size:3.5em;margin-bottom:20px;-webkit-filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));-webkit-animation:float-icon 4s ease-in-out infinite;animation:float-icon 4s ease-in-out infinite}@-webkit-keyframes float-icon{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes float-icon{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.alert-title{font-size:1.8em;margin:0 0 12px 0;font-weight:700;color:var(--dark)}.alert-detail{font-size:1.1em;color:#666;margin:10px 0;line-height:1.6}.alert-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:25px;background:#f8f9fa;border-radius:0 0 20px 20px}@media(max-width: 768px){.alert-actions{padding:12px 10px;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:25px;font-size:1.05em;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}@media(max-width: 768px){.btn-primary,.btn-secondary{padding:10px 20px;font-size:.9em;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100px}}.btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;-webkit-box-shadow:0 5px 20px rgba(102,126,234,.3);box-shadow:0 5px 20px rgba(102,126,234,.3)}.btn-primary::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s}.btn-primary:hover::before{width:300px;height:300px}.btn-primary:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 25px rgba(102,126,234,.4);box-shadow:0 8px 25px rgba(102,126,234,.4)}.btn-secondary{background:rgba(255,255,255,.9);color:#667eea;border:2px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(102,126,234,.1);border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.products-monitoring{max-width:1200px;margin:0 auto;padding:40px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:25px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(249, 250, 251, 0.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.05)}.section-title{margin:0;font-size:1.8rem;font-weight:700}.title-gradient{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@-webkit-keyframes slideInRight{from{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.products-monitoring h2{font-size:1.8rem;font-weight:700;color:#212529;margin-bottom:30px;text-align:center}.filter-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-btn{padding:10px 24px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border:2px solid rgba(0,0,0,0);border-radius:50px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:600;font-size:.95rem;color:#495057;white-space:nowrap}.filter-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%)}.filter-btn.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-color:rgba(0,0,0,0);-webkit-box-shadow:0 5px 20px rgba(102,126,234,.4);box-shadow:0 5px 20px rgba(102,126,234,.4)}.filter-chip{padding:10px 20px;background:linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);border:2px solid rgba(0,0,0,0);border-radius:50px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:500;color:#495057}.filter-chip:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1)}.filter-chip.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-color:#667eea}.search-box{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:250px}.search-box input{width:100%;padding:12px 20px;border:2px solid #e9ecef;border-radius:50px;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff}.search-box input:focus{outline:none;border-color:#667eea;-webkit-box-shadow:0 0 0 3px rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.sort-dropdown{position:relative}.sort-dropdown select{padding:12px 30px 12px 20px;border:2px solid #e9ecef;border-radius:50px;background:#fff;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:all .3s ease;transition:all .3s ease}.sort-dropdown::after{content:"▼";position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;color:#667eea}.products-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:25px}.section-header{margin-bottom:30px;text-align:center}.section-title{font-size:2rem;margin-bottom:20px;display:inline-block;position:relative}.title-gradient{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:24px;margin-top:30px}@media(max-width: 768px){.section-header{padding:12px 10px 8px;margin-bottom:10px}.section-title{font-size:1.05rem;margin-bottom:4px;font-weight:600}.section-subtitle{font-size:.78rem;line-height:1.3;color:#6c757d}#products-list{padding:0;margin-top:15px}#products-list .section-header{padding:12px 10px 8px;margin-bottom:8px}.products-list{padding:10px 0}.products-grid{grid-template-columns:1fr;gap:8px;padding:0 10px}.product-card{padding:10px}.product-header{margin-bottom:6px}.product-title{font-size:.82rem;line-height:1.2;margin-bottom:4px}.product-meta{gap:5px;margin-bottom:6px}.product-badge{font-size:.65rem;padding:2px 6px}.availability-history,.outage-duration{padding:2px 6px;font-size:.72rem;margin:4px 0}.product-actions{margin-top:8px;gap:6px}.product-actions .btn{padding:6px 12px;font-size:.75rem}}.product-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e9ecef;-webkit-animation:cardEntrance .5s ease both;animation:cardEntrance .5s ease both;-webkit-animation-delay:calc(var(--card-index, 0)*.05s);animation-delay:calc(var(--card-index, 0)*.05s)}.availability-history{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;margin:8px 0;padding:4px 12px;border-radius:12px;font-size:.85rem;background:rgba(34,197,94,.1);color:#16a34a}.outage-duration{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.85rem;background:#fff3cd;color:#856404}.history-icon,.outage-icon{font-size:1rem}.history-text,.outage-text{font-weight:500}@-webkit-keyframes cardEntrance{from{opacity:0;-webkit-transform:scale(0.9) translateY(20px);transform:scale(0.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes cardEntrance{from{opacity:0;-webkit-transform:scale(0.9) translateY(20px);transform:scale(0.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.product-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12);border-color:#667eea}.product-card.available{background:linear-gradient(135deg, #ffffff 0%, #f0fff4 100%);border-color:rgba(40,167,69,.2)}.product-card.available::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:-webkit-gradient(linear, left top, right top, from(#28a745), to(#20c997));background:linear-gradient(90deg, #28a745, #20c997)}.product-card.unavailable{background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%)}.card-link{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.card-content{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.product-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.product-image-wrapper{-ms-flex-negative:0;flex-shrink:0;width:160px;height:100px;border-radius:8px;overflow:hidden;background:#f8f9fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.product-card:hover .product-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#adb5bd;font-size:2rem}.product-image-placeholder::before{content:"🎮"}.product-info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;min-width:0}@media(max-width: 768px){.card-content{padding:12px;gap:10px}.product-main{gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-image-wrapper{width:130px;height:80px}}.product-name{font-size:1rem;font-weight:600;color:#2c3e50;margin:0 0 8px 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.9em}.stock-status{display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:12px}.stock-status.available{color:#28a745}.stock-status.unavailable{color:#6c757d}.meta-icon{width:20px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f8f9fa;border-radius:50%;font-size:.8rem}.card-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-top:auto}.action-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:.95rem;min-height:44px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.action-btn.purchase{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:#fff;-webkit-box-shadow:0 4px 12px rgba(40,167,69,.3);box-shadow:0 4px 12px rgba(40,167,69,.3)}.action-btn.purchase:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(40,167,69,.4);box-shadow:0 6px 20px rgba(40,167,69,.4)}.action-btn.notify{-webkit-box-flex:.4;-ms-flex:.4;flex:.4;background:linear-gradient(135deg, #ffc107 0%, #ffb300 100%);color:#fff;border:none;font-size:.9rem;padding:12px 16px}.action-btn.notify:hover{background:linear-gradient(135deg, #ffb300 0%, #ffa000 100%);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(255,193,7,.3);box-shadow:0 4px 12px rgba(255,193,7,.3)}.action-btn.view{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%);color:#495057;border:1px solid rgba(0,0,0,.1)}.action-btn.view:hover{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-color:#667eea;color:#667eea;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.action-btn.primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;position:relative;overflow:hidden}.action-btn.primary::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s}.action-btn.primary:hover::before{width:300px;height:300px}.action-btn.secondary{background:rgba(102,126,234,.1);color:#667eea;border:2px solid rgba(102,126,234,.2)}.action-btn.secondary:hover{background:rgba(102,126,234,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.priority-indicator{position:absolute;top:12px;right:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:4px 10px;background:rgba(255,193,7,.15);color:#f39c12;border-radius:8px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.priority-indicator.high{background:rgba(255,107,107,.15);color:#e74c3c}.priority-indicator.medium{background:rgba(255,193,7,.15);color:#f39c12}.filter-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.filter-btn{padding:10px 20px;background:#f8f9fa;border:2px solid #dee2e6;border-radius:25px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:500;color:#495057}.filter-btn:hover{background:#e9ecef;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-color:rgba(0,0,0,0)}.stock-analysis{max-width:1400px;margin:40px auto;padding:0 20px}.analysis-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding:0;border:none}.analysis-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.data-period{color:#6b7280;font-size:.85rem;padding:4px 12px;background:#f3f4f6;border-radius:12px;font-weight:500}.analysis-container{display:grid;grid-template-columns:auto 1fr;gap:24px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.heatmap-panel{background:#fff;border-radius:12px;padding:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06)}.panel-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 16px 0}.heatmap-wrapper{background:#f9fafb;border-radius:8px;padding:12px;overflow-x:auto}.heatmap-rows{display:grid;gap:1px}.hour-row{display:grid;grid-template-columns:35px repeat(7, 28px);gap:1px;height:16px}.hour-row:first-child{height:20px;margin-bottom:2px}.hour-row:first-child .day-header-cell{font-size:.7rem;font-weight:600;color:#374151;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-radius:3px}.hour-label{font-size:.65rem;font-weight:500;color:#6b7280;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-radius:2px}.heatmap-cell{border-radius:2px;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.6rem;font-weight:600;width:28px;height:16px}.heatmap-cell:hover{-webkit-transform:scale(2);transform:scale(2);z-index:100;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);border-radius:3px}.heatmap-footer{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.heatmap-legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:8px}.legend-label{font-size:.75rem;color:#6b7280}.legend-blocks{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px}.legend-block{width:16px;height:16px;border-radius:2px}.heatmap-tip{font-size:.75rem;color:#6b7280}.stats-panel{-webkit-box-flex:1;-ms-flex:1;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e9ecef;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:120px}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:-webkit-gradient(linear, left top, right top, from(#667eea), to(#764ba2));background:linear-gradient(90deg, #667eea, #764ba2);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.stat-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:rgba(102,126,234,.3)}.stat-card:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}.stat-card.highlight{background:linear-gradient(135deg, #fef2f2 0%, #fee4e6 100%);border-color:#fecaca}.stat-card.full-width{grid-column:span 2}@media(max-width: 768px){.stat-card.full-width{grid-column:span 1}}.stat-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:10px}.stat-icon{font-size:1.3rem;width:34px;height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);border-radius:8px;-ms-flex-negative:0;flex-shrink:0}.stat-label{font-size:.82rem;font-weight:600;color:#6b7280;letter-spacing:.025em;line-height:1.2}.stat-value{font-size:1.6rem;font-weight:700;color:#1f2937;margin-bottom:3px;line-height:1.2}.stat-detail{font-size:.72rem;color:#9ca3af;line-height:1.3}.pattern-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.pattern-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.pattern-label{font-size:.85rem;color:#6b7280}.pattern-value{font-size:.95rem;font-weight:600;color:#1f2937}.stats-note{padding:12px;background:#fef3c7;border-radius:8px;font-size:.85rem;color:#78350f;line-height:1.5}@media(max-width: 1024px){.analysis-container{grid-template-columns:1fr}.heatmap-panel{max-width:100%}.stats-grid{grid-template-columns:repeat(2, 1fr);gap:12px}.stat-card{padding:14px}}@media(max-width: 640px){.data-insights{padding:0;margin-top:15px}.stock-analysis,.analysis-container{padding:12px 10px}.analysis-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:4px;margin-bottom:12px;padding:0;border:none}.analysis-title{font-size:1.05rem;margin-bottom:4px;font-weight:600}.analysis-subtitle{font-size:.78rem;line-height:1.3;color:#6c757d}.heatmap-panel{padding:12px;margin-bottom:15px}.heatmap-title{font-size:.95rem;margin-bottom:10px}.heatmap-container{overflow-x:auto;padding-bottom:5px}.heatmap-table{font-size:.65rem;min-width:320px}.heatmap-cell{width:18px;height:18px;font-size:.55rem}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px;min-height:auto}.stat-header{margin-bottom:8px;gap:8px}.stat-icon{width:30px;height:30px;font-size:1.1rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.25rem;margin-bottom:2px}.stat-detail{font-size:.7rem}.stat-card.full-width{grid-column:span 1}.pattern-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}}.heat-0{background:#f3f4f6;color:#9ca3af}.heat-1{background:#ddd6fe;color:#7c3aed}.heat-2{background:#c4b5fd;color:#6d28d9}.heat-3{background:#a78bfa;color:#fff}.heat-4{background:#8b5cf6;color:#fff}.heat-5{background:#7c3aed;color:#fff;font-weight:700}.trend-chart-card{background:#fff;border-radius:25px;padding:30px;-webkit-box-shadow:0 15px 35px rgba(0,0,0,.08);box-shadow:0 15px 35px rgba(0,0,0,.08);grid-column:span 2}.chart-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px}.chart-title{font-size:1.3rem;font-weight:600;color:#2c3e50}.chart-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.chart-btn{padding:8px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;font-size:.85rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.chart-btn:hover{background:#e9ecef;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.chart-btn.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-color:rgba(0,0,0,0)}.chart-container{position:relative;height:300px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(102, 126, 234, 0.05)), to(transparent));background:linear-gradient(180deg, rgba(102, 126, 234, 0.05) 0%, transparent 100%);border-radius:15px;padding:20px}.prediction-card{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:25px;padding:30px;color:#fff;position:relative;overflow:hidden}.prediction-card::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 50%);-webkit-animation:rotate-slow 20s linear infinite;animation:rotate-slow 20s linear infinite}.prediction-title{font-size:1.2rem;font-weight:600;margin-bottom:20px;opacity:.95}.prediction-time{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.prediction-confidence{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-top:20px}.confidence-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;background:rgba(255,255,255,.2);border-radius:10px;overflow:hidden}.confidence-fill{height:100%;background:-webkit-gradient(linear, left top, right top, from(#4caf50), to(#8bc34a));background:linear-gradient(90deg, #4caf50 0%, #8bc34a 100%);border-radius:10px;-webkit-transition:width 1s ease;transition:width 1s ease}.confidence-text{font-size:.9rem;opacity:.9}.waiting-counter{margin:20px 0;padding:15px;background:rgba(255,255,255,.1);border-radius:10px}.counter-label{display:block;font-size:.9em;opacity:.9;margin-bottom:5px}.counter-value{font-size:1.8em;font-weight:bold}.update-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:20px;margin-top:20px;font-size:.95em;opacity:.95}.hero-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:12px 24px;border:none;border-radius:25px;font-size:1em;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.cta-primary{background:#fff;color:var(--primary-color)}.cta-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.3);box-shadow:0 5px 20px rgba(0,0,0,.3)}.cta-secondary{background:rgba(255,255,255,.2);color:#fff;border:2px solid #fff}.cta-secondary:hover{background:rgba(255,255,255,.3)}.hero-status.status-available{-webkit-animation:pulse-available 2s infinite;animation:pulse-available 2s infinite}@-webkit-keyframes pulse-available{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.7);box-shadow:0 0 0 0 rgba(76,175,80,.7)}50%{-webkit-box-shadow:0 0 0 20px rgba(76,175,80,0);box-shadow:0 0 0 20px rgba(76,175,80,0)}}@keyframes pulse-available{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.7);box-shadow:0 0 0 0 rgba(76,175,80,.7)}50%{-webkit-box-shadow:0 0 0 20px rgba(76,175,80,0);box-shadow:0 0 0 20px rgba(76,175,80,0)}}.status-icon{font-size:4em;margin-bottom:20px;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.status-message{font-size:2em;font-weight:bold;margin-bottom:15px}.status-detail{font-size:1.2em;opacity:.9}.countdown-timer{font-size:1.5em;font-weight:bold;margin-top:15px;padding:10px;background:rgba(255,255,255,.2);border-radius:10px}.prediction-section{padding:40px 20px;background:#f8f9fa;margin-bottom:40px}.prediction-section h2{text-align:center;font-size:1.8em;margin-bottom:30px;color:var(--dark-color)}.prediction-card{background:#fff;border-radius:15px;padding:30px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:600px;margin:0 auto;text-align:center}.no-prediction{padding:20px}.no-prediction p{margin:10px 0;color:#666}.no-prediction .hint{font-size:.9em;color:#999}.prediction-title{font-size:1.8em;color:var(--dark-color);margin-bottom:20px}.prediction-time{font-size:2.5em;font-weight:bold;color:var(--primary-color);margin:20px 0}.prediction-confidence{display:inline-block;padding:8px 20px;background:var(--warning-color);color:#fff;border-radius:20px;font-size:1.1em;margin-top:15px}.status-meter-section{padding:40px 20px;background:#fff;margin-bottom:40px}.stock-meter{max-width:600px;margin:0 auto;padding:30px;background:linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);border-radius:15px;-webkit-box-shadow:inset 0 2px 5px rgba(0,0,0,.1);box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}.meter-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.meter-header h3{margin:0;font-size:1.3em;color:var(--dark-color)}.meter-ratio{font-size:1.2em;font-weight:bold;color:var(--primary-color)}.meter-label{font-size:1.2em;color:var(--dark-color);margin-bottom:10px}.meter-bar{height:40px;background:#fff;border-radius:20px;overflow:hidden;position:relative;-webkit-box-shadow:inset 0 2px 8px rgba(0,0,0,.1);box-shadow:inset 0 2px 8px rgba(0,0,0,.1)}.meter-fill{height:100%;background:-webkit-gradient(linear, left top, right top, from(#4CAF50), to(#8BC34A));background:linear-gradient(90deg, #4CAF50, #8BC34A);border-radius:20px;-webkit-transition:width 1s cubic-bezier(0.4, 0, 0.2, 1);transition:width 1s cubic-bezier(0.4, 0, 0.2, 1);position:relative;min-width:4%}.meter-labels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:15px;font-size:.95em}.label-available{color:var(--success-color);font-weight:bold}.label-unavailable{color:#666}.meter-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.meter-value{text-align:center;margin-top:10px;font-size:1.1em;font-weight:bold;color:var(--dark-color)}.items-status-section{padding:40px 20px;background:#fff;margin-bottom:40px}.items-status-section h2{text-align:center;font-size:1.8em;margin-bottom:30px;color:var(--dark-color)}.items-carousel{position:relative;max-width:1200px;margin:0 auto;overflow:hidden}.items-track{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;padding:10px;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.items-track::-webkit-scrollbar{display:none}.item-card-wrapper{-webkit-box-flex:0;-ms-flex:0 0 320px;flex:0 0 320px;scroll-snap-align:start}.carousel-header{text-align:center;margin-bottom:30px}.carousel-title{font-size:2em;color:var(--dark-color);margin-bottom:10px}.carousel-subtitle{color:#666;font-size:1.1em}.carousel-container{position:relative;overflow:hidden;max-width:1200px;margin:0 auto}.carousel-track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;gap:20px;padding:10px}.item-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;-webkit-transition:all .3s ease;transition:all .3s ease;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.item-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}.item-card.status-available{border-left:4px solid var(--success-color)}.item-card.status-unavailable{border-left:4px solid #ccc}.card-header{margin-bottom:15px}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.85em;font-weight:bold}.status-badge.available{background:linear-gradient(135deg, #4CAF50, #8BC34A);color:#fff}.status-badge.unavailable{background:#f5f5f5;color:#666}.item-title{font-size:1.05em;font-weight:bold;color:var(--dark-color);margin-bottom:15px;line-height:1.4;-webkit-box-flex:1;-ms-flex:1;flex:1}.card-stats{margin:15px 0}.unavailable-timer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#666;font-size:.95em}.timer-icon{font-size:1.2em}.card-action{display:block;width:100%;padding:10px;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-weight:bold;-webkit-transition:all .3s ease;transition:all .3s ease;margin-top:auto}.card-action:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 3px 10px rgba(230,0,18,.3);box-shadow:0 3px 10px rgba(230,0,18,.3)}.product-status-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:bold;margin-bottom:15px}.status-available .product-status-badge{background:var(--success-color);color:#fff}.status-unavailable .product-status-badge{background:#999;color:#fff}.product-title{font-size:1.2em;color:var(--dark-color);margin-bottom:15px;font-weight:bold}.product-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:15px}.info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#666;font-size:.95em}.info-icon{color:var(--primary-color)}.product-action{display:block;width:100%;padding:10px;background:var(--primary-color);color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-weight:bold;-webkit-transition:background .3s ease;transition:background .3s ease}.product-action:hover{background:#c40010}.carousel-nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5em;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:10}.carousel-nav:hover{background:rgba(0,0,0,.9)}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-indicators{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;margin-top:20px}.indicator{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.indicator.active{background:var(--primary-color);-webkit-transform:scale(1.4);transform:scale(1.4)}.action-guide-section{padding:40px 20px;background:linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);margin-bottom:40px}.action-guide-section h2{text-align:center;font-size:1.8em;margin-bottom:30px;color:var(--dark-color)}.action-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;max-width:1000px;margin:0 auto}.action-card{background:#fff;border-radius:12px;padding:25px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.action-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}.action-icon{font-size:2em;display:block;margin-bottom:15px}.action-card h3{font-size:1.3em;margin-bottom:15px;color:var(--dark-color)}.checklist{list-style:none;padding:0;margin:15px 0}.checklist li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin:10px 0;padding:8px;border-radius:6px;-webkit-transition:background .3s ease;transition:background .3s ease}.checklist li:hover{background:#f8f9fa}.checklist input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checklist label{cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1}.progress-indicator{text-align:center;margin-top:15px;padding:10px;background:#f8f9fa;border-radius:8px;font-weight:bold;color:var(--primary-color)}.card-link{display:inline-block;margin-top:15px;color:var(--primary-color);text-decoration:none;font-weight:bold;-webkit-transition:all .3s ease;transition:all .3s ease}.card-link:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.link-list{list-style:none;padding:0}.link-list li{margin:10px 0}.link-list a{color:var(--primary-color);text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.link-list a:hover{text-decoration:underline}.guide-card{background:#fff;border-radius:15px;padding:30px;-webkit-box-shadow:var(--card-shadow);box-shadow:var(--card-shadow);max-width:900px;margin:0 auto}.guide-title{font-size:1.8em;color:var(--dark-color);margin-bottom:25px;text-align:center}.guide-steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px}.step-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:15px;padding:20px;background:var(--light-bg);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.step-item:hover{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.step-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:bold;-ms-flex-negative:0;flex-shrink:0}.step-content h4{margin:0 0 8px 0;color:var(--dark-color)}.step-content p{margin:0;color:#666;font-size:.95em;line-height:1.5}.calendar-section{max-width:1200px;margin:0 auto;padding:40px 20px;background:#fff;border-top:1px solid #e9ecef;overflow:hidden;position:relative}#calendar-prev-month{margin-top:30px}.purchase-guide-section{margin:60px 0;background:#f8f9fa;border-radius:12px;overflow:hidden}.guide-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:30px;text-align:center}.guide-title{color:#fff;font-size:28px;font-weight:bold;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.guide-subtitle{font-size:14px;opacity:.95;font-weight:normal;margin-top:4px}.guide-icon{font-size:32px}.guide-content{padding:40px}.guide-intro{text-align:left;margin-bottom:30px}.guide-intro p{font-size:16px;color:#333;line-height:1.7;margin-bottom:12px}.guide-intro-sub{font-size:14px;color:#666;background:#fff;padding:12px 16px;border-left:3px solid #667eea;border-radius:4px}.guide-section{margin-bottom:40px}.guide-section.guide-highlight{background:#fff;border-radius:8px;padding:30px;-webkit-box-shadow:0 2px 15px rgba(102,126,234,.1);box-shadow:0 2px 15px rgba(102,126,234,.1);border:2px solid #e8ecff}.section-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:24px;color:#2c3e50;font-size:22px;font-weight:bold;border-bottom:2px solid #e8ecff;padding-bottom:12px}.section-icon{font-size:28px}.subsection{margin-bottom:30px}.subsection h4{color:#444;font-size:18px;font-weight:bold;margin-bottom:16px;padding-left:12px;border-left:3px solid #667eea}.info-box{background:#fff;border-radius:8px;padding:20px;border:1px solid #e0e0e0}.info-list{list-style:none;padding:0;margin:0}.info-list>li{padding:10px 0;border-bottom:1px solid #f0f0f0;color:#333;line-height:1.7}.info-list>li:last-child{border-bottom:none}.price-list{list-style:none;padding:0;margin:8px 0 0 20px}.price-list li{padding:4px 0;color:#555}.price{color:#e74c3c;font-weight:bold;font-size:16px}.note{color:#888;font-size:13px;margin-left:8px}.strategy-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:20px;margin-top:20px}.strategy-card{background:#fff;border-radius:8px;padding:20px;border:2px solid #e8ecff;position:relative;-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s}.strategy-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1)}.card-number{position:absolute;top:-12px;left:20px;background:#e74c3c;color:#fff;width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:bold;font-size:16px}.card-content h4{color:#333;font-size:16px;margin:12px 0 8px}.card-content p{color:#666;font-size:14px;line-height:1.6;margin:0}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{padding:12px 0;padding-left:24px;position:relative;color:#555;line-height:1.7}.detail-list li:before{content:"•";position:absolute;left:8px;color:#667eea;font-weight:bold}.highlight{background:#fff3cd;padding:2px 6px;border-radius:3px;font-weight:500}.warning-box{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px;margin:16px 0}.warning-box ul{list-style:none;padding:0;margin:0}.warning-box li{padding:8px 0;color:#856404;line-height:1.6}.warning-icon{margin-right:8px;font-size:16px}.setup-list{list-style:none;padding:0;margin:0;counter-reset:setup-counter}.setup-list li{padding:12px 0;padding-left:40px;position:relative;color:#333;line-height:1.7;counter-increment:setup-counter}.setup-list li:before{content:counter(setup-counter);position:absolute;left:0;top:12px;background:#667eea;color:#fff;width:28px;height:28px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:bold;font-size:14px}.setup-list li strong{color:#2c3e50}.setup-list li span{display:block;color:#666;font-size:14px;margin-top:4px}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:19px;top:30px;bottom:30px;width:2px;background:#e0e0e0}.timeline-item{position:relative;margin-bottom:24px}.timeline-marker{position:absolute;left:-40px;top:0;background:#27ae60;color:#fff;width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:bold;font-size:16px;border:3px solid #f8f9fa}.timeline-content{background:#fff;padding:16px;border-radius:8px;border:1px solid #e0e0e0}.timeline-content p{margin:0;color:#555;line-height:1.6}.store-info{margin-bottom:30px}.store-info h4{color:#2c3e50;font-size:18px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.store-details{background:#fff;border-radius:8px;padding:20px;border:1px solid #e0e0e0}.detail-item{margin-bottom:20px}.detail-item:last-child{margin-bottom:0}.detail-item strong{color:#444;display:block;margin-bottom:8px}.detail-item ul{list-style:none;padding:0;margin:8px 0 0 16px}.detail-item li{padding:4px 0;color:#666;position:relative;padding-left:16px}.detail-item li:before{content:"→";position:absolute;left:0;color:#667eea}.flow-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.flow-step{background:#fff;padding:8px 16px;border-radius:20px;border:1px solid #667eea;font-size:14px;color:#333;white-space:nowrap}.flow-arrow{color:#667eea;font-weight:bold}.alert-box{background:#ffebee;border:1px solid #ef5350;border-radius:8px;padding:12px 16px;margin-top:12px}.alert-box p{margin:0;color:#c62828;font-size:14px}.table-wrapper{overflow-x:auto;margin-top:16px}.retailer-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.retailer-table thead{background:#667eea;color:#fff}.retailer-table th{padding:12px;text-align:left;font-weight:bold;font-size:14px}.retailer-table tbody tr{border-bottom:1px solid #e0e0e0}.retailer-table tbody tr:last-child{border-bottom:none}.retailer-table tbody tr:hover{background:#f8f9fa}.retailer-table td{padding:12px;color:#555;font-size:14px}.retailer-table td strong{color:#333}.highlight-row{background:#fff3cd}.highlight-row:hover{background:#ffe8a1 !important}.checklist{background:#fff;border-radius:8px;padding:20px;border:1px solid #e0e0e0}.checklist-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding:12px;margin-bottom:8px;background:#f8f9fa;border-radius:6px;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}.checklist-item:hover{background:#e8ecff}.checklist-item input[type=checkbox]{margin-right:12px;margin-top:2px;width:18px;height:18px;cursor:pointer}.checklist-item span{color:#333;line-height:1.6;-webkit-box-flex:1;-ms-flex:1;flex:1}.checklist-item input:checked+span{text-decoration:line-through;color:#999}.danger-box{background:#fff;border-radius:8px;padding:20px;border:2px solid #ffebee}.danger-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;padding:16px;margin-bottom:12px;background:#ffebee;border-radius:8px;border-left:4px solid #e74c3c}.danger-item:last-child{margin-bottom:0}.danger-icon{font-size:24px;-ms-flex-negative:0;flex-shrink:0}.danger-item strong{color:#c62828;display:block;margin-bottom:4px}.danger-item p{margin:0;color:#666;font-size:14px;line-height:1.6}.faq-container{background:#fff;border-radius:8px;padding:20px}.faq-item{margin-bottom:16px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.faq-item:last-child{margin-bottom:0}.faq-item summary{padding:16px;background:#f8f9fa;cursor:pointer;font-weight:500;color:#333;list-style:none;position:relative;padding-left:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"Q.";position:absolute;left:16px;color:#667eea;font-weight:bold}.faq-item summary:hover{background:#e8ecff}.faq-item[open] summary{border-bottom:1px solid #e0e0e0}.faq-answer{padding:16px;background:#fff}.faq-answer p{margin:0;color:#555;line-height:1.7;padding-left:24px;position:relative}.faq-answer p:before{content:"A.";position:absolute;left:0;color:#27ae60;font-weight:bold}.conclusion-box{background:linear-gradient(135deg, #e8ecff 0%, #f8f9fa 100%);border-radius:8px;padding:30px;border:2px solid #667eea;margin-bottom:30px}.conclusion-box h3{color:#2c3e50;font-size:20px;margin-bottom:16px}.conclusion-box p{color:#333;line-height:1.7;margin-bottom:12px}.conclusion-box p:last-child{margin-bottom:0}.warning-text{color:#c62828;font-size:14px;background:#ffebee;padding:8px 12px;border-radius:4px;border-left:3px solid #e74c3c}.guide-footer{padding:0 40px 40px}.guide-cta{text-align:center}.btn-scroll-top{display:inline-block;padding:12px 30px;background:#667eea;color:#fff;text-decoration:none;border-radius:25px;font-weight:bold;-webkit-transition:background .3s;transition:background .3s}.btn-scroll-top:hover{background:#5568d3}@media(max-width: 768px){.guide-content{padding:20px}.guide-title{font-size:20px}.guide-subtitle{font-size:12px}.section-title{font-size:18px}.strategy-cards{grid-template-columns:1fr}.flow-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.flow-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg);text-align:center}.flow-step{text-align:center}.retailer-table{font-size:12px}.retailer-table th,.retailer-table td{padding:8px}.guide-footer{padding:0 20px 20px}}.breadcrumb{padding:10px 20px;background:rgba(255,255,255,.95);border-bottom:1px solid #e0e0e0}.breadcrumb-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0;font-size:14px}.breadcrumb-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.breadcrumb-item::after{content:"›";margin:0 10px;color:#999}.breadcrumb-item:last-child::after{display:none}.breadcrumb-item a{color:#667eea;text-decoration:none;-webkit-transition:color .3s;transition:color .3s}.breadcrumb-item a:hover{color:#5568d3;text-decoration:underline}.breadcrumb-item.active{color:#666;font-weight:500}.hero-keywords{font-size:14px;opacity:.9;margin-left:8px}.internal-links-section{margin:60px 0;padding:40px;background:#f8f9fa;border-radius:12px}.internal-links-section h2{color:#2c3e50;font-size:24px;margin-bottom:24px;text-align:center}.related-links{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;max-width:800px;margin:0 auto}.link-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;text-decoration:none;color:#333;-webkit-transition:all .3s;transition:all .3s}.link-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#667eea}.link-icon{font-size:24px}.link-text{font-size:14px;font-weight:500}@media(max-width: 768px){.breadcrumb{padding:8px 16px;font-size:12px}.hero-keywords{display:block;margin-left:0;margin-top:4px}.internal-links-section{padding:20px;margin:40px 0}.related-links{grid-template-columns:1fr}.calendar-section{padding:20px 10px}.calendar-header{margin-bottom:15px;padding:10px}.calendar-title{font-size:1.05rem;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:4px}.calendar-title .calendar-icon,.calendar-title .title-icon{font-size:1rem}.calendar-description{font-size:.78rem;margin-top:4px;line-height:1.3;color:#6c757d}}.calendar-section::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(0, 123, 255, 0.05) 0%, transparent 70%);-webkit-animation:rotate 30s linear infinite;animation:rotate 30s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.calendar-header{position:relative;z-index:1;margin-bottom:30px}@media(max-width: 768px){.calendar-header{margin-bottom:10px;padding:12px 10px 8px}}.calendar-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px;margin:0;font-size:2rem;color:#2c3e50}.calendar-icon{font-size:1.2em;-webkit-animation:swing 2s ease infinite;animation:swing 2s ease infinite}@-webkit-keyframes swing{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes swing{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.calendar-month{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:900;font-size:1.3em}.calendar-subtitle{font-size:.7em;color:#718096;font-weight:normal}.calendar-legend{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;font-size:.9em}.legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.dot{width:12px;height:12px;border-radius:50%}.dot.available{background:var(--success-color)}.dot.taian{background:gold}.calendar-wrapper{overflow-x:auto}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 25px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.section-header:hover{background:#e8e9ea}.section-title{font-size:1.5em;color:var(--dark-color);font-weight:bold}.toggle-icon{font-size:1.5em;color:var(--primary-color);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.collapsible-section.collapsed .toggle-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.section-content{padding:25px;max-height:2000px;overflow:hidden;-webkit-transition:max-height .5s cubic-bezier(0.4, 0, 0.2, 1),padding .5s ease;transition:max-height .5s cubic-bezier(0.4, 0, 0.2, 1),padding .5s ease}.collapsed .section-content{max-height:0;padding:0 25px}.switch2-calendar{width:100%;border-collapse:separate;border-spacing:8px;margin-top:20px;position:relative;z-index:1}.switch2-calendar th{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:15px;font-weight:600;text-align:center;font-size:1.1em;border-radius:10px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.switch2-calendar th.sun{background:linear-gradient(135deg, #ff6b6b, #ff8e53)}.switch2-calendar th.sat{background:linear-gradient(135deg, #4ecdc4, #44a3d3)}.switch2-calendar td{padding:15px;text-align:center;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;border:1px solid rgba(0,0,0,.05);height:80px;vertical-align:top;position:relative;color:#2c3e50;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}.switch2-calendar td:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1)}.switch2-calendar td.empty{background:rgba(0,0,0,0);border:none}.switch2-calendar td.holiday .day-number{color:#e74c3c}.switch2-calendar td.has-stock{background:linear-gradient(135deg, rgba(76, 175, 80, 0.1), rgba(139, 195, 74, 0.1));border:2px solid rgba(76,175,80,.3);font-weight:bold;-webkit-animation:stockPulse 2s ease infinite;animation:stockPulse 2s ease infinite}@-webkit-keyframes stockPulse{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.4);box-shadow:0 0 0 0 rgba(76,175,80,.4);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 10px rgba(76,175,80,0);box-shadow:0 0 0 10px rgba(76,175,80,0);-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes stockPulse{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.4);box-shadow:0 0 0 0 rgba(76,175,80,.4);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 10px rgba(76,175,80,0);box-shadow:0 0 0 10px rgba(76,175,80,0);-webkit-transform:scale(1.02);transform:scale(1.02)}}.switch2-calendar td.no-stock{background:linear-gradient(135deg, rgba(244, 67, 54, 0.05), rgba(229, 57, 53, 0.05));color:#718096;opacity:.8}.switch2-calendar td.no-data{background:#fafafa;color:#ccc}.switch2-calendar td.no-stock .stock-info,.switch2-calendar td.no-data .stock-info{opacity:.6;font-size:.75em}.switch2-calendar .stock-status{font-size:.8em;color:#666}.switch2-calendar td.taian::after{content:"★";position:absolute;top:5px;right:5px;color:gold;font-size:12px}.day-number{font-weight:700;margin-bottom:8px;font-size:1.1em;color:#2c3e50}.stock-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:.85em}.stock-icon{font-size:1.3em;-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.stock-text{font-size:.9em;font-weight:600;color:#2c3e50}.stock-detail{font-size:.75em;color:#718096}.has-stock .stock-text{color:#4caf50}.no-stock .stock-text{color:#f44336}.stock-count{background:linear-gradient(135deg, #4CAF50, #8BC34A);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:700;font-size:1.1em}.stock-time{color:#718096;font-size:.85em;font-weight:500}.switch2-calendar td.today{background:linear-gradient(135deg, rgba(255, 193, 7, 0.2), rgba(255, 152, 0, 0.2));border:3px solid rgba(255,152,0,.5);font-weight:bold;-webkit-box-shadow:0 0 20px rgba(255,152,0,.3);box-shadow:0 0 20px rgba(255,152,0,.3)}.analytics-section{margin:40px 20px;background:#fff;border-radius:15px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.analytics-section h2{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px}.stat-card{background:linear-gradient(135deg, white 0%, #f8f9fa 100%);border-radius:10px;padding:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.stat-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:-webkit-gradient(linear, left top, right top, from(var(--primary-color)), to(var(--secondary-color)));background:linear-gradient(90deg, var(--primary-color), var(--secondary-color))}.stat-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:var(--card-hover-shadow);box-shadow:var(--card-hover-shadow)}.stat-icon{font-size:2em;color:var(--primary-color);margin-bottom:10px}.stat-value{font-size:2em;font-weight:bold;color:var(--dark-color);margin-bottom:5px}.stat-label{color:#666;font-size:.95em}.stat-trend{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:15px;font-size:.85em;font-weight:bold}.trend-up{background:rgba(76,175,80,.1);color:var(--success-color)}.trend-down{background:rgba(244,67,54,.1);color:var(--danger-color)}.lucky-days-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.lucky-day-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.lucky-day-item .date{font-weight:bold;min-width:120px}.lucky-day-item .rokuyo{padding:3px 10px;border-radius:5px;font-size:.9em}.lucky-day-item .rokuyo.taian{background:gold;color:#333}.lucky-day-item .rokuyo.tomobiki{background:orange;color:#fff}.lucky-day-item .product-title{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#666}.lucky-day-item .duration{color:#4caf50;font-weight:bold}.special-mark{font-size:1.5em}.heatmap-container{background:#fff;border-radius:10px;padding:20px;margin-top:20px}.heatmap-title{font-size:1.3em;color:var(--dark-color);margin-bottom:20px;text-align:center}.heatmap-grid{display:grid;grid-template-columns:60px repeat(24, 1fr);gap:2px;font-size:.85em}.heatmap-cell{aspect-ratio:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.heatmap-label{font-weight:bold;color:var(--dark-color)}.heatmap-value{background:#f0f0f0;cursor:pointer;position:relative}.heatmap-value:hover{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:10;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2)}.heat-level-0{background:#f0f0f0}.heat-level-1{background:#ffeb3b}.heat-level-2{background:#ffc107}.heat-level-3{background:#ff9800}.heat-level-4{background:#ff5722}.heat-level-5{background:#f44336;color:#fff}.item-card{background:#fff;border-radius:10px;padding:20px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.item-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}.item-card.status-available{border-left:5px solid #4caf50}.item-card.status-unavailable{border-left:5px solid #9e9e9e}.item-card.status-unknown{border-left:5px solid #ffc107}.item-title{font-size:1.1em;margin-bottom:15px;color:#333}.item-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.status-label{padding:5px 10px;border-radius:5px;font-size:.9em;font-weight:bold}.status-available .status-label{background:#4caf50;color:#fff}.status-unavailable .status-label{background:#9e9e9e;color:#fff}.duration{font-size:.9em;color:#666}.last-available,.total-count{font-size:.85em;color:#666;margin:5px 0}.item-link{display:inline-block;margin-top:10px;color:#3498db;text-decoration:none;font-size:.9em}.item-link:hover{text-decoration:underline}.analytics-section{background:#f8f9fa;padding:30px;border-radius:10px;margin:40px 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px}.stat-card{background:#fff;padding:20px;border-radius:8px;text-align:center;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.stat-card.highlight{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff}.stat-label{font-size:.9em;color:#666;margin-bottom:10px}.stat-card.highlight .stat-label{color:rgba(255,255,255,.9)}.stat-value{font-size:1.8em;font-weight:bold;color:#333}.stat-card.highlight .stat-value{color:#fff}.purchase-support-section{background:#fff;padding:30px;border-radius:10px;margin:40px 0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.checklist{margin:20px 0}.checklist-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px 0;cursor:pointer}.checklist-item input[type=checkbox]{margin-right:10px;width:20px;height:20px}.checklist-item span{font-size:1.1em}.external-links{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.external-links h3{margin-bottom:15px}.external-links ul{list-style:none;padding:0}.external-links li{margin:10px 0}.external-links a{color:#3498db;text-decoration:none;font-size:1.1em}.external-links a:hover{text-decoration:underline}.notice-section{background:#fff3cd;padding:20px;border-radius:10px;margin:40px 0;border:1px solid #ffc107}.notice-section h3{color:#856404;margin-bottom:15px}.notice-section ul{margin:0;padding-left:20px;color:#856404}.notice-section li{margin:8px 0}.toast-notification{position:fixed;bottom:20px;right:20px;background:var(--dark-color);color:#fff;padding:15px 20px;border-radius:10px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.3);box-shadow:0 4px 15px rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-webkit-transform:translateX(400px);transform:translateX(400px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;z-index:1000}.toast-notification.show{-webkit-transform:translateX(0);transform:translateX(0)}.toast-notification.success{background:var(--success-color)}.toast-notification.error{background:var(--danger-color)}.toast-icon{font-size:1.5em}.toast-message{-webkit-box-flex:1;-ms-flex:1;flex:1}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.community-section{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;padding:30px 20px;margin:40px 0;border-radius:15px;text-align:center}.community-section h3{margin-bottom:20px;font-size:1.5em}.community-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}.community-stats .stat{padding:10px 20px;background:rgba(255,255,255,.2);border-radius:20px;font-size:1.1em}@media(max-width: 768px){.hero-status h1{font-size:1.5em}.hero-subtitle{font-size:1.1em}.status-icon{font-size:3em}.status-message{font-size:1.5em}.prediction-time{font-size:2em}.carousel-track{padding:10px 50px}.product-card{-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px}.guide-steps{grid-template-columns:1fr}.statistics-dashboard{grid-template-columns:1fr}.heatmap-grid{font-size:.7em;grid-template-columns:40px repeat(24, 1fr)}.switch2-calendar{font-size:.85em}.switch2-calendar td{height:60px;padding:5px}.collapsible-section{margin:10px;border-radius:10px}.toast-notification{left:10px;right:10px;bottom:10px}}@media(max-width: 480px){.hero-section{padding:20px 12px 15px}.carousel-nav{width:40px;height:40px;font-size:1.2em}.product-card{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%}}@media(max-width: 768px){.switch2-monitoring-container{padding:0}.main-alert-card{margin:0 10px;border-radius:12px}.calendar-table{font-size:.82rem}.calendar-table th,.calendar-table td{padding:6px 3px;height:auto;min-height:36px}.calendar-table .day-number{font-size:.85rem}.calendar-table .stock-info{font-size:.65rem;padding:1px 3px}.lucky-days-section{padding:20px 15px;margin-top:30px}.lucky-days-grid{gap:10px}.lucky-day-card{padding:12px}.purchase-tips{padding:30px 15px;margin-top:30px}.tips-container{padding:0 10px}.tips-grid{gap:12px}.tip-card{padding:12px}.tip-card h3{font-size:.95rem;margin-bottom:6px}.tip-card p{font-size:.8rem;line-height:1.35}p,li{line-height:1.4}section+section{margin-top:30px}.product-card,.stat-card,.lucky-day-card,.tip-card{-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06)}.btn,.button,.cta-button{padding:10px 16px;font-size:.9rem}.main-alert-card{padding:0}.alert-header{padding:12px}.alert-header h2{font-size:1.05rem}.alert-message{font-size:.82rem;line-height:1.35}.stats-panel .stat-card{padding:12px;min-height:auto}.stats-panel .stat-header{gap:8px;margin-bottom:6px}.stats-panel .stat-icon{width:28px;height:28px;font-size:1rem}.stats-panel .stat-label{font-size:.72rem}.stats-panel .stat-value{font-size:1.15rem}.stats-panel .stat-detail{font-size:.68rem}.stock-analysis{padding:15px 0}.analysis-container{padding:15px 10px}.heatmap-panel{margin:0 10px 15px;padding:12px}.heatmap-container{overflow-x:auto;-webkit-overflow-scrolling:touch}#products-list{padding:0}#products-list .section-header{padding:15px 10px}#products-list .products-list{padding:15px 0}#products-list .products-grid{padding:0 10px}}@media(max-width: 360px){.hero-product{font-size:1.4rem}.hero-subtitle{font-size:.82rem}.hero-stats-grid{grid-template-columns:repeat(2, 1fr);gap:6px}.stat-card{padding:9px 5px}.stat-icon{width:28px;height:28px;font-size:1rem}.stat-label{font-size:.6rem;font-weight:600;margin-bottom:2px;text-transform:uppercase;letter-spacing:.2px}.stat-value{font-size:.9rem;font-weight:700}.section-title,.analysis-title{font-size:1.05rem}.stat-value{font-size:1rem}.heatmap-table{font-size:.6rem}.heatmap-cell{width:16px;height:16px;font-size:.5rem}.product-title{font-size:.85rem}.product-badge{font-size:.7rem;padding:2px 6px}}#products-list .section-header{margin-bottom:16px !important}#products-list .section-title{font-size:1.4rem !important;margin:0 0 8px 0 !important;font-weight:700 !important}#products-list .filter-controls{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important;gap:8px !important}#products-list .filter-controls .filter-btn{padding:8px 18px !important;font-size:.95rem !important}.priority-indicator,.availability-history,.action-btn.notify{display:none !important}@media(max-width: 768px){#products-list .section-title{font-size:1.1rem !important}#products-list .filter-controls .filter-btn{padding:6px 14px !important;font-size:.9rem !important}}/*# sourceMappingURL=switch2_v2.css.map */