.t4s-zaytoon-size-chart{--zsc-bg: #F5F0E6;--zsc-text: #3f404c;--zsc-text-muted: #6B7280;--zsc-primary: #006e61;--zsc-gold: #BE9D3C;--zsc-track: #D1D5DB;--zsc-border: rgba(0, 0, 0, .08);--zsc-radius: 12px;background:var(--zsc-bg);background-color:#f5f0e6;border-radius:var(--zsc-radius);padding:20px 0;margin-top:16px;position:relative}.t4s-zsc-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding:0;gap:12px}.t4s-zsc-title{font-size:16px;font-weight:600;color:var(--zsc-text);margin:0;line-height:1.3}.t4s-zsc-measure-btn{background:none;border:none;padding:0;font-size:14px;font-weight:500;color:var(--zsc-primary);cursor:pointer;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease;white-space:nowrap}.t4s-zsc-measure-btn:hover{color:var(--zsc-gold);text-decoration:underline}.t4s-zsc-slider{margin-bottom:28px;padding:0 8px}.t4s-zsc-sizes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;padding:0;position:relative}.t4s-zsc-size{background:none;border:none;padding:0;margin:0;font-size:14px;font-weight:500;color:#9ca3af;cursor:pointer;-webkit-transition:color .25s ease,font-weight .2s ease;transition:color .25s ease,font-weight .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2}.t4s-zsc-size:first-child{text-align:left}.t4s-zsc-size:last-child{text-align:right}.t4s-zsc-size:not(:first-child):not(:last-child){text-align:center}.t4s-zsc-size:hover{color:#3f404c}.t4s-zsc-size.is--active{color:#006e61;font-weight:700}.t4s-zsc-track{position:relative;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.t4s-zsc-track-line{position:absolute;left:0;right:0;height:3px;background:#e5e7eb;background-color:#e5e7eb;border-radius:3px}.t4s-zsc-track-progress{position:absolute;left:0;height:3px;background:var(--zsc-primary);background:linear-gradient(90deg,#006e61,#008577);border-radius:3px;width:0%;-webkit-transition:width .35s cubic-bezier(.4,0,.2,1);transition:width .35s cubic-bezier(.4,0,.2,1)}.t4s-zsc-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;border:2.5px solid #E5E7EB;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s cubic-bezier(.4,0,.2,1);padding:0;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transform:translateX(-50%);transform:translate(-50%)}.t4s-zsc-dot:nth-child(3){left:0%;-webkit-transform:translateX(0);transform:translate(0)}.t4s-zsc-dot:nth-child(4){left:20%}.t4s-zsc-dot:nth-child(5){left:40%}.t4s-zsc-dot:nth-child(6){left:60%}.t4s-zsc-dot:nth-child(7){left:80%}.t4s-zsc-dot:nth-child(8){left:100%;-webkit-transform:translateX(-100%);transform:translate(-100%)}.t4s-zsc-dot:hover{border-color:var(--zsc-primary);border-color:#006e61;-webkit-transform:translateX(-50%) scale(1.15);transform:translate(-50%) scale(1.15)}.t4s-zsc-dot:nth-child(3):hover{-webkit-transform:translateX(0) scale(1.15);transform:translate(0) scale(1.15)}.t4s-zsc-dot:nth-child(8):hover{-webkit-transform:translateX(-100%) scale(1.15);transform:translate(-100%) scale(1.15)}.t4s-zsc-dot.is--active{background:var(--zsc-primary);background-color:#006e61;border-color:var(--zsc-primary);border-color:#006e61;-webkit-transform:translateX(-50%) scale(1.25);transform:translate(-50%) scale(1.25);-webkit-box-shadow:0 3px 10px rgba(0,110,97,.35);box-shadow:0 3px 10px #006e6159}.t4s-zsc-dot:nth-child(3).is--active{-webkit-transform:translateX(0) scale(1.25);transform:translate(0) scale(1.25)}.t4s-zsc-dot:nth-child(8).is--active{-webkit-transform:translateX(-100%) scale(1.25);transform:translate(-100%) scale(1.25)}.t4s-zsc-dot.is--passed{background:var(--zsc-primary);background-color:#006e61;border-color:var(--zsc-primary);border-color:#006e61}.t4s-zsc-measurements{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px 24px;padding:0 24px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.t4s-zsc-measurement{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;min-width:70px}.t4s-zsc-measurement-label{font-size:13px;font-weight:600;color:var(--zsc-text);text-transform:capitalize}.t4s-zsc-measurement-value{font-size:18px;font-weight:500;color:var(--zsc-text);font-variant-numeric:tabular-nums;position:relative;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:1.4em}.t4s-zsc-sliding-number{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;position:relative}.t4s-zsc-sliding-digit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1)}.t4s-zsc-digit-char{height:1.4em;line-height:1.4em}.t4s-zsc-text-value{display:inline-block;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease}.t4s-zsc-text-value.is--exiting{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);position:absolute}.t4s-zsc-text-value.is--entering{-webkit-animation:slideInUp .35s cubic-bezier(.4,0,.2,1) forwards;animation:slideInUp .35s cubic-bezier(.4,0,.2,1) forwards}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.t4s-zsc-unit-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-left:auto;-ms-flex-item-align:center;align-self:center}[dir=rtl] .t4s-zsc-unit-toggle{direction:ltr}.t4s-zsc-unit{background:none;border:none;padding:4px 8px;font-size:14px;font-weight:500;color:var(--zsc-text-muted);cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative}.t4s-zsc-unit:before{content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:transparent;-webkit-transition:background .2s ease;transition:background .2s ease}.t4s-zsc-unit.is--active{color:var(--zsc-text);font-weight:600}.t4s-zsc-unit.is--active:before{background:var(--zsc-primary);background-color:#006e61}.t4s-zsc-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#00000080;background-color:#00000080;z-index:999998;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.t4s-zsc-drawer-overlay.is--open{opacity:1;visibility:visible}.t4s-zsc-drawer{position:fixed;top:0;right:0;bottom:0;left:auto;width:420px;max-width:90vw;height:100%;height:100vh;height:100dvh;background:#f5f0e6;background-color:#f5f0e6;z-index:999999;-webkit-transform:translateX(100%);transform:translate(100%);-webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-box-shadow:-4px 0 24px rgba(0,0,0,.15);box-shadow:-4px 0 24px #00000026;-webkit-overflow-scrolling:touch}[dir=rtl] .t4s-zsc-drawer{right:auto;left:0;-webkit-transform:translateX(-100%);transform:translate(-100%);-webkit-box-shadow:4px 0 24px rgba(0,0,0,.15);box-shadow:4px 0 24px #00000026}.t4s-zsc-drawer.is--open,[dir=rtl] .t4s-zsc-drawer.is--open{-webkit-transform:translateX(0);transform:translate(0)}.t4s-zsc-drawer-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);-ms-flex-negative:0;flex-shrink:0;background:#f5f0e6;background-color:#f5f0e6}.t4s-zsc-drawer-close{background:none;border:none;padding:8px;margin:-8px;cursor:pointer;color:var(--zsc-text);-webkit-transition:color .2s ease;transition:color .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:40px;min-height:40px}.t4s-zsc-drawer-close:hover{color:var(--zsc-primary);color:#006e61}.t4s-zsc-drawer-close svg{width:24px;height:24px;display:block}.t4s-zsc-drawer-title{font-size:18px;font-weight:600;color:var(--zsc-text);margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.t4s-zsc-drawer-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.t4s-zsc-drawer-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 0}.t4s-zsc-drawer-image img,.t4s-zsc-drawer-image svg{max-width:280px;width:100%;height:auto;display:block}.t4s-zsc-drawer-image--placeholder svg{max-width:200px}.t4s-zsc-instructions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding-bottom:24px}.t4s-zsc-instruction{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.t4s-zsc-instruction-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0;-ms-flex-negative:0;flex-shrink:0;padding-top:4px}.t4s-zsc-instruction-line{width:20px;height:2px;background:var(--indicator-color, #9CA3AF)}.t4s-zsc-instruction-dot{width:10px;height:10px;border-radius:50%;background:var(--indicator-color, #9CA3AF);-ms-flex-negative:0;flex-shrink:0}.t4s-zsc-instruction-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.t4s-zsc-instruction-title{font-size:15px;font-weight:600;color:var(--zsc-text);margin:0 0 6px}.t4s-zsc-instruction-desc{font-size:14px;line-height:1.5;color:var(--zsc-text-muted);margin:0}@media (max-width: 1024px) and (min-width: 768px){.t4s-zsc-drawer{width:380px}.t4s-zsc-drawer-image img,.t4s-zsc-drawer-image svg{max-width:240px}}@media (max-width: 767px){.t4s-zaytoon-size-chart{padding:16px 0;border-radius:10px;margin-top:12px}.t4s-zsc-header{padding:0}.t4s-zsc-measurements{padding:0 18px}.t4s-zsc-header{margin-bottom:16px}.t4s-zsc-title{font-size:15px}.t4s-zsc-measure-btn{font-size:13px}.t4s-zsc-slider{margin-bottom:22px;padding:0 4px}.t4s-zsc-sizes{margin-bottom:8px}.t4s-zsc-size{font-size:13px}.t4s-zsc-track{height:20px}.t4s-zsc-dot{width:14px;height:14px}.t4s-zsc-measurements{gap:12px 16px}.t4s-zsc-measurement{min-width:60px}.t4s-zsc-measurement-label{font-size:12px}.t4s-zsc-measurement-value{font-size:16px}.t4s-zsc-unit{font-size:13px}.t4s-zsc-drawer{top:0;right:0;bottom:0;left:auto;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;-webkit-transform:translateX(100%);transform:translate(100%);-webkit-box-shadow:-4px 0 24px rgba(0,0,0,.15);box-shadow:-4px 0 24px #00000026}[dir=rtl] .t4s-zsc-drawer{right:auto;left:0;-webkit-transform:translateX(-100%);transform:translate(-100%);-webkit-box-shadow:4px 0 24px rgba(0,0,0,.15);box-shadow:4px 0 24px #00000026}.t4s-zsc-drawer.is--open,[dir=rtl] .t4s-zsc-drawer.is--open{-webkit-transform:translateX(0);transform:translate(0)}.t4s-zsc-drawer-header{padding:20px;position:relative}.t4s-zsc-drawer-header:before{display:none}.t4s-zsc-drawer-title{font-size:16px}.t4s-zsc-drawer-close{min-width:44px;min-height:44px}.t4s-zsc-drawer-content{padding:20px 20px 34px;gap:24px;padding-bottom:calc(20px + env(safe-area-inset-bottom,14px))}.t4s-zsc-drawer-image{padding:10px 0}.t4s-zsc-drawer-image img,.t4s-zsc-drawer-image svg{max-width:200px}.t4s-zsc-instructions{gap:20px;padding-bottom:0}.t4s-zsc-instruction{gap:12px}.t4s-zsc-instruction-title{font-size:14px}.t4s-zsc-instruction-desc{font-size:13px}}@media (max-width: 375px){.t4s-zaytoon-size-chart{padding:14px 0}.t4s-zsc-header{padding:0}.t4s-zsc-measurements{padding:0 14px}.t4s-zsc-header{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.t4s-zsc-title{font-size:14px}.t4s-zsc-measure-btn{font-size:12px}.t4s-zsc-size{font-size:11px}.t4s-zsc-dot{width:12px;height:12px}.t4s-zsc-measurement{min-width:50px}.t4s-zsc-measurement-label{font-size:11px}.t4s-zsc-measurement-value{font-size:14px}.t4s-zsc-drawer{max-height:90vh;max-height:90dvh}.t4s-zsc-drawer-content{padding:16px}.t4s-zsc-drawer-image img,.t4s-zsc-drawer-image svg{max-width:160px}}[dir=rtl] .t4s-zsc-header{direction:rtl}[dir=rtl] .t4s-zsc-slider,[dir=rtl] .t4s-zsc-sizes,[dir=rtl] .t4s-zsc-track,[dir=rtl] .t4s-zsc-measurements{direction:ltr}[dir=rtl] .t4s-zsc-measurement{direction:rtl}[dir=rtl] .t4s-zsc-footer{direction:ltr}[dir=rtl] .t4s-zsc-instruction,[dir=rtl] .t4s-zsc-instruction-indicator{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@-webkit-keyframes zscFadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes zscFadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.t4s-zaytoon-size-chart{-webkit-animation:zscFadeIn .4s ease forwards;animation:zscFadeIn .4s ease forwards}body.t4s-zsc-drawer-open{overflow:hidden;position:fixed;width:100%;height:100%}@supports (-webkit-touch-callout: none){body.t4s-zsc-drawer-open{position:fixed;top:0;left:0;right:0;bottom:0}}.t4s-zsc-size:focus,.t4s-zsc-dot:focus,.t4s-zsc-unit:focus,.t4s-zsc-measure-btn:focus,.t4s-zsc-drawer-close:focus{outline:2px solid var(--zsc-primary);outline-color:#006e61;outline-offset:2px}.t4s-zsc-size:focus:not(:focus-visible),.t4s-zsc-dot:focus:not(:focus-visible),.t4s-zsc-unit:focus:not(:focus-visible),.t4s-zsc-measure-btn:focus:not(:focus-visible),.t4s-zsc-drawer-close:focus:not(:focus-visible){outline:none}@media print{.t4s-zsc-drawer,.t4s-zsc-drawer-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/zaytoon-size-chart.css.map */