.po{margin-bottom:22px}
.po-group{border:2px solid var(--line);border-radius:18px;background:var(--white);margin-bottom:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.po-group:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.po-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:var(--sand);font-weight:800;font-size:15px;border-bottom:1px solid var(--line)}
.po-group:has(input:checked) .po-head{background:var(--ink);color:var(--zinc);border-bottom-color:var(--ink)}
.po-tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--sun);color:var(--ink);padding:4px 10px;border-radius:999px}
.po-opt{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;position:relative}
.po-opt input{position:absolute;opacity:0;pointer-events:none}
.po-dot{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #B9B2A6;transition:border-color .15s}
.po-opt input:checked~.po-dot{border-color:var(--sun);background:radial-gradient(var(--sun) 46%,transparent 52%)}
.po-opt input:disabled~*{opacity:.55}
.po-label{flex:1;font-weight:700}
.po-group--single .po-label{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;line-height:1.2}
.po-group--single .po-label .po-tag{margin-left:0!important;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;flex:none}
.po-tag{white-space:nowrap}
.po-price{display:flex;align-items:baseline;gap:8px;font-weight:800}
.po-price s{font-weight:500;color:var(--muted);font-size:14px}
.po-perks{display:none;list-style:none;margin:0;padding:0 18px 16px 52px}
.po-group:has(input:checked) .po-perks{display:grid;gap:6px}
.po-perks li{position:relative;font-size:14px;color:var(--ink)}
.po-perks li::before{content:"";position:absolute;left:-20px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--sun)}
.po-atc{width:100%;min-height:58px;font-size:17px}
.po .atc-row{margin:16px 0 10px}
.po-guarantee{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:13px;font-weight:600;color:var(--muted);margin:0}
.po-guarantee::before{content:"";flex:none;width:17px;height:17px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' stroke='%23FF7A1A' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.po-warn{font-size:12.5px;background:#FFF4E8;border:1px dashed var(--sun);border-radius:12px;padding:10px 12px;margin:0 0 12px;color:var(--ink)}
.po-tabs{margin:8px 0 18px}
.po-tablist{display:flex;gap:26px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.po-tablist::-webkit-scrollbar{display:none}
.po-tab{background:none;border:0;padding:12px 0;font-weight:700;font-size:15px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.po-tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--sun)}
.po-panel{padding:18px 0 4px;font-size:16px;line-height:1.6}
.po-panel p{margin:0 0 12px}.po-panel ul{margin:0 0 12px;padding-left:20px}
