.size-guide-drawer{--sg-color-primary: #D35400;--sg-color-primary-light: #E67E22;--sg-color-primary-bg: #FFF5F0;--sg-color-text-primary: #1a1a1a;--sg-color-text-secondary: #666;--sg-color-text-tertiary: #999;--sg-color-border: #E0E0E0;--sg-color-background: #FFFFFF;--sg-color-background-alt: #F9F9F9;--sg-color-background-light: #F0F0F0;--sg-space-xs: .5rem;--sg-space-sm: .75rem;--sg-space-md: 1rem;--sg-space-lg: 1.5rem;--sg-space-xl: 2rem;--sg-radius-sm: 8px;--sg-radius-md: 12px;--sg-radius-lg: 16px;--sg-radius-full: 50px;--sg-font-size-xs: .875rem;--sg-font-size-sm: .938rem;--sg-font-size-base: 1rem;--sg-font-size-lg: 1.125rem;--sg-font-size-xl: 1.25rem;--sg-font-size-2xl: 1.5rem;--sg-font-size-3xl: 1.75rem;--sg-font-size-4xl: 2rem;--sg-font-size-display: 4rem;--sg-transition-fast: .2s ease;--sg-transition-base: .3s ease;--sg-transition-slow: .4s ease;--sg-shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);--sg-shadow-md: 0 4px 16px rgba(211, 84, 0, .3);--sg-shadow-lg: 0 4px 20px rgba(211, 84, 0, .3);--sg-shadow-xl: 0 6px 25px rgba(211, 84, 0, .4);--sg-z-base: 1;--sg-z-nav: 10;--sg-z-modal: 100;--sg-duration-fast: .3s;--sg-duration-base: .5s;--sg-duration-slow: 1s;--sg-duration-loading: 1.8s;--sg-duration-pulse: 2s;--sg-content-max-width: 500px;--sg-help-max-width: 600px;--drawer-background: var(--sg-color-background)}.size-guide-modal{display:flex;flex-direction:column;direction:rtl;min-block-size:500px;padding:var(--sg-space-xl)}.size-guide__step{position:relative;display:flex;flex:1;flex-direction:column;animation:fadeIn var(--sg-duration-fast) ease}@media (prefers-reduced-motion: reduce){.size-guide__step,.size-guide__intro-icon,.size-guide__result-display,*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.size-guide__back{position:absolute;inset-block-start:var(--sg-space-md);inset-inline-start:var(--sg-space-lg);z-index:var(--sg-z-nav);padding:var(--sg-space-xs);color:var(--sg-color-text-secondary);background:none;border:none;cursor:pointer;transition:all var(--sg-transition-fast)}.size-guide__back:hover{color:var(--sg-color-primary);transform:scale(1.1)}.size-guide__back:focus-visible{outline:2px solid var(--sg-color-primary);outline-offset:2px;border-radius:var(--sg-radius-sm)}.size-guide__close{display:none!important}.size-guide__intro{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--sg-space-lg);padding:var(--sg-space-xl) var(--sg-space-md);text-align:center}.size-guide__intro-icon{transition:all var(--sg-transition-base);animation:scaleIn var(--sg-duration-base) ease}.size-guide__intro--loading .size-guide__intro-icon{animation:pulse var(--sg-duration-pulse) ease-in-out infinite}.size-guide__intro--loading .size-guide__intro-title{opacity:.5}.size-guide__intro--loading .size-guide__intro-text{opacity:.3}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.size-guide__intro-title{margin:0;color:var(--sg-color-text-primary);font-size:var(--sg-font-size-4xl);font-weight:700;line-height:1.3;letter-spacing:-.01em;transition:opacity var(--sg-transition-base)}.size-guide__intro-text{margin:0;max-inline-size:400px;color:var(--sg-color-text-secondary);font-size:var(--sg-font-size-base);line-height:1.5;transition:opacity var(--sg-transition-base)}.size-guide__intro-bar{display:none;inline-size:100%;max-inline-size:400px;block-size:6px;overflow:hidden;background:var(--sg-color-background-light);border-radius:3px;opacity:0;transform:scaleX(0);transition:all var(--sg-transition-base)}.size-guide__intro--loading .size-guide__intro-bar{display:block;opacity:1;transform:scaleX(1)}.size-guide__intro-bar-fill{block-size:100%;inline-size:0;background:linear-gradient(90deg,var(--sg-color-primary) 0%,var(--sg-color-primary-light) 50%,var(--sg-color-primary) 100%);background-size:200% 100%;border-radius:3px}.size-guide__intro--loading .size-guide__intro-bar-fill{animation:loadProgressSmooth var(--sg-duration-pulse) ease-out forwards,shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes loadProgressSmooth{0%{inline-size:0%}30%{inline-size:45%}70%{inline-size:80%}to{inline-size:100%}}.size-guide__intro-loading{display:none;margin:0;color:var(--sg-color-text-tertiary);font-size:var(--sg-font-size-xs);opacity:0;transform:translateY(10px);transition:all var(--sg-transition-base)}.size-guide__intro--loading .size-guide__intro-loading{display:block;opacity:1;transform:translateY(0);animation:fadeInUp var(--sg-duration-base) ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.size-guide__start-btn,.size-guide__result-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--sg-space-md) 2.5rem;overflow:hidden;color:var(--sg-color-background);font-size:var(--sg-font-size-lg);font-weight:700;background:linear-gradient(135deg,var(--sg-color-primary) 0%,var(--sg-color-primary-light) 100%);border:none;border-radius:var(--sg-radius-full);cursor:pointer;box-shadow:var(--sg-shadow-lg);transition:all var(--sg-transition-base)}.size-guide__start-btn{gap:var(--sg-space-sm)}.size-guide__start-btn:before,.size-guide__result-btn:before{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:0;block-size:0;content:"";background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:inline-size .6s ease,block-size .6s ease}.size-guide__start-btn:hover,.size-guide__result-btn:hover{transform:translateY(-2px);box-shadow:var(--sg-shadow-xl)}.size-guide__start-btn:active:before,.size-guide__result-btn:active:before{inline-size:300px;block-size:300px}.size-guide__start-btn:active,.size-guide__result-btn:active{transform:translateY(0)}.size-guide__start-btn:focus-visible,.size-guide__result-btn:focus-visible{outline:3px solid var(--sg-color-primary);outline-offset:3px}.size-guide__start-btn--loading{pointer-events:none;opacity:.7;transform:scale(.95)}.size-guide__result-btn{inline-size:100%;margin-block-end:var(--sg-space-md);border-radius:var(--sg-radius-md)}.size-guide__help-btn,.size-guide__restart-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sg-space-xs);padding:var(--sg-space-sm) var(--sg-space-md);color:var(--sg-color-text-secondary);font-size:var(--sg-font-size-xs);font-weight:500;background:none;border:none;cursor:pointer;transition:all var(--sg-transition-fast);border-radius:var(--sg-radius-sm)}.size-guide__help-btn{margin:var(--sg-space-xs) auto 0;border:1.5px solid var(--sg-color-border);transition:all var(--sg-transition-fast)}.size-guide__help-btn:hover{color:var(--sg-color-primary);background:var(--sg-color-primary-bg);border-color:var(--sg-color-primary)}.size-guide__help-btn:focus-visible{outline:2px solid var(--sg-color-primary);outline-offset:2px}.size-guide__restart-btn{color:var(--sg-color-text-tertiary);padding:var(--sg-space-sm) var(--sg-space-lg);font-weight:600}.size-guide__restart-btn:hover{color:var(--sg-color-primary);background:var(--sg-color-primary-bg)}.size-guide__restart-btn:focus-visible{outline:2px solid var(--sg-color-primary);outline-offset:2px}.size-guide__help-continue{inline-size:100%;padding:var(--sg-space-md) var(--sg-space-xl);margin-block-start:var(--sg-space-md);color:var(--sg-color-background);font-size:var(--sg-font-size-base);font-weight:600;background:var(--sg-color-primary);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-base)}.size-guide__help-continue:hover{background:var(--sg-color-primary-light);transform:translateY(-2px);box-shadow:var(--sg-shadow-md)}.size-guide__help-continue:focus-visible{outline:3px solid var(--sg-color-primary);outline-offset:3px}.size-guide__progress{padding-block-start:var(--sg-space-md);margin-block-end:var(--sg-space-xl)}.size-guide__progress-bar{inline-size:100%;block-size:6px;margin-block-end:var(--sg-space-sm);overflow:hidden;background:var(--sg-color-background-light);border-radius:3px}.size-guide__progress-fill{block-size:100%;background:linear-gradient(90deg,var(--sg-color-primary) 0%,var(--sg-color-primary-light) 100%);border-radius:3px;transition:inline-size var(--sg-transition-slow);will-change:inline-size}.size-guide__progress-text{margin:0;color:var(--sg-color-text-tertiary);font-size:var(--sg-font-size-xs);text-align:center}.size-guide__content{display:flex;flex:1;flex-direction:column;gap:var(--sg-space-xl)}.size-guide__title{margin:0;color:var(--sg-color-text-primary);font-size:var(--sg-font-size-2xl);font-weight:700;line-height:1.3;text-align:center}.size-guide__subtitle{margin:var(--sg-space-xs) 0 0;color:var(--sg-color-text-secondary);font-size:var(--sg-font-size-base);line-height:1.5;text-align:center}.size-guide__options{display:grid;gap:var(--sg-space-sm)}.size-guide__options--general{grid-template-columns:repeat(4,1fr);max-inline-size:var(--sg-content-max-width);margin-inline:auto}.size-guide__measure-section{display:flex;flex-direction:column;gap:var(--sg-space-md)}.size-guide__section-label{margin:0;color:var(--sg-color-text-secondary);font-size:var(--sg-font-size-sm);font-weight:600;text-align:right;line-height:1.5}.size-guide__options--band{grid-template-columns:repeat(5,1fr)}.size-guide__options--cup{grid-template-columns:repeat(2,1fr);max-inline-size:400px;margin-inline:auto}.size-guide__option{padding:var(--sg-space-md) var(--sg-space-sm);color:var(--sg-color-text-secondary);font-size:var(--sg-font-size-base);font-weight:600;text-align:center;background:var(--sg-color-background);border:2px solid var(--sg-color-border);border-radius:var(--sg-radius-sm);cursor:pointer;transition:all var(--sg-transition-fast);will-change:transform}.size-guide__option:hover{background:var(--sg-color-primary-bg);border-color:var(--sg-color-primary);transform:translateY(-2px);box-shadow:var(--sg-shadow-sm)}.size-guide__option:active{transform:translateY(0)}.size-guide__option:focus-visible{outline:2px solid var(--sg-color-primary);outline-offset:2px}.size-guide__option.is-selected{color:var(--sg-color-background);background:var(--sg-color-primary);border-color:var(--sg-color-primary);transform:scale(1.05);box-shadow:var(--sg-shadow-md)}.size-guide__step--loading{align-items:center;justify-content:center}.size-guide__loading{max-inline-size:400px;margin-inline:auto;text-align:center}.size-guide__loading-title{margin:0 0 var(--sg-space-lg) 0;color:var(--sg-color-text-primary);font-size:var(--sg-font-size-2xl);font-weight:700}.size-guide__loading-bar{inline-size:100%;block-size:6px;margin-block-end:var(--sg-space-md);overflow:hidden;background:var(--sg-color-background-light);border-radius:3px}.size-guide__loading-bar-fill{block-size:100%;inline-size:0;background:linear-gradient(90deg,var(--sg-color-primary) 0%,var(--sg-color-primary-light) 100%);border-radius:3px;animation:loadProgress var(--sg-duration-loading) ease-in-out forwards}@keyframes loadProgress{0%{inline-size:0%}to{inline-size:100%}}.size-guide__loading-text{margin:0;color:var(--sg-color-text-tertiary);font-size:var(--sg-font-size-xs)}.size-guide__step--result{align-items:center;justify-content:center}.size-guide__result{max-inline-size:var(--sg-content-max-width);padding:var(--sg-space-xl) var(--sg-space-md);text-align:center}.size-guide__result-title{margin:0 0 var(--sg-space-md) 0;color:var(--sg-color-text-primary);font-size:var(--sg-font-size-2xl);font-weight:700}.size-guide__result-subtitle{margin:0 0 var(--sg-space-xl) 0;color:var(--sg-color-text-secondary);font-size:var(--sg-font-size-sm);line-height:1.6}.size-guide__result-box{padding:var(--sg-space-xl);margin-block-end:var(--sg-space-xl);background:var(--sg-color-primary-bg);border:2px solid var(--sg-color-border);border-radius:var(--sg-radius-lg)}.size-guide__result-display{display:flex;align-items:center;justify-content:center;gap:var(--sg-space-xs);color:var(--sg-color-primary);font-size:var(--sg-font-size-display);font-weight:800;animation:scaleIn var(--sg-duration-base) ease}.size-guide__result-size{color:var(--sg-color-primary)}.size-guide__help{max-inline-size:var(--sg-help-max-width);padding-block-start:var(--sg-space-xl);margin-inline:auto}.size-guide__help h2{margin:0 0 var(--sg-space-xl) 0;color:var(--sg-color-text-primary);font-size:var(--sg-font-size-2xl);font-weight:700;text-align:center;line-height:1.3}.size-guide__help-card{padding:var(--sg-space-xl);margin-block-end:var(--sg-space-lg);background:var(--sg-color-background-alt);border-radius:var(--sg-radius-md);border:1px solid var(--sg-color-border)}.size-guide__help-card h3{margin:0 0 var(--sg-space-lg) 0;color:var(--sg-color-text-primary);font-size:var(--sg-font-size-lg);font-weight:700;text-align:right;line-height:1.4}.size-guide__help-card ol{margin:0;padding-inline-start:0;padding-inline-end:var(--sg-space-xl);list-style:decimal;text-align:right;direction:rtl}.size-guide__help-card li{margin-block-end:var(--sg-space-md);color:var(--sg-color-text-secondary);font-size:var(--sg-font-size-sm);line-height:1.8;text-align:right}.size-guide__help-card li:last-child{margin-block-end:0}@media (max-width: 640px){.size-guide-modal{padding:var(--sg-space-lg)}.size-guide__intro-title{font-size:var(--sg-font-size-3xl)}.size-guide__title{font-size:var(--sg-font-size-xl)}.size-guide__options{gap:var(--sg-space-xs)}.size-guide__option{padding:.875rem var(--sg-space-xs);font-size:var(--sg-font-size-sm)}.size-guide__result-display{font-size:3rem}}@media (max-width: 480px){.size-guide__back{inset-block-start:var(--sg-space-sm);inset-inline-start:var(--sg-space-md)}.size-guide__options--band{grid-template-columns:repeat(4,1fr)!important}}@media print{.size-guide__back,.size-guide__start-btn,.size-guide__help-btn,.size-guide__restart-btn,.size-guide__help-continue{display:none}.size-guide-modal{padding:0}.size-guide__result-box{border:2px solid #000}}@media (prefers-contrast: high){.size-guide__option{border-width:3px}.size-guide__option.is-selected{border-width:4px}}@media (prefers-color-scheme: dark){.size-guide-drawer{--sg-color-text-primary: #F5F5F5;--sg-color-text-secondary: #CCCCCC;--sg-color-text-tertiary: #999999;--sg-color-border: #444444;--sg-color-background: #1a1a1a;--sg-color-background-alt: #2a2a2a;--sg-color-background-light: #333333;--sg-color-primary-bg: #2D1810;--drawer-background: var(--sg-color-background)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/size-guide-metafield.css.map */