/* SENANGSLOT blue-neon edition: responsive visual identity and alternate layout. */
:root{--wine:#071a40;--wine2:#07386f;--red:#0876e9;--reddeep:#064a9a;--orange:#2ccbf5;--gold:#f4c772;--pale:#edf6ff;--cream:#fff;--ink:#122749;--mute:#586b84;--stroke:#d6e3f2;--shadow:0 15px 35px rgba(7,43,94,.09);--radius:19px;--footer-h:79px}
html{scroll-padding-top:110px}
body{background:linear-gradient(180deg,#edf7ff 0%,#f6f9ff 48%,#ebf4ff 100%);color:var(--ink)}
a:hover{color:#0787de}
.notice-top{background:#03132e;color:#d5ecff}
.notice-top a{color:#89eaff}
.site-header{background:linear-gradient(115deg,#061936 0%,#0c2c61 55%,#061936 100%);border-color:#20538a;box-shadow:0 8px 27px rgba(3,18,43,.16)}
.header-primary{grid-template-columns:230px minmax(190px,1fr) auto;min-height:92px;gap:22px}
.brand{width:230px;height:76px;max-width:100%;background:rgba(2,15,40,.2);border-radius:13px;overflow:hidden}
.brand img{width:220px;max-height:69px;object-fit:contain;object-position:center center}
.site-search{background:#f0f7ff;border-color:#6a9cc6;box-shadow:0 2px 8px #031b3620}
.site-search input{color:#17395d}
.site-search span{color:#3278a4}
.site-search button{background:linear-gradient(135deg,#0a80d8,#0bb6dc)}
.site-search button:hover{background:#0873bd}
.button{border-radius:13px}
.button-red{background:linear-gradient(135deg,#0777da,#03c5ef);box-shadow:0 7px 20px #067bdc40;border:1px solid #46c7f3;color:#fff}
.button-red:hover{background:linear-gradient(135deg,#0682e9,#14d0f8);color:#fff}
.button-gold{background:linear-gradient(135deg,#fff0b7,#eac36e);color:#102a48;border-color:#d8a942}
.button-outline{background:#edf8ff;color:#0b447e;border-color:#bbd8f2}
.button-outline:hover{background:#d8f3ff;color:#0b447e}
.button-soft{background:#ddecff;color:#124f94;border-color:#b1d8f5}
.header-actions .button-outline{background:transparent;color:#d7f2ff;border-color:#63b9ed}
.header-actions .button-outline:hover{background:#0a4980}
.main-nav{background:#08234b;border-top:1px solid #1f5181;box-shadow:none}
.nav-inner{gap:32px}
.nav-inner a{color:#c8e9ff}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#fff}
.nav-inner a[aria-current=page]::after{background:#40cfff;height:3px}
.ticker{background:linear-gradient(90deg,#064785,#007cb1,#084984);border-top:1px solid #348fc2;color:#edfdff}
.ticker strong{color:#d5f9ff}
.ticker .ticker-track{animation-duration:27s}
.main{padding-top:27px}
.crumb,.status{color:#657a95}
.crumb a{color:#137ac5}
.eyebrow,.section-head>a,.blog-card a{color:#0773c0}
.card{background:#fff;border-color:var(--stroke);box-shadow:var(--shadow)}
/* Information-led hero on the left, five-posters gallery on the right. */
.hero-shop{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:18px;align-items:stretch}
.hero-shop>.shop-details{grid-column:1;grid-row:1}
.hero-shop>.gallery{grid-column:2;grid-row:1}
.shop-details{padding:33px;background:radial-gradient(circle at 100% 8%,#1259a7 0%,#0b2e65 44%,#071a3e 100%);border-color:#2a6aad;color:#fff;position:relative;overflow:hidden}
.shop-details::before{content:"";position:absolute;width:210px;height:210px;right:-110px;top:-125px;border-radius:50%;background:#2cccf733;filter:blur(22px);pointer-events:none}
.shop-details h1{font-size:clamp(2rem,3vw,3.05rem);color:#fff}
.shop-details .lead{color:#c7e1f8;line-height:1.78}
.shop-details .tag{color:#b9f4ff;background:#094778;border-color:#2685b8}
.shop-meta{border-color:#326293;gap:14px}
.shop-meta div{color:#a9cee9}
.shop-meta strong{color:#fff}
.shop-details .button-outline{background:transparent;color:#dbf7ff;border-color:#65abe6}
.shop-details .button-soft{background:#124475;color:#dff5ff;border-color:#3379b2}
.shop-note{background:#0a315e;border:1px solid #285a8a;color:#b9d2e8;line-height:1.55}
.gallery{padding:14px;background:linear-gradient(145deg,#081e49,#103e79 82%);border-color:#337fb1}
.gallery-main{background:#05152f;border:1px solid #3388c9;border-radius:14px;aspect-ratio:1/1}
.gallery-main img{object-fit:contain}
.gallery-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}
.thumb{background:#0b2a55;border-color:#174b80;aspect-ratio:1/1;padding:2px;border-radius:9px}
.thumb[aria-pressed=true],.thumb:hover{border-color:#4fd9ff;box-shadow:0 0 0 1px #4fd9ff}
.thumb img{border-radius:5px}
.gallery .status{color:#a9cce7;margin:9px 0 0}
.highlights{gap:12px;margin-top:16px}
.highlight{background:#fff;border-color:#c6def3;border-radius:14px;box-shadow:0 5px 18px #1a67a80d}
.hi-icon{background:#e2f6ff;color:#146fae}
.highlight span{color:#627f9b}
.tag{background:#e2f5ff;border-color:#c5e6fb;color:#0c659f}
.feature-card{background:#fff}
.feature-card .cover{background:#051d3e;border-color:#d6e6f3}
.feature-card .cover img{object-fit:contain}
.feature-card .inside p,.blog-card p,.number-card p{color:#5c6d87}
.mini-btn{border-color:#bfd9ef;background:#f5fbff;color:#11629e}
.mini-btn:hover{background:#e2f6ff}
.mini-btn.fill{background:#0d5192;border-color:#0d5192;color:#fff}
.mini-btn.fill:hover{background:#027ac5;color:#fff}
.article-main h2{border-color:#dceafa;color:#0d3e7a}
.article-main p,.article-main ul{color:#344c6c}
.link-list li{border-color:#e0eafa}
.callout{background:#eef8ff;border-left-color:#2aaee7;color:#24557e}
.hero-page{background:linear-gradient(125deg,#fff 8%,#e0f2ff 100%);border-color:#cbdef1;grid-template-columns:minmax(0,1fr) 305px}
.hero-page p{color:#54708d}
.hero-page .page-visual{background:#061d46;border-color:#5a91bd}
.topical span{background:#e5f4ff;border-color:#c9e7ff;color:#18659a}
.section-band{background:linear-gradient(110deg,#051a3a,#0a4388 65%,#096d9d);border:1px solid #2581b9}
.section-band p{color:#d4ebff}
.section-band .button-outline{color:#e9f9ff;border-color:#8cc8ed}
.section-band .button-outline:hover{background:#125390}
.number-card .n{color:#18a3cf}
.faq-card details{border-color:#e2ebf6}
.faq-card summary::after{color:#168fc7}
.faq-card details p{color:#51657c}
.list-toolbar input{border-color:#b8d6ee;color:#1a4575}
.list-toolbar input:focus{border-color:#24a0d9}
.empty{background:#edf9ff;border-color:#a9d8ef;color:#2c6087}
.site-footer{background:linear-gradient(120deg,#04142e,#0a2d5b);color:#e0f3ff}
.footer-grid p,.footer-links a{color:#bbd7eb}
.footer-links a:hover{color:#6ce1ff}
.footer-grid img{max-width:220px;max-height:70px;border-radius:7px}
.footer-bottom{color:#acc5dc;border-color:#2a5984}
.bottom-dock{background:linear-gradient(105deg,#071f46,#0d4d8b,#051b3c);border-top:2px solid #3fcdff;box-shadow:0 -6px 22px #05285370}
.dock-inner{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;gap:10px}
.dock-link{color:#effcff;gap:2px;font-size:.83rem;letter-spacing:.04em}
.dock-link:hover{background:#2a87ce40;color:#fff}
.dock-link:nth-child(2){background:#117bcb;border:1px solid #54d0ff}
.dock-link:nth-child(3){color:#ffe9b3}
.dock-link .dock-icon{font-size:1.35rem}
.compare-tray{border-color:#bbd8ed;box-shadow:0 10px 35px #07234d44}
.compare-tray .items{color:#195786}
.compare-tray .chip{background:#e4f5ff}
.modal::backdrop{background:#061a38ae}
.compare-list .item{border-color:#c4e1f5}
.compare-list .item strong{color:#0f538d}
.modal .close{background:#edf7ff}
/* Alternating page art and staggered editorial cards distinguish this version. */
.hero-page:not(.flip) .page-visual{transform:rotate(1deg)}
.category-grid .feature-card:nth-child(2n) .cover{border-radius:30px 12px 23px 12px}
.category-grid .feature-card:nth-child(3n) .cover{border-radius:12px 28px 12px 25px}
@media(max-width:1050px){.header-primary{grid-template-columns:190px minmax(150px,1fr);gap:14px}.brand{width:190px}.brand img{width:180px}.header-actions{grid-column:1/-1;justify-content:flex-end}.hero-shop{gap:14px}.shop-details{padding:24px}}
@media(max-width:760px){:root{--footer-h:73px}.header-primary{grid-template-columns:minmax(100px,133px) minmax(0,1fr);gap:8px;padding-top:10px;padding-bottom:10px}.brand{width:132px;height:51px}.brand img{width:130px;max-height:50px}.site-search{min-width:0}.site-search button{padding:0 12px}.header-actions{grid-column:1/-1}.hero-shop{grid-template-columns:1fr}.hero-shop>.gallery{grid-column:1;grid-row:1}.hero-shop>.shop-details{grid-column:1;grid-row:2}.gallery{padding:8px}.gallery-main{aspect-ratio:1.15}.gallery-thumbs{gap:5px}.thumb{border-width:1px}.shop-details{padding:24px}.shop-details h1{font-size:1.92rem}.hero-page{grid-template-columns:1fr}.hero-page:not(.flip) .page-visual{transform:none}.footer-grid img{max-width:200px}.dock-link{font-size:.73rem}.dock-link .dock-icon{font-size:1.15rem}}
@media(max-width:460px){.header-primary{grid-template-columns:104px minmax(0,1fr)}.brand{width:102px}.brand img{width:102px}.site-search input{font-size:.77rem}.site-search button{padding:0 8px;font-size:.75rem}.header-actions .button{font-size:.76rem;padding:10px 8px}.gallery-main{aspect-ratio:1/1}.gallery-thumbs{gap:4px}.gallery .status{font-size:.72rem}.shop-details h1{font-size:1.78rem}.shop-actions{grid-template-columns:1fr}.category-grid,.grid-articles{grid-template-columns:1fr}.dock-inner{gap:3px}.dock-link{font-size:.64rem}.dock-link .dock-icon{font-size:1.12rem}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}