.bracalc-swimwear-calc{max-width:800px;margin:0 auto}.tool-intro{text-align:center;margin-bottom:var(--space-6)}.tool-intro p{font-size:var(--text-lg);color:var(--color-text-light);max-width:600px;margin:0 auto}.swimwear-tabs{gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2);background:var(--color-bg-soft);border-radius:var(--radius-xl);display:flex}.swimwear-tab{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;transition:all .2s;display:flex}.swimwear-tab:hover{background:var(--color-bg)}.swimwear-tab.is-active{background:var(--color-bg);box-shadow:var(--shadow-md)}.swimwear-tab__icon{font-size:var(--text-2xl)}.swimwear-tab__label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.swimwear-tab.is-active .swimwear-tab__label{color:var(--color-primary)}@media (width<=500px){.swimwear-tab{padding:var(--space-3) var(--space-2)}.swimwear-tab__icon{font-size:var(--text-xl)}.swimwear-tab__label{font-size:var(--text-xs)}}.swimwear-panel{display:none}.swimwear-panel.is-active{display:block}.calc-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.calc-section h3{font-size:var(--text-lg);margin-bottom:var(--space-4);text-align:center}.input-method-toggle{gap:var(--space-2);padding:var(--space-1);background:var(--color-bg-soft);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex}.method-btn{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .2s}.method-btn:hover{color:var(--color-text)}.method-btn.is-active{background:var(--color-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.method-panel{display:none}.method-panel.is-active{display:block}.input-row{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.input-row--3col{grid-template-columns:repeat(3,1fr)}.input-row-inline{gap:var(--space-2);display:flex}@media (width<=500px){.input-row,.input-row--3col{grid-template-columns:1fr}}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-weight:600;font-size:var(--text-sm);color:var(--color-heading)}.input-with-unit{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.input-with-unit:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-field{padding:var(--space-3);font-size:var(--text-base);background:0 0;border:none;flex:1;min-width:0}.input-field:focus{outline:none}.input-unit{padding:var(--space-3);background:var(--color-bg-soft);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.input-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg);cursor:pointer;transition:border-color .2s}.input-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.input-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.coverage-options{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=500px){.coverage-options{grid-template-columns:1fr}}.coverage-option{cursor:pointer}.coverage-radio{opacity:0;pointer-events:none;position:absolute}.coverage-option__box{padding:var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;transition:all .2s;display:flex}.coverage-radio:checked+.coverage-option__box{border-color:var(--color-primary);background:var(--color-primary-ultra-light)}.coverage-option__title{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}.coverage-option__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.calc-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-base);cursor:pointer;margin-top:var(--space-4);border:none;font-weight:600;transition:all .2s;display:flex}.calc-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.calc-btn:active{transform:translateY(0)}.results-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.results-header{text-align:center;margin-bottom:var(--space-6)}.results-header__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.results-header__size{font-size:var(--text-4xl);color:var(--color-primary);font-weight:700}.results-header__note{font-size:var(--text-sm);color:var(--color-text-light);margin-top:var(--space-2)}.size-cards{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.size-card{text-align:center;padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-lg)}.size-card__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.size-card__value{font-size:var(--text-xl);color:var(--color-heading);font-weight:700}.size-card--primary{background:var(--color-primary);color:#fff}.size-card--primary .size-card__label{color:#fffc}.size-card--primary .size-card__value{color:#fff}.international-sizes{margin-bottom:var(--space-6)}.international-sizes h4{font-size:var(--text-sm);margin-bottom:var(--space-3);text-align:center}.intl-size-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.intl-size-item{text-align:center;padding:var(--space-2);background:var(--color-bg-soft);border-radius:var(--radius-md)}.intl-size-item__country{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.intl-size-item__size{font-size:var(--text-base);font-weight:600}.style-recommendations{border-top:1px solid var(--color-border-light);padding-top:var(--space-5)}.style-recommendations h4{font-size:var(--text-sm);margin-bottom:var(--space-3)}.style-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.style-tag{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-primary-ultra-light);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;display:inline-flex}.fit-tips{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#10b9811a}.fit-tips h4{font-size:var(--text-sm);color:#047857;margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.fit-tips p{font-size:var(--text-sm);color:#065f46;margin:0}.tips-section{margin-bottom:var(--space-8)}.tips-section h3{text-align:center;margin-bottom:var(--space-4)}.tips-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.tip-card{padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.tip-card__icon{font-size:var(--text-3xl);margin-bottom:var(--space-2);display:block}.tip-card h4{font-size:var(--text-sm);margin-bottom:var(--space-2)}.tip-card p{font-size:var(--text-sm);color:var(--color-text-light);margin:0;line-height:1.5}.faq-section{margin-bottom:var(--space-8)}.faq-section h3{text-align:center;margin-bottom:var(--space-4)}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;padding:var(--space-4);background:var(--color-bg);cursor:pointer;text-align:left;font-size:var(--text-base);color:var(--color-heading);border:none;justify-content:space-between;align-items:center;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:var(--color-bg-soft)}.faq-icon{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.faq-item.is-open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--color-text-light);line-height:1.6;display:none}.faq-item.is-open .faq-answer{display:block}