/* ===== Alden — payment wearables page (payment-wearables.html) ===== */

/* category quick-nav under the hero */
.wear-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;position:relative;z-index:2}
.wear-nav a{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;border:1px solid var(--line-dark);padding:9px 14px;border-radius:2px;transition:background .25s,border-color .25s,color .25s}
.wear-nav a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* Curio partner band (right under the hero) */
.curio-band{background:#fff;border-bottom:1px solid var(--line-light);padding:26px 0}
.curio-inner{display:flex;align-items:center;gap:36px}
.curio-logo{flex:none;display:block;padding:10px 18px;border:1px solid var(--line-light);background:#fff;transition:box-shadow .3s,transform .3s}
.curio-logo:hover{box-shadow:0 18px 40px -24px rgba(4,32,47,.4);transform:translateY(-2px)}
.curio-logo img{display:block;height:58px;width:auto}
.curio-text{flex:1;min-width:0}
.curio-text .tag{color:var(--gold-deep);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.curio-text p{color:var(--muted);font-size:15.5px;line-height:1.55;max-width:64ch}
.curio-text strong{color:var(--ink);font-weight:500}
.curio-band .btn{flex:none;padding:13px 22px;font-size:14px}
@media(max-width:900px){.curio-inner{flex-wrap:wrap;gap:20px}.curio-text{flex-basis:100%;order:3}.curio-band .btn{margin-left:auto}}
@media(max-width:860px){.curio-logo img{height:46px}.curio-band .btn{width:100%;justify-content:center;margin-left:0}}

/* device catalogue */
.wear-cat{scroll-margin-top:96px;padding:56px 0;border-top:1px solid var(--line-light)}
.wear-cat:first-of-type{border-top:0;padding-top:0}
.wear-cat .cat-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;flex-wrap:wrap}
.wear-cat .cat-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-.015em}
.wear-cat .cat-head .count{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep)}
.wear-cat .cat-head p{color:var(--muted);font-size:15.5px;line-height:1.6;max-width:56ch;margin-top:10px}
.wear-rail-wrap{position:relative}
.wear-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:var(--gold) rgba(4,32,47,.08)}
.wear-rail::-webkit-scrollbar{height:3px}
.wear-rail::-webkit-scrollbar-thumb{background:var(--gold)}
.wear-rail::-webkit-scrollbar-track{background:rgba(4,32,47,.08)}
.rail-btn{position:absolute;top:calc(50% - 30px);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-light);background:#fff;color:var(--ink);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 10px 24px -14px rgba(4,32,47,.5);transition:background .25s,color .25s,opacity .25s;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.rail-btn:hover{background:var(--ink);color:#fff}
.rail-btn.prev{left:-22px}.rail-btn.next{right:-22px}
.rail-btn[disabled]{opacity:.25;cursor:default}
.wear-card{flex:0 0 262px;scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line-light);transition:transform .3s,box-shadow .3s}
.wear-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(4,32,47,.4)}
.wear-card .img{aspect-ratio:1/1;background:#fff;overflow:hidden;border-bottom:1px solid var(--line-light)}
.wear-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.wear-card:hover .img img{transform:scale(1.04)}
.wear-card .c-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.wear-card .tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep)}
.wear-card h4{font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.25;letter-spacing:-.01em}
.wear-card p{color:var(--muted);font-size:13.5px;line-height:1.5;margin-top:auto}

/* everyday uses */
.uses .cell h3{font-size:22px}

/* app + security two-column feature blocks reuse .svc from main.css */

/* size guide */
.size-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:start}
.size-wrap p{color:#20343E;font-size:16.5px;line-height:1.66;margin-bottom:18px}
.size-table{width:100%;border-collapse:collapse;font-size:15px}
.size-table th,.size-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-light)}
.size-table th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);font-weight:500}
.size-table td:first-child{font-family:var(--serif);font-size:19px;color:var(--ink)}
.size-table tr.stocked td{background:var(--paper-2)}
.size-note{color:var(--muted-2);font-size:13px;margin-top:12px;line-height:1.5}

/* banks */
.bank-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-light)}
.bank-list li{padding:14px 0;border-bottom:1px solid var(--line-light);font-size:15px;display:flex;gap:12px;align-items:baseline}
.bank-list li::before{content:"";width:6px;height:6px;background:var(--gold);flex:none;transform:translateY(-2px)}
.bank-list li span{color:var(--muted-2);font-size:13px}

/* FAQ */
.faq{max-width:var(--measure)}
.faq details{border-top:1px solid var(--line-light)}
.faq details:last-child{border-bottom:1px solid var(--line-light)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--gold-deep);font-size:20px;flex:none;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);font-size:15.5px;line-height:1.65;padding:0 0 22px;max-width:62ch}

@media(max-width:1020px){.wear-card{flex-basis:240px}}
@media(max-width:900px){.size-wrap{grid-template-columns:1fr;gap:28px}.bank-list{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.rail-btn{display:none}.wear-rail{gap:12px}.wear-card{flex-basis:70vw;max-width:260px}.wear-card .c-body{padding:12px 14px 14px}.wear-card h4{font-size:16px}.bank-list{grid-template-columns:1fr}.wear-nav a{padding:8px 11px}}