:root{--size-guide-primary:#C85A54;--size-guide-secondary:#8B9E6F;--size-guide-accent:#D4AF37;--size-guide-light:#F5EFE7;--size-guide-dark:#2D1B1A;--size-guide-plum:#6B4C5C}@media (min-width:64rem){.container{max-width:64rem}}.size-guide-hero{background-image:url(../../static/images/how_to_choose_size/size-guide-hero-bg.png);background-color:var(--size-guide-dark);background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden;padding:60px 20px}.size-guide-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(0 0 0 / .1) 0%,rgb(0 0 0 / .05) 100%);pointer-events:none}@media (max-width:768px){.size-guide-hero{background-image:url(../../static/images/how_to_choose_size/size-guide-hero-bg-tablet.png)}}@media (max-width:480px){.size-guide-hero{background-image:url(../../static/images/how_to_choose_size/size-guide-hero-bg-mobile.png)}}.size-guide-hero-content{position:relative;z-index:1}.size-guide-hero-title{font-family:'Playfair Display',serif;color:white!important;font-size:3rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgb(0 0 0 / .2);letter-spacing:-1px}.size-guide-hero-subtitle{font-family:'Figtree',sans-serif;color:white!important;font-size:1.2rem;font-weight:300;letter-spacing:.5px;text-shadow:1px 1px 2px rgb(0 0 0 / .15)}@media (max-width:768px){.size-guide-hero{min-height:150px}.size-guide-hero-title{font-size:2rem}.size-guide-hero-subtitle{font-size:1rem}}.size-guide-tabs{position:relative;z-index:10}.tabs-nav{display:flex;background-color:#d7ccc080;flex-wrap:wrap;display:flex;align-items:center;gap:8px;padding:6px 6px;border:none;background:#f8f8f8;color:#666;border-radius:30px;cursor:pointer;font-family:'Figtree',sans-serif;font-weight:500;font-size:.95rem;transition:all 0.3s ease;white-space:nowrap;margin-bottom:30px}.tab-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.tab-btn.active{background:#fff}.tab-btn{font-size:1.1rem;border-radius:14px;flex-grow:1}@media (max-width:768px){.tabs-nav{gap:8px;padding:12px}.tab-btn{padding:10px 16px;font-size:.85rem}}.tab-content{display:none;animation:fadeIn 0.3s ease}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calculator-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgb(0 0 0 / .08);border:1px solid #f0f0f0;transition:all 0.3s ease}.calculator-card:hover{box-shadow:0 8px 30px rgb(0 0 0 / .12);transform:translateY(-4px)}.calculator-header{display:flex;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--size-guide-light)}.calculator-header i{font-size:1.5rem;color:var(--size-guide-primary)}.calculator-header h3{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:600;color:var(--size-guide-dark);margin:0}.calculator-body{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-family:'Figtree',sans-serif;font-weight:600;color:#333;font-size:.95rem}.form-label .value{color:var(--size-guide-primary);font-weight:700}.form-range{height:8px!important;border-radius:4px;border:none;cursor:pointer;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--size-guide-primary) 0%,var(--size-guide-secondary) 50%,var(--size-guide-accent) 100%);outline:none}.form-range::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--size-guide-primary) 0%,var(--size-guide-secondary) 50%,var(--size-guide-accent) 100%);border:none}.form-range::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--size-guide-primary) 0%,var(--size-guide-secondary) 50%,var(--size-guide-accent) 100%);border:none}.form-range::-moz-range-progress{background:linear-gradient(to right,var(--size-guide-primary) 0%,var(--size-guide-secondary) 50%,var(--size-guide-accent) 100%);height:8px;border-radius:4px}.form-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--size-guide-primary);cursor:pointer;box-shadow:0 2px 8px rgb(200 90 84 / .4);transition:all 0.2s ease}.form-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgb(200 90 84 / .6)}.form-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--size-guide-primary);cursor:pointer;border:none;box-shadow:0 2px 8px rgb(200 90 84 / .4);transition:all 0.2s ease}.form-range::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgb(200 90 84 / .6)}.range-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#999;margin-top:8px}.recommendation-box{background:linear-gradient(135deg,var(--size-guide-light) 0%,rgb(212 175 55 / .1) 100%);border-left:4px solid var(--size-guide-accent);padding:20px;border-radius:12px;text-align:center}.recommendation-box h4{font-family:'Playfair Display',serif;font-size:.95rem;color:var(--size-guide-dark);margin:0 0 12px 0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recommendation-value{display:flex;flex-direction:column;gap:8px}.size-range{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:700;color:var(--size-guide-primary)}.size-description{font-size:.85rem;color:#666;margin:0;font-style:italic}.guide-section{margin-bottom:50px}.guide-illustrations-section{padding:0 30px 0 30px}.guide-illustrations-section img{border-radius:16px;box-shadow:0 8px 30px rgb(0 0 0 / .15);transition:all 0.3s ease;object-fit:cover}.guide-illustrations-section img:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgb(0 0 0 / .2)}.rounded-lg{border-radius:16px!important}.shadow-lg{box-shadow:0 8px 30px rgb(0 0 0 / .15)!important}.botanical-pattern-section{margin-top:60px;margin-bottom:40px;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgb(0 0 0 / .15)}.botanical-pattern-image{width:100%;height:auto;display:block;border-radius:20px;transition:all 0.3s ease}.botanical-pattern-section:hover .botanical-pattern-image{transform:scale(1.02)}.guide-section-title{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--size-guide-dark);margin-bottom:12px;position:relative;padding-bottom:12px}.guide-section-intro{font-size:1rem;color:#666;margin-bottom:30px;line-height:1.6}.illustration-img{width:100%;height:100%}.ready-to-browse h1{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--size-guide-dark);margin-bottom:15px;position:relative;padding-bottom:15px}.ready-to-browse a{padding:12px 24px;border:none;background:var(--size-guide-primary);color:#fff;border-radius:12px;cursor:pointer;font-family:'Figtree',sans-serif;font-weight:500;font-size:1.15rem;transition:all 0.3s ease;white-space:nowrap}.ready-to-browse button:hover{background:var(--size-guide-primary);transform:translateY(-2px)}.guide-steps{display:flex;flex-direction:column;column-gap:15px;row-gap:5px}.guide-step{display:flex;gap:20px;align-items:flex-start;padding:10px 20px;background:#fff;border-radius:12px;border-left:4px solid var(--size-guide-primary);transition:all 0.3s ease}.guide-step:hover{box-shadow:0 4px 15px rgb(0 0 0 / .08);transform:translateX(4px)}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,var(--size-guide-primary),var(--size-guide-plum));color:#fff;border-radius:50%;font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content h4{font-family:'Playfair Display',serif;font-size:1rem;font-weight:600;color:var(--size-guide-dark);margin:0 0 8px 0}.step-content p{color:#666;margin:0;font-size:.9rem;line-height:1.5}.size-categories-section{margin-top:50px;padding-top:40px;border-top:2px solid var(--size-guide-light)}.size-category-card{background:#fff;border-radius:16px;padding:30px;text-align:center;box-shadow:0 4px 15px rgb(0 0 0 / .08);transition:all 0.3s ease;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:15px}.size-category-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgb(0 0 0 / .15);border-color:var(--size-guide-accent)}.category-icon{font-size:3rem;line-height:1}.size-category-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--size-guide-dark);margin:0}.category-description{color:#666;font-size:.95rem;line-height:1.5;margin:0}.category-sizes{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:var(--size-guide-primary);margin:0}.sizes-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgb(0 0 0 / .08)}.sizes-table thead{background:linear-gradient(135deg,var(--size-guide-primary),var(--size-guide-plum));color:#fff}.sizes-table th{padding:16px;text-align:left;font-family:'Playfair Display',serif;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.sizes-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem}.sizes-table tbody tr:hover{background:var(--size-guide-light)}.sizes-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.calculator-card{padding:20px}.calculator-header{margin-bottom:20px}.calculator-header h3{font-size:1.2rem}.guide-section-title{font-size:1.5rem}.guide-step{gap:15px;padding:15px}.step-number{width:45px;height:45px;font-size:1.2rem}.size-category-card{padding:20px}.sizes-table th,.sizes-table td{padding:12px;font-size:.85rem}}@media (max-width:480px){.size-guide-hero-title{font-size:1.5rem}.size-guide-hero-subtitle{font-size:.9rem}.tabs-nav{gap:6px;padding:10px}.tab-btn{padding:8px 12px;font-size:.75rem}.tab-btn i{font-size:.9rem}.calculator-card{padding:15px}.recommendation-box{padding:15px}.size-range{font-size:1.4rem}.guide-section-title{font-size:1.3rem}.guide-step{gap:12px;padding:12px}.step-number{width:40px;height:40px;font-size:1rem}.step-content h4{font-size:.95rem}.step-content p{font-size:.85rem}}.mt-5{margin-top:3rem!important}.text-end{text-align:right}.float-end{float:right}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.size-guide-tabs{animation:slideInUp 0.6s ease}.calculator-card{animation:slideInUp 0.6s ease}.guide-step{animation:slideInUp 0.6s ease}