.safe-brand{display:block;width:205px;height:auto;max-width:100%;object-fit:contain}footer .safe-brand{width:185px}
.navigation-art.simple-art{display:grid;place-items:center;background-image:none;mask-image:none;aspect-ratio:1;border-radius:12px;background:#ffffff03;color:#a8b7ce;border:1px solid #ffffff0b;box-shadow:none}
.simple-art svg{width:30px;height:30px;display:block}
.premium-category>.simple-art{width:48px;margin:4px 0 13px;color:var(--accent)}
.category.premium-category{padding:17px 7px 15px}
.category.premium-category strong{font-size:12px}.category.premium-category:hover>.simple-art{transform:none;background:#ffffff06}
.mega-grid .simple-art{width:38px;margin:0 7px 0 0;border-radius:9px;color:var(--accent)}.mega-grid .simple-art svg{width:22px;height:22px}
.premium-steps article{grid-template-columns:1fr 42px;padding:23px;gap:0}.step-top{min-height:42px}.step-art.simple-art{width:42px;color:#a2b3ce;border-radius:10px;margin:0}.step-art.simple-art svg{width:25px;height:25px}.step-copy{padding-top:21px}.step-number{font-size:24px}
.hero-buttons{align-items:stretch;gap:15px}.how-link{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:12px 20px;border:1px solid #414d62;border-radius:12px;background:#0d1420a6;font-size:15px;color:#e0e7f3;font-weight:500}.how-link svg{width:23px;height:23px;flex-shrink:0}.how-link:hover{background:#192332;border-color:#7b8da9}.hero-buttons .primary{min-height:54px}
.login-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #354157;border-radius:11px;background:#ffffff03;color:#cad5e7;white-space:nowrap;font-size:11px}.login-trigger svg{width:19px;height:19px}.login-trigger:hover{border-color:#8496b3;background:#ffffff08}.header-actions{gap:10px}.header .search input{width:145px}
#login-dialog{width:min(460px,92vw);padding:32px;border-radius:18px;background:#101722}#login-title{font-size:25px;line-height:1.5}.login-subtitle{font-size:13px;color:#a2b0c7;margin:7px 0 25px}.login-providers{display:flex;flex-direction:column;gap:10px}.login-providers button{display:flex;align-items:center;gap:12px;min-height:53px;width:100%;padding:10px 15px;border:1px solid #354158;border-radius:10px;background:#151f2e;color:#e6ecf5;font-size:13px;text-align:left}.login-providers button>span:last-child{margin-left:auto;color:#91a5c5}.provider-icon{display:grid;place-items:center;width:33px;flex-shrink:0;font-size:15px;font-weight:bold}.login-providers .provider-line{background:#143125;border-color:#285642}.provider-line .provider-icon{font-size:10px;color:#45d983}.google-icon{color:#91b9ff;font-size:24px}.telegram-icon{color:#66b9ef;font-size:24px}.login-providers button:hover{border-color:#8596b0}.login-note{font-size:11px;line-height:1.9;color:#8293af;margin:22px 0 12px;text-align:center}.login-guest{display:block;margin:auto;background:none;border:0;color:#bac8dd;font-size:12px;padding:8px 15px}#phone-login{margin-top:22px}#phone-login label{display:block;font-size:12px;color:#adbed8;margin-bottom:8px}#login-phone{width:100%;background:#0b1220;color:white;padding:12px;border:1px solid #4a5871;border-radius:9px}#phone-login .primary{width:100%;margin-top:12px;font-size:13px}#login-feedback{margin:16px 0 0;padding:12px;border:1px solid #3e536f;border-radius:9px;background:#172538;color:#bfd0e8;font-size:12px;line-height:1.8}
@media(max-width:1300px) and (min-width:761px){.header .safe-brand{width:170px}.header .search input{width:110px}.login-trigger{width:38px;padding:8px}.login-trigger>span{display:none}.header{gap:12px}.header nav>a,.header nav #menu-toggle{padding:10px 8px;font-size:11px}}
@media(max-width:760px){.header .safe-brand{width:155px}.header .search input{width:110px}.header .header-actions{display:contents}.header .brand{order:0;margin-right:auto}.login-trigger{order:1;width:38px;padding:8px}.login-trigger>span{display:none}.cart-button{order:2}.header .search{order:3;width:100%;padding:10px 13px}.header .search input{width:100%;font-size:13px}.header nav{order:4}.header{gap:10px}.header nav>a,.header nav #menu-toggle{font-size:10px;padding:8px 4px}.premium-category>.simple-art{width:41px;margin:2px 0 10px;border-radius:10px}.simple-art svg{width:25px;height:25px}.category.premium-category{padding:13px 5px}.category.premium-category strong{font-size:10px}.mega-grid .simple-art{width:31px;margin-right:3px}.mega-grid .simple-art svg{width:19px;height:19px}.premium-steps article{grid-template-columns:32px 1fr 40px;gap:12px;padding:18px}.step-top{min-height:0}.step-copy{padding:0}.step-art.simple-art{width:40px;display:grid}.step-number{font-size:21px}.how-link{font-size:14px;padding:12px 15px;min-height:51px}.hero-buttons{gap:10px}.hero-buttons .primary{min-height:51px;padding:12px 16px;font-size:14px;gap:15px}#menu-panel{top:188px;max-height:calc(100dvh - 205px)}#login-dialog{padding:29px 22px}}
@media(max-width:380px){.header .safe-brand{width:145px}.header nav>a,.header nav #menu-toggle{font-size:9px}.hero-buttons .primary,.how-link{font-size:12px;padding:11px 12px;gap:8px}.how-link svg{width:21px;height:21px}.premium-steps article{grid-template-columns:28px 1fr 34px;gap:9px;padding:16px}.step-art.simple-art{width:34px}.step-art.simple-art svg{width:22px;height:22px}}

/* แพ็กเกจ / รายการตะกร้า */
.package-list{border:0;margin:18px 0 8px;padding:0;display:grid;gap:8px}
.package-list legend{padding:0;margin-bottom:8px;font-weight:700}
.package-option{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;cursor:pointer}
.package-option:has(input:checked){border-color:#ff5767;background:rgba(255,87,103,.08)}
.package-option.disabled{opacity:.5;cursor:not-allowed}
.package-option strong,.package-option small{display:block}
.package-option small{opacity:.7;margin-top:2px}
.package-breakdown{margin:12px 0 16px;display:grid;gap:6px}
.package-breakdown div{display:flex;justify-content:space-between;gap:16px}
.package-breakdown dt{opacity:.75}
.package-breakdown dd{margin:0;text-align:right}
.package-breakdown .package-total{border-top:1px solid rgba(255,255,255,.16);padding-top:8px;font-weight:700}
.cart-pack{opacity:.75;margin:2px 0 6px}
.cart-error{color:#ff8a94}