.cmp-btn{position:absolute;top:54px;right:10px;width:38px;height:38px;border-radius:50%;border:none;background:rgba(15,32,68,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:12;transition:background .18s,transform .18s;flex-shrink:0}.cmp-btn:hover{background:rgba(15,32,68,.75);transform:scale(1.12)}.cmp-btn--on{background:#1e3a8a!important}.cmp-btn--on i{color:#c9a96e!important}.cmp-bar{position:fixed;bottom:-160px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:700px;background:linear-gradient(135deg,#0f2044 0,#1a3366 100%);border-radius:18px;padding:14px 18px;display:flex;align-items:center;gap:14px;z-index:955;box-shadow:0 8px 40px rgba(15,32,68,.45),0 0 0 1px rgba(255,255,255,.07);transition:bottom .32s cubic-bezier(.4,0,.2,1)}.cmp-bar--show{bottom:88px}@media (max-width:767px){.cmp-bar{width:calc(100% - 20px);padding:11px 12px;gap:10px;border-radius:14px}.cmp-bar--show{bottom:calc(70px + env(safe-area-inset-bottom,0px) + 10px)}}.cmp-bar-info{flex-shrink:0;min-width:0}.cmp-bar-label{font-family:Sarabun,sans-serif;font-size:.72rem;color:rgba(255,255,255,.5);line-height:1.2}.cmp-bar-label strong{color:#c9a96e;font-size:.9rem}.cmp-bar-hint{font-family:Sarabun,sans-serif;font-size:.65rem;color:rgba(255,255,255,.3);margin-top:2px}@media (max-width:400px){.cmp-bar-hint{display:none}}.cmp-bar-thumbs{display:flex;gap:8px;flex:1;align-items:center}.cmp-bar-thumb{position:relative;width:50px;height:50px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.15);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:18px;transition:border-color .15s}.cmp-bar-thumb img{width:100%;height:100%;object-fit:cover}.cmp-bar-thumb:hover{border-color:#e11d48}.cmp-bar-thumb-x{position:absolute;top:2px;right:3px;font-size:11px;line-height:1;color:#fff;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.8)}.cmp-slot{width:50px;height:50px;border-radius:10px;border:2px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.18);font-size:18px;flex-shrink:0}.cmp-bar-btn{flex-shrink:0;background:linear-gradient(135deg,#c9a96e,#b8935a);color:#fff;border:none;padding:11px 20px;border-radius:12px;font-family:Sarabun,sans-serif;font-size:.82rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px rgba(201,169,110,.4);transition:opacity .15s,transform .1s}.cmp-bar-btn:hover:not(:disabled){opacity:.9;transform:scale(1.04)}.cmp-bar-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:767px){.cmp-bar-btn{padding:0;width:46px;height:46px;border-radius:50%;font-size:0}.cmp-bar-btn i{font-size:18px}}@media (max-width:400px){.cmp-bar-btn{width:42px;height:42px}}.cmp-modal{position:fixed;inset:0;background:rgba(15,32,68,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1060;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .22s}.cmp-modal--show{opacity:1;pointer-events:auto}.cmp-modal-inner{background:#fff;border-radius:20px;width:100%;max-width:980px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(15,32,68,.32)}.cmp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid #e8ecf0;flex-shrink:0}.cmp-modal-title{font-size:1rem;font-weight:800;color:#0f2044;font-family:Sarabun,sans-serif;margin:0;display:flex;align-items:center;gap:8px}.cmp-modal-title i{color:#c9a96e}.cmp-modal-close{width:34px;height:34px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;line-height:1}.cmp-modal-close:hover{background:#e2e8f0;color:#0f2044}.cmp-modal-body{flex:1;overflow:auto}.cmp-table{width:100%;border-collapse:collapse;font-family:Sarabun,sans-serif;min-width:480px}.cmp-th-label{background:#f8fafc;width:110px;min-width:90px;position:sticky;left:0;z-index:3;border-right:1px solid #e8ecf0;vertical-align:bottom;padding-bottom:14px}.cmp-th-prop{padding:16px 14px 14px;vertical-align:top;border-bottom:2px solid #e8ecf0;min-width:220px}.cmp-prop-img-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:10px;background:#f1f5f9}.cmp-prop-img{width:100%;height:100%;object-fit:cover;display:block}.cmp-prop-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:36px}.cmp-prop-remove{position:absolute;top:7px;right:7px;width:26px;height:26px;border-radius:50%;border:none;background:rgba(15,32,68,.65);backdrop-filter:blur(4px);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;line-height:1}.cmp-prop-remove:hover{background:#e11d48}.cmp-prop-title{font-size:.85rem;font-weight:700;color:#0f2044;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.cmp-prop-title a{color:inherit;text-decoration:none}.cmp-prop-title a:hover{color:#c9a96e}.cmp-prop-detail-link{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#c9a96e;text-decoration:none}.cmp-prop-detail-link:hover{text-decoration:underline}.cmp-section-header .cmp-td-label{background:#0f2044;color:rgba(255,255,255,.65);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;padding:7px 14px 7px 16px;border-right:1px solid rgba(255,255,255,.1);border-bottom:none}.cmp-section-header .cmp-td-sec{background:#0f2044;border-bottom:none;padding:4px}.cmp-td-label{background:#f8fafc;padding:11px 12px 11px 16px;font-size:.78rem;font-weight:700;color:#64748b;text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;position:sticky;left:0;z-index:1;border-right:1px solid #e8ecf0}.cmp-td{padding:11px 16px;font-size:.88rem;color:#334155;text-align:center;vertical-align:middle;border-bottom:1px solid #f1f5f9}.cmp-td-dash{color:#cbd5e1}.cmp-td--best{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;color:#15803d!important;font-weight:800!important}.cmp-td--best-label{display:block;font-size:.62rem;color:#16a34a;font-weight:700;letter-spacing:.03em;margin-bottom:2px}.cmp-modal-foot{padding:13px 20px;border-top:1px solid #e8ecf0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px;flex-wrap:wrap}.cmp-add-more{font-family:Sarabun,sans-serif;font-size:.8rem;color:#94a3b8}.cmp-add-more a{color:#c9a96e;font-weight:700;text-decoration:none}.cmp-foot-clear{background:0 0;border:1.5px solid #e2e8f0;color:#64748b;padding:7px 18px;border-radius:20px;font-family:Sarabun,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:border-color .15s,color .15s}.cmp-foot-clear:hover{border-color:#e11d48;color:#e11d48}.cmp-toast{position:fixed;bottom:calc(160px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%) translateY(10px);background:#1e293b;color:#fff;padding:10px 22px;border-radius:24px;font-family:Sarabun,sans-serif;font-size:.84rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:9999}.cmp-toast--show{opacity:1;transform:translateX(-50%) translateY(0)}