/* Info page */
.info-page .brand-color{color:var(--h-primary)}
.info-page .hero {background: var(--h-primary);color: #fff;padding: 15px 0;margin-top: 15px;border-radius: 5px;}
.info-page img {border-radius: 5px;}
.info-page .hero h1{font-size:2rem;font-weight:600}
.info-page .hero p{opacity:.85;font-size:1rem;margin-bottom:0}
.info-page .section-title{color:var(--h-primary);font-size:1.2rem;font-weight:600;border-left:4px solid var(--h-primary);padding-left:.75rem;margin-bottom:1.5rem}
.info-page .method-card{border:1px solid #e9e0f0;border-radius:12px;padding:1.25rem 1rem;height:100%;background:#fff;transition:box-shadow .15s}
.info-page .method-card:hover{box-shadow:0 4px 16px rgba(109,8,132,.1)}
.info-page .method-card .icofont{font-size:2rem;color:var(--h-primary);display:block;margin-bottom:.5rem}
.info-page .method-card .fw-500{font-weight:500;font-size:.95rem}
.info-page .method-card .text-muted{font-size:.82rem}
.info-page .step-circle{width:36px;height:36px;border-radius:50%;background:var(--h-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}
.info-page .step-item{display:flex;gap:1rem;padding:.85rem 0;border-bottom:1px solid #f0e8f5}
.info-page .step-item:last-child{border-bottom:none}
.info-page .adv-card{background:var(--h-primary-soft);border-radius:12px;padding:1.25rem;text-align:center}
.info-page .adv-card .icofont{font-size:2.2rem;color:var(--h-primary);display:block;margin-bottom:.5rem}
.info-page .adv-card .fw-600{font-size:.9rem;color:var(--h-primary)}
.info-page .adv-card .small{color:#555}
.info-page .hl-card{border-radius:12px;padding:1.1rem 1.25rem;height:100%}
.info-page .hl-card.green{background:#e8f5ee;border:1px solid #a8dfc0}
.info-page .hl-card.amber{background:#fff8e6;border:1px solid #ffd980}
.info-page .hl-card.red{background:#fdecea;border:1px solid #f5b8b5}
.info-page .hl-card .hl-title{font-size:.9rem;font-weight:600;margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem}
.info-page .hl-card.green .hl-title{color:#1a6b3a}
.info-page .hl-card.amber .hl-title{color:#7a4f00}
.info-page .hl-card.red .hl-title{color:#8b2020}
.info-page .hl-card p{font-size:.83rem;margin:0}
.info-page .hl-card.green p{color:#2e7d4f}
.info-page .hl-card.amber p{color:#8a5c00}
.info-page .hl-card.red p{color:#a02525}
.info-page .info-block{background:#fff;border:1px solid #e9e0f0;border-radius:12px;padding:1.25rem}
.info-page .info-block .block-title{font-size:.95rem;font-weight:600;color:var(--h-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}
.info-page .info-block ul{list-style:none;padding:0;margin:0}
.info-page .info-block li{font-size:.875rem;color:#444;padding:.3rem 0;padding-left:1.1rem;position:relative;line-height:1.5}
.info-page .info-block li::before{content:"";position:absolute;left:0;top:.65rem;width:6px;height:6px;border-radius:50%;background:var(--h-primary)}
.info-page .footer-strip{background:var(--h-primary-soft);border-top:3px solid var(--h-primary);padding:1.5rem 2rem;font-size:.82rem;color:#555;line-height:1.7}
.info-page a{color:var(--h-primary)}

/* Alert */
.info-page .alert-brand{background:var(--h-primary-soft);border:1px solid #d4a8e8;border-left:4px solid var(--h-primary);border-radius:10px;padding:1rem 1.25rem;font-size:.875rem;color:#3a0047;line-height:1.6}
.info-page .alert-brand .icofont{font-size:1.1rem;color:var(--h-primary);margin-right:.4rem}
.info-page .alert-red{background:#fdecea;border:1px solid #f5b8b5;border-left:4px solid #c0392b;border-radius:10px;padding:1rem 1.25rem;font-size:.875rem;color:#7a1e1e;line-height:1.6}
.info-page .alert-red .icofont{font-size:1.1rem;color:#c0392b;margin-right:.4rem}

/* Money */
.info-page .money-card{border:1px solid #e9e0f0;border-radius:12px;padding:1.25rem;height:100%;border-top:3px solid var(--h-primary)}
.info-page .money-card .icofont{font-size:1.8rem;color:var(--h-primary);display:block;margin-bottom:.6rem}
.info-page .money-card .mc-title{font-size:.9rem;font-weight:600;color:var(--h-primary);margin-bottom:.4rem}
.info-page .money-card p{font-size:.83rem;color:#555;line-height:1.55;margin:0}

/* hl-card purple */
.info-page .hl-card.purple{background:var(--h-primary-soft);border:1px solid #d4a8e8}
.info-page .hl-card.purple .hl-title{color:var(--h-primary)}
.info-page .hl-card.purple p{color:var(--h-primary)}

/* step-body */
.info-page .step-body .step-title{font-size:.9rem;font-weight:500;color:#222;margin-bottom:.2rem}
.info-page .step-body p{font-size:.83rem;color:#555;margin:0;line-height:1.55}

.info-page .pay-tab{border:1px solid #e9e0f0;border-radius:12px;overflow:hidden;margin-bottom:1rem}
.info-page .pay-tab-header{background:var(--h-primary-soft);padding:.85rem 1.25rem;font-weight:600;font-size:.9rem;color:var(--h-primary);display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none}
.info-page .pay-tab-header .icofont{font-size:1.2rem}
.info-page .pay-tab-header .badge-new{background:var(--h-primary);color:#fff;font-size:.7rem;padding:.15rem .45rem;border-radius:20px;margin-left:auto}
.info-page .pay-tab-body{padding:1.25rem;display:none}
.info-page .pay-tab-body.open{display:block}
.info-page .qr-box{background:var(--h-primary-soft);border:2px dashed #d4a8e8;border-radius:12px;padding:1.5rem;text-align:center}
.info-page .qr-box p{font-size:.83rem;color:var(--h-primary);margin-top:.75rem;margin-bottom:0;line-height:1.5}

.info-page .cta-pay{display:inline-flex;align-items:center;gap:.6rem;background:var(--h-primary);color:#fff;font-size:1.1rem;font-weight:700;padding:.9rem 2.5rem;border-radius:12px;text-decoration:none;transition:background .2s;box-shadow:0 4px 18px rgba(109,8,132,.25)}
.info-page .cta-pay:hover{background:var(--h-primary);color:#fff}
.info-page .cta-pay .icofont{font-size:1.4rem}
.info-page .security-card{border:1px solid #e9e0f0;border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}
.info-page .security-card .icofont{font-size:2rem;color:var(--h-primary);flex-shrink:0;margin-top:.1rem}
.info-page .security-card .sc-title{font-size:.9rem;font-weight:600;color:var(--h-primary);margin-bottom:.3rem}
.info-page .security-card p{font-size:.83rem;color:#555;margin:0;line-height:1.55}
.info-page .qr-box{background:var(--h-primary-soft);border:2px dashed #d4a8e8;border-radius:12px;padding:1.5rem;text-align:center}
.info-page .qr-box p{font-size:.83rem;color:var(--h-primary);margin-top:.75rem;margin-bottom:0;line-height:1.5}

/* Brand nav pills */
.info-page .brand-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.info-page .brand-pill{background:var(--h-primary-soft);border:1px solid #d4a8e8;border-radius:20px;padding:.3rem .9rem;font-size:.8rem;font-weight:600;color:var(--h-primary);cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}
.info-page .brand-pill:hover,
.info-page .brand-pill.active{background:var(--h-primary);color:#fff;border-color:var(--h-primary)}

/* Accordion tabs */
.info-page .size-tab{border:1px solid #e9e0f0;border-radius:12px;overflow:hidden;margin-bottom:.75rem}
.info-page .size-tab-header{background:var(--h-primary-soft);padding:.8rem 1.25rem;font-weight:600;font-size:.9rem;color:var(--h-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.info-page .size-tab-header .left{display:flex;align-items:center;gap:.6rem}
.info-page .size-tab-header .icofont{font-size:1.1rem}
.info-page .size-tab-header .age-badge{background:var(--h-primary);color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:20px;font-weight:600}
.info-page .size-tab-header .arrow{font-size:.9rem;transition:transform .2s;color:var(--h-primary)}
.info-page .size-tab-header.open .arrow{transform:rotate(180deg)}
.info-page .size-tab-body{padding:1rem 1.25rem 1.25rem;display:none;overflow-x:auto}
.info-page .size-tab-body.open{display:block}

/* Tables */
.info-page .size-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:480px}
.info-page .size-table th{background:var(--h-primary);color:#fff;padding:.5rem .75rem;text-align:center;font-weight:600;font-size:.8rem}
.info-page .size-table th.ua{background:#d4821a;color:#fff}
.info-page .size-table td{padding:.45rem .75rem;border-bottom:1px solid #f0e8f5;text-align:center;color:#444}
.info-page .size-table tr:last-child td{border-bottom:none}
.info-page .size-table tr:nth-child(even) td{background:#fafafa}
.info-page .size-table .section-row td{background:var(--h-primary-soft);color:var(--h-primary);font-weight:600;font-size:.8rem;text-align:left;padding:.35rem .75rem}
.info-page .size-table td.ua{color:#d4821a;font-weight:600}
.info-page .size-table td.age{text-align:left;padding-left:.85rem;color:#333}

/* Info block */
.info-page .info-block{background:#fff;border:1px solid #e9e0f0;border-radius:12px;padding:1.25rem}
.info-page .info-block p{font-size:.875rem;color:#444;line-height:1.75;margin-bottom:.5rem}
.info-page .info-block p:last-child{margin-bottom:0}
.info-page .info-block strong{color:var(--h-primary)}

/* Material group header */
.info-page .material-group{border:2px solid var(--h-primary);border-radius:14px;overflow:hidden;margin-bottom:1.5rem}
.info-page .material-group-header{background:var(--h-primary);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem}
.info-page .material-group-header h2{font-size:1.1rem;font-weight:700;margin:0}
.info-page .material-group-header .icofont{font-size:1.4rem}
.info-page .material-group-body{padding:1rem 1rem .5rem}
.info-page .material-props{display:flex;gap:1.5rem;padding:.75rem 1.5rem 1rem;background:#fdf8ff;border-top:1px solid #e9d5f5}
.info-page .prop-block{font-size:.78rem}
.info-page .prop-block .prop-label{color:var(--h-primary);font-weight:600;margin-bottom:.2rem}
.info-page .prop-block .pros{color:#1a6b3a}
.info-page .prop-block .cons{color:#a02525}

/* Fabric accordion */
.info-page .fabric-tab{border:1px solid #e9e0f0;border-radius:12px;overflow:hidden;margin-bottom:.6rem}
.info-page .fabric-tab-header{background:#fafafa;padding:.75rem 1.25rem;font-weight:600;font-size:.88rem;color:var(--h-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;gap:.5rem}
.info-page .fabric-tab-header .left{display:flex;align-items:center;gap:.6rem}
.info-page .fabric-tab-header .eng{color:#888;font-weight:400;font-size:.78rem}
.info-page .fabric-tab-header .arrow{font-size:.9rem;transition:transform .2s;color:var(--h-primary);flex-shrink:0}
.info-page .fabric-tab-header.open .arrow{transform:rotate(180deg)}
.info-page .fabric-tab-body{padding:1rem 1.25rem;display:none;font-size:.875rem;color:#444;line-height:1.75}
.info-page .fabric-tab-body.open{display:block}
.info-page .fabric-tab-body .fabric-img{width:130px;height:130px;object-fit:cover;border-radius:10px;float:left;margin:0 1rem .5rem 0;border:1px solid #e9e0f0;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.75rem}
.info-page .fabric-tab-body::after{content:"";display:table;clear:both}
.info-page .fabric-tag{display:inline-block;background:var(--h-primary-soft);color:var(--h-primary);border-radius:6px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;margin:.1rem .1rem 0 0}
.info-page .fabric-tag.warm{background:#fff0e0;color:#b85c00}
.info-page .fabric-tag.cool{background:#e0f0ff;color:#0060a0}
.info-page .fabric-tag.sport{background:#e0ffe8;color:#006b2d}
.info-page .fabric-tag.baby{background:#ffe0f5;color:#8b006b}
.info-page .fabric-tag.strong{background:#fff8e0;color:#7a5c00}
