:root{--color-primary:#fcba03;--color-primary-hover:#e5a800;--color-primary-light:#FFF8E1;--color-primary-shadow:rgba(252,186,3,0.3);--color-primary-shadow-strong:rgba(252,186,3,0.4);--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-muted:#bbb;--color-text-body:#212529;--color-text-warning:#b8860b;--color-success:#22A65B;--color-danger:#E8344E;--color-danger-alt:#FF3B30;--color-bg-primary:#fff;--color-bg-secondary:#F2F4F7;--color-bg-tertiary:#f5f5f5;--color-bg-hover:#e5e8ec;--color-bg-card:#F8F9FA;--color-bg-badge:rgba(0,0,0,0.6);--color-border-light:#eee;--color-border-medium:#f0f0f0;--color-border-primary:#fcba03;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:50%;--radius-pill:60px;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 4px 16px rgba(0,0,0,0.12);--shadow-xl:0 8px 24px rgba(0,0,0,0.12);--shadow-2xl:0 20px 60px rgba(0,0,0,0.3);--shadow-primary:0 4px 16px rgba(252,186,3,0.4);--shadow-primary-sm:0 2px 8px rgba(252,186,3,0.3);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease-in-out;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-y:scroll;scrollbar-gutter:stable}body{font-family:var(--font-family);background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.5;min-height:100vh}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;border:none;outline:none}.container{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg);background-color:var(--color-bg-primary);min-height:100vh}.affiliate-notice{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:flex-start;gap:10px}.affiliate-notice-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-primary)}.affiliate-notice-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.affiliate-notice-text strong{color:var(--color-text-primary)}.action-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.btn{flex:1;min-height:56px;height:56px;padding:16px 24px;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:opacity var(--transition-fast)}.btn:hover{opacity:0.9}.btn-primary{background-color:#000000;color:#ffffff}.btn-primary img{filter:brightness(0) invert(1)}.btn-secondary{background-color:#ffffff;color:#000000;border:1px solid #000000}.btn-secondary img{filter:brightness(0)}.load-more{padding:var(--spacing-2xl) 0;text-align:center}.load-more-btn{width:100%;height:54px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary);transition:background-color var(--transition-fast)}.load-more-btn:hover{background-color:var(--color-bg-hover)}@media (max-width:600px){.container{padding:0 var(--spacing-md)}.action-buttons{flex-direction:column;gap:var(--spacing-md)}.btn{width:100%;height:56px}.affiliate-notice{padding:10px var(--spacing-md)}.affiliate-notice-text{font-size:11px}}@media (max-width:330px){html{font-size:12px}}.header{background-color:var(--color-bg-primary);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:44px}.logo{display:flex;align-items:center;flex-shrink:0}.logo img{height:32px}.logo-text{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary)}.header-nav{display:flex;align-items:stretch;height:100%}.header-nav a{font-size:var(--font-size-md);color:var(--color-text-tertiary);padding:0 var(--spacing-md);display:flex;align-items:center;position:relative;transition:color var(--transition-fast)}.header-nav a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0;transition:width 0.25s ease}.header-nav a:hover{color:var(--color-text-primary)}.header-nav a:hover::after{width:100%}.header-nav a.active{color:var(--color-primary);font-weight:600}.header-nav a.active::after{width:100%}.header-search-btn{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.header-search-btn:hover{color:var(--color-text-primary)}.header-search-form{display:none;flex:1;align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-pill);padding:0 var(--spacing-lg);height:36px;margin-left:var(--spacing-lg)}.header-search-form input{flex:1;background:transparent;font-size:var(--font-size-md);color:var(--color-text-primary)}.header-search-form input::placeholder{color:var(--color-text-tertiary)}.header-search-close{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);padding:4px;transition:color var(--transition-fast)}.header-search-close:hover{color:var(--color-text-primary)}.header.search-active .header-nav{display:none}.header.search-active .header-search-form{display:flex;animation:headerSearchSlideIn 0.25s ease}@keyframes headerSearchSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.search-section{padding:var(--spacing-lg) 0}.search-box{display:flex;align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-pill);padding:0 var(--spacing-xl);height:52px}.search-box input{flex:1;background:transparent;font-size:var(--font-size-lg);color:var(--color-text-primary)}.search-box input::placeholder{color:var(--color-text-tertiary)}.search-box button{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.search-box button svg{width:20px;height:20px;color:var(--color-text-secondary)}@media (max-width:330px){.header-nav a{display:none}.header-nav .header-search-btn{display:flex}.search-box{height:44px;padding:0 var(--spacing-lg)}}.footer{padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-border-light);margin-top:var(--spacing-4xl)}.footer-info{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.8}.footer-company{font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.footer-links{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.footer-links a:hover{color:var(--color-primary)}.footer-copyright{margin-top:var(--spacing-lg);font-size:11px;color:var(--color-text-muted)}.floating-app-btn{position:fixed;bottom:var(--spacing-2xl);left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:568px;height:54px;background-color:var(--color-primary);color:var(--color-text-primary);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;display:none;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-primary);z-index:var(--z-dropdown)}@media (max-width:1024px){.floating-app-btn{display:flex}}@keyframes textShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}.fixed-sidebar{position:fixed;left:calc(50%+320px);top:50%;transform:translateY(-50%);width:200px;background:linear-gradient(160deg,#FFFEF8 0%,#FFFBEE 40%,#FFF8E1 100%);border-radius:20px;border:1px solid #F0E0B8;box-shadow:var(--shadow-xl);padding:30px 14px 24px;z-index:var(--z-dropdown);text-align:center}.fixed-sidebar-title{display:block;background:linear-gradient(to right,#F5A623 20%,#FF8C00 40%,#FFD700 50%,#FF8C00 60%,#F5A623 80%);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:transparent;animation:textShine 2s ease-in-out infinite alternate;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-xs)}.fixed-sidebar-subtitle{font-size:13px;color:#707070;margin-bottom:var(--spacing-lg)}.fixed-sidebar-qr{width:120px;height:120px;margin:0 auto var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.fixed-sidebar-qr img{width:100%;height:100%;object-fit:contain}.fixed-sidebar-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:40px;background-color:var(--color-primary);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:opacity var(--transition-fast)}.fixed-sidebar-btn:hover{opacity:0.9}.fixed-sidebar-btn svg{width:16px;height:16px}.fixed-sidebar-stores{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.fixed-sidebar-stores a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.fixed-sidebar-stores a:hover{background-color:var(--color-border-light)}.fixed-sidebar-stores svg{width:18px;height:18px;color:var(--color-text-secondary)}.fixed-sidebar-highlight{}@media (max-width:1024px){.fixed-sidebar{display:none}}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-badge);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.qr-modal-overlay.active{opacity:1;visibility:visible}.qr-modal{background-color:var(--color-bg-primary);border-radius:var(--radius-3xl);padding:48px 40px;max-width:420px;width:90%;text-align:center;position:relative;transform:scale(0.9);transition:transform var(--transition-normal);box-shadow:var(--shadow-2xl)}.qr-modal-overlay.active .qr-modal{transform:scale(1)}.qr-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}.qr-modal-close:hover{background-color:var(--color-border-light)}.qr-modal-close svg{width:20px;height:20px;color:var(--color-text-secondary)}.qr-modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,#f5a623 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.qr-modal-icon svg{width:32px;height:32px;color:var(--color-bg-primary)}.qr-modal-title{display:inline-block;background:linear-gradient(to right,#F5A623 20%,#FF8C00 40%,#FFD700 50%,#FF8C00 60%,#F5A623 80%);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:transparent;animation:textShine 2s ease-in-out infinite alternate;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-3xl);line-height:1.3}.qr-modal-subtitle{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--spacing-3xl);line-height:1.5}.qr-modal-code{width:220px;height:220px;margin:0 auto var(--spacing-2xl);background-color:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center}.qr-modal-code img,.qr-modal-code svg{width:100%;height:100%}.qr-modal-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text-tertiary);margin-bottom:var(--spacing-2xl)}.qr-modal-hint svg{width:18px;height:18px}.qr-modal-divider{display:flex;align-items:center;gap:var(--spacing-lg);margin:var(--spacing-2xl) 0;color:#ccc;font-size:13px}.qr-modal-divider::before,.qr-modal-divider::after{content:'';flex:1;height:1px;background-color:var(--color-border-light)}.qr-modal-stores{display:flex;justify-content:center;gap:var(--spacing-md)}.qr-modal-store-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-text-primary);color:var(--color-bg-primary);border-radius:var(--radius-lg);font-size:13px;font-weight:600;transition:background-color var(--transition-fast)}.qr-modal-store-btn:hover{background-color:#333}.qr-modal-store-btn svg{width:20px;height:20px}.honeypick-marquee-section{padding:var(--spacing-xl) 0;overflow:hidden;margin:0 -16px}.honeypick-marquee-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-body);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-lg)}.honeypick-marquee-container{position:relative;width:100%;overflow:hidden}.honeypick-marquee-container::after{content:'';position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to left,var(--color-bg-primary) 0%,transparent 100%);z-index:10;pointer-events:none}.honeypick-marquee-track{display:flex;gap:var(--spacing-md);width:max-content;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.honeypick-marquee-track .honeypick-card{-webkit-user-drag:none;user-select:none}.honeypick-marquee-track .honeypick-card:first-child{margin-left:var(--spacing-lg)}.honeypick-marquee-track.dragging{cursor:grabbing}.honeypick-card{flex:0 0 auto;width:180px;background-color:var(--color-bg-card);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.honeypick-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.honeypick-card-image{position:relative;width:100%;aspect-ratio:1;background-color:var(--color-bg-primary);overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.honeypick-card-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.06);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1;pointer-events:none}.honeypick-card-image img{width:100%;height:100%;object-fit:cover}.honeypick-badge{position:absolute;top:8px;left:8px;background-color:var(--color-danger);color:var(--color-bg-primary);font-size:var(--font-size-sm);font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.honeypick-card-info{padding:18px var(--spacing-lg) var(--spacing-lg)}.honeypick-original-price{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:line-through;margin-bottom:2px}.honeypick-price-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.honeypick-discount-rate{font-size:17px;font-weight:700;color:var(--color-danger)}.honeypick-price{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-body)}.honeypick-title{font-size:var(--font-size-md);font-weight:400;color:var(--color-text-body);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-sm);height:40px}.honeypick-sales{font-size:var(--font-size-sm);color:#868E96}@media (max-width:600px){.honeypick-marquee-section{padding:var(--spacing-lg) 0}.honeypick-marquee-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.honeypick-card{width:160px}.honeypick-card-info{padding:14px var(--spacing-md) var(--spacing-md)}.honeypick-discount-rate{font-size:15px}.honeypick-price{font-size:13px}.honeypick-title{font-size:var(--font-size-sm);height:34px}.honeypick-badge{font-size:var(--font-size-xs);padding:3px 6px}}@media (max-width:400px){.honeypick-card{width:140px}.honeypick-card-info{padding:12px 10px 10px}.honeypick-original-price{font-size:var(--font-size-xs)}.honeypick-discount-rate{font-size:13px}.honeypick-price{font-size:var(--font-size-sm)}.honeypick-title{font-size:11px;height:30px}.honeypick-badge{font-size:9px;padding:2px 5px}}.search-results-header{display:flex;align-items:baseline;justify-content:space-between;padding:var(--spacing-lg) 0 var(--spacing-md);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-lg)}.search-keyword{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.search-keyword span{color:var(--color-primary)}.search-count{font-size:var(--font-size-md);color:var(--color-text-secondary)}.search-count strong{color:var(--color-primary);font-weight:700}.honey-deal-section{margin-bottom:var(--spacing-lg)}.honey-deal-header{display:flex;align-items:center;gap:10px;padding:var(--spacing-lg) 0 var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.honey-deal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.honey-deal-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-danger-alt);color:var(--color-bg-primary);font-size:11px;font-weight:600;border-radius:var(--radius-xs)}.category-filter{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--spacing-lg) 0}.category-row{display:flex;justify-content:center;gap:8px}.category-btn{padding:8px 16px;border:1px solid var(--color-border-light);border-radius:var(--radius-pill);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:var(--transition-fast);cursor:pointer}.category-btn:hover{border-color:#181818;color:#181818}.category-btn.active{background:#181818;border-color:#181818;color:#fff}.delayed-notice{display:flex;align-items:center;gap:10px;background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md) 14px;margin-top:var(--spacing-md)}.delayed-notice-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.delayed-notice-text{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0}.delayed-notice-text strong{color:var(--color-text-primary);font-weight:600}div.no-results{display:flex;flex-direction:column;align-items:center;padding:60px var(--spacing-xl) 80px;text-align:center;max-width:420px;margin:0 auto}div.no-results .no-results-icon{display:flex;justify-content:center;align-items:center;color:#9ca3af;margin-bottom:var(--spacing-xl)}div.no-results .no-results-icon svg{width:80px;height:80px}p.no-results-title{font-size:17px;font-weight:500;color:#374151;margin:0 0 28px 0;line-height:1.6}p.no-results-title span{color:var(--color-primary);font-weight:700}div.no-results-suggestions{width:100%;background-color:#f5f5f7;border-radius:var(--radius-xl);padding:var(--spacing-2xl) 28px;margin-bottom:28px;text-align:left;box-sizing:border-box}p.no-results-hint{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}ul.no-results-tips{list-style:none;padding:0;margin:0}ul.no-results-tips li{font-size:var(--font-size-md);color:#6b7280;padding:var(--spacing-sm) 0;padding-left:var(--spacing-2xl);position:relative;line-height:1.5}ul.no-results-tips li::before{content:"";position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--color-primary);border-radius:var(--radius-full)}a.no-results-btn{display:inline-block;padding:var(--spacing-lg) var(--spacing-4xl);background-color:var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-primary-sm)}a.no-results-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}a.no-results-btn:active{transform:translateY(0);box-shadow:var(--shadow-primary-sm)}.product-not-found{padding:60px var(--spacing-xl);text-align:center}.product-not-found p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.product-grid{display:flex;flex-wrap:wrap;margin:0 -6px;padding:0 6px}.product-card{flex:0 0 33.333%;padding:6px var(--spacing-sm) var(--spacing-md)}.product-card-inner{background-color:var(--color-bg-primary);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.product-card-inner:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-card-image{position:relative;aspect-ratio:1;background-color:var(--color-bg-tertiary);overflow:hidden;border-radius:10px}.product-card-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.06);border-radius:10px;z-index:1;pointer-events:none}.product-card-image img{width:100%;height:100%;object-fit:cover;border-radius:10px}.product-badge{position:absolute;top:8px;left:8px}.badge{display:block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:600;background-color:var(--color-danger-alt);color:var(--color-bg-primary)}.product-card-info{padding:var(--spacing-sm) var(--spacing-xs) 0}.product-price-wrapper{margin-bottom:0}.product-original-price{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:line-through;line-height:1.2}.product-sale-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:2px}.product-discount-rate{font-size:17px;font-weight:700}.product-discount-rate.price-down{color:var(--color-danger)}.product-discount-rate.price-up{color:var(--color-success)}.product-price{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-body)}.product-title{font-size:var(--font-size-lg);font-weight:400;color:var(--color-text-body);line-height:1.4;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.product-card .product-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:6px}.product-card .option-bubble{display:inline-block;padding:3px var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:11px;color:#555;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.product-card{flex:0 0 50%}.category-filter{padding:var(--spacing-md) 0}.category-btn{padding:6px 12px;font-size:13px}}@media (max-width:500px){.product-card{flex:0 0 50%}.product-card-info{padding:6px 2px 0}.product-original-price{font-size:11px}.product-discount-rate{font-size:15px}.product-price{font-size:var(--font-size-md)}.product-title{font-size:var(--font-size-md);line-height:20px}.product-card .option-bubble{font-size:var(--font-size-xs);padding:2px 6px}}@media (max-width:400px){.product-card-info{padding:var(--spacing-xs) 2px 0}.product-original-price{font-size:var(--font-size-xs)}.product-discount-rate{font-size:14px}.product-price{font-size:13px}.product-title{font-size:13px;line-height:18px}.product-card .option-bubble{font-size:9px;padding:2px 5px}}.product-detail{padding:var(--spacing-xl) 0}.product-main{display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.product-image-section{flex:0 0 200px}.product-main-image{position:relative;width:200px;height:200px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-tertiary)}.product-main-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.06);border-radius:var(--radius-lg);z-index:1;pointer-events:none}.product-main-image img{width:100%;height:100%;object-fit:cover}.product-info-section{flex:1}.product-detail-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.4}.product-current-price{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.product-discount{display:inline-block;background-color:var(--color-danger-alt);color:var(--color-bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-lg)}.price-info-table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0}.price-info-table th,.price-info-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-light)}.price-info-table th{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-secondary);width:100px}.price-info-table td{font-size:var(--font-size-md);color:var(--color-text-primary)}.price-highlight{color:var(--color-primary);font-weight:700}.discount-highlight{color:#e74c3c;font-weight:700;font-size:var(--font-size-lg)}.lowest-highlight{color:#2ecc71;font-weight:700;font-size:var(--font-size-lg)}.mean-highlight{color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-lg)}.price-info-table td.discount-rate-highlight{color:var(--color-danger);font-weight:700;font-size:var(--font-size-lg)}.price-info-table td.price-up-highlight{color:var(--color-success);font-weight:700;font-size:var(--font-size-lg)}.highlight-row{background-color:#FFFBEB}.highlight-row th{font-weight:600;color:var(--color-text-primary)}.product-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-sm) 0 var(--spacing-md)}.option-bubble{display:inline-block;padding:6px 14px;background-color:var(--color-bg-secondary);border-radius:var(--radius-2xl);font-size:13px;color:#555;font-weight:500}.collecting{color:var(--color-text-tertiary);font-style:italic}.price-chart-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-lg)}.price-chart{position:relative;height:auto;background-color:var(--color-bg-primary);border-radius:var(--radius-md);overflow:hidden}.price-chart-image-wrapper{position:relative;width:100%}.price-chart-image{width:100%;height:auto;display:block}.price-chart-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.price-chart-cta-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);text-align:center;line-height:1.5;margin:0}.price-chart-cta-btn{background-color:#1a1a1a;color:#fff;font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-md) var(--spacing-2xl);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity 0.2s}.price-chart-cta-btn:hover{opacity:0.85}.product-empty{text-align:center;padding:80px 20px}.product-empty .empty-icon{color:#ccc;margin-bottom:20px}.product-empty h2{font-size:18px;font-weight:700;color:#333;margin:0 0 8px 0}.product-empty p{font-size:14px;color:#888;margin:0 0 24px 0}.product-empty .btn-back{display:inline-block;padding:12px 24px;background:var(--color-primary);color:#222;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;transition:opacity 0.2s}.product-empty .btn-back:hover,.product-empty .btn-back:focus-visible{opacity:0.85}.product-empty .btn-back:focus-visible{outline:2px solid #222;outline-offset:2px}.similar-products-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border-light)}@media (max-width:600px){.product-main{flex-direction:column;gap:var(--spacing-lg)}.product-image-section{flex:none}.product-main-image{width:100%;height:auto;aspect-ratio:1}.similar-products-grid.product-grid{grid-template-columns:repeat(2,1fr)}}