:root{--font-primary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Tajawal", "Arial", sans-serif;--fs-h1: 20px;--fs-title: 18px;--fs-subtitle: 16px;--fs-body: 14px;--fs-caption: 12px;--lh-h1: 28px;--lh-title: 24px;--lh-subtitle: 24px;--lh-body: 16px;--lh-caption: 16px;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--transition-base: all .2s ease-in-out;--transition-color: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;--transition-transform: transform .2s ease-in-out;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-none: 0px;--radius-sm: 2px;--radius-base: 4px;--radius-md: 6px;--radius-lg: 8px;--touch-target-min: 44px}:root{--color-black: #000000;--color-white: #FFFFFF;--neutral-1200: #1D1D1D;--neutral-1100: #212121;--neutral-1000: #252525;--neutral-900: #292929;--neutral-800: #3E3E3E;--neutral-700: #545454;--neutral-600: #696969;--neutral-500: #7F7F7F;--neutral-400: #949494;--neutral-300: #A9A9A9;--neutral-200: #BFBFBF;--neutral-100: #D4D4D4;--neutral-50: #EAEAEA}:root{--secondary-700: #534D44;--secondary-600: #706A62;--secondary-500: #8D8881;--secondary-400: #A9A59F;--secondary-300: #B8B4AE;--secondary-200: #C6C3BE;--secondary-100: #D5D1CD;--secondary-50: #E3E0DC}:root{--dark-blue-1000: #0E131F;--dark-blue-900: #111827;--dark-blue-800: #2B3449;--dark-blue-700: #44506A;--dark-blue-600: #5E6D8C;--dark-blue-500: #7E8AA3;--dark-blue-400: #9EA7BA;--dark-blue-300: #BFC5D1;--dark-blue-200: #CFD3DD;--dark-blue-100: #DFE2E8;--dark-blue-50: #EFF0F4;--red-700: #EC2D30;--red-600: #F64C4C;--red-500: #EB6F70;--red-400: #F49898;--red-300: #FFCCD2;--red-200: #FFEBEE;--red-100: #FEF2F2;--red-50: #FFFBFB;--yellow-700: #FE9B0E;--yellow-600: #FFAD0D;--yellow-500: #FFC62B;--yellow-400: #FFDD82;--yellow-300: #FFEAB3;--yellow-200: #FFF7E1;--yellow-100: #FFF9EE;--yellow-50: #FFFDFA;--green-700: #0C9D61;--green-600: #47B881;--green-500: #6BC497;--green-400: #97D4B4;--green-300: #C0E5D1;--green-200: #E5F5EC;--green-100: #F2FAF6;--green-50: #FBFEFC;--blue-700: #3A70E2;--blue-600: #3B82F6;--blue-500: #4BA1FF;--blue-400: #93C8FF;--blue-300: #BDDDFF;--blue-200: #E4F2FF;--blue-100: #F1F8FF;--blue-50: #F8FCFF}.btn{font-family:var(--font-primary);font-weight:var(--fw-bold);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-color),var(--transition-transform);display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;border:1px solid transparent;font-size:16px;line-height:24px;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed}.btn--normal{padding:12px 24px;min-height:44px}.btn--large{padding:12px 24px;min-height:48px}.btn--small{font-size:var(--fs-caption);line-height:var(--lh-caption);padding:8px 16px;min-height:36px}.btn--tiny{font-size:var(--fs-caption);line-height:var(--lh-caption);padding:6px 12px;min-height:28px}.btn--filled{background-color:#1d1d1d;color:#fff;border-color:#1d1d1d}.btn--filled:hover:not(:disabled){background-color:#545454;border-color:#545454}.btn--filled:active:not(:disabled){background-color:#3e3e3e;border-color:#3e3e3e}.btn--filled:disabled{background-color:#eaeaea;color:#bfbfbf;border-color:#eaeaea}.btn--outlined{background-color:transparent;color:#1d1d1d;border-color:#1d1d1d}.btn--outlined:hover:not(:disabled){background-color:#eaeaea;border-color:#1d1d1d;color:#1d1d1d}.btn--outlined:active:not(:disabled){background-color:#d4d4d4;border-color:#1d1d1d;color:#1d1d1d}.btn--outlined:disabled{background-color:transparent;color:#bfbfbf;border-color:#d4d4d4}.btn--neutral{background-color:#696969;color:#fff;border-color:#696969}.btn--neutral:hover:not(:disabled){background-color:#696969;border-color:#696969;color:#fff}.btn--neutral:active:not(:disabled){background-color:#696969;border-color:#696969;color:#fff}.btn--neutral:disabled{background-color:#eaeaea;color:#cfd3dd;border-color:#eaeaea}.btn--text{background-color:transparent;color:#1d1d1d;border-color:transparent;padding-left:0;padding-right:0}.btn--text:hover:not(:disabled){background-color:transparent;color:#1d1d1d;text-decoration:underline}.btn--text:active:not(:disabled){background-color:transparent;color:#1d1d1d;text-decoration:none}.btn--text:disabled{background-color:transparent;color:#bfbfbf;border-color:transparent}.btn__icon{width:20px;height:20px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.btn__icon--small,.btn--small .btn__icon,.btn--tiny .btn__icon{width:16px;height:16px}.btn--icon-prefix .btn__icon{order:0}.btn--icon-prefix .btn__text,.btn--icon-suffix .btn__icon{order:1}.btn--icon-suffix .btn__text{order:0}.btn--icon-only{width:44px;height:44px;padding:0;min-height:auto}.btn--icon-only.btn--large{width:48px;height:48px}.btn--icon-only.btn--small{width:36px;height:36px}.btn--icon-only.btn--tiny{width:28px;height:28px}.btn--view-all{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:10px 16px;font-size:16px;font-weight:var(--fw-bold);line-height:20px;border:1px solid var(--neutral-1200);border-radius:8px;background-color:transparent;color:var(--neutral-1200);text-decoration:none;transition:var(--transition-color);cursor:pointer}.btn--view-all:hover:not(:disabled){background-color:var(--neutral-50);border-color:var(--neutral-1200);color:var(--neutral-1200)}.btn--view-all:active:not(:disabled){background-color:var(--neutral-100);border-color:var(--neutral-1200);color:var(--neutral-1200)}.btn--view-all:disabled{background-color:transparent;color:var(--neutral-300);border-color:var(--neutral-200);cursor:not-allowed}.btn--view-all .btn__icon{width:16px;height:16px;display:inline-flex;flex-shrink:0;transition:var(--transition-transform)}html[dir=rtl] .btn--view-all .btn__icon{transform:scaleX(-1)}.section-resource-list__header h1,.section-resource-list__header h2,.section-resource-list__header h3,.section-resource-list__header h4,.section-resource-list__header h5,.section-resource-list__header h6{font-size:32px;font-weight:var(--fw-semibold);color:var(--neutral-1200);line-height:1.2;display:inline-flex;flex-direction:column;gap:4px}.section-resource-list__header h1:after,.section-resource-list__header h2:after,.section-resource-list__header h3:after,.section-resource-list__header h4:after,.section-resource-list__header h5:after,.section-resource-list__header h6:after{content:"";width:100%;height:2px;background-color:var(--neutral-1200);border-radius:1px}@media screen and (max-width:749px){.section-resource-list__header h1,.section-resource-list__header h2,.section-resource-list__header h3,.section-resource-list__header h4,.section-resource-list__header h5,.section-resource-list__header h6{font-size:24px}.section-resource-list__header h1:after,.section-resource-list__header h2:after,.section-resource-list__header h3:after,.section-resource-list__header h4:after,.section-resource-list__header h5:after,.section-resource-list__header h6:after{display:none}}.collection-title--underlined h1,.collection-title--underlined h2,.collection-title--underlined h3,.collection-title--underlined h4,.collection-title--underlined h5,.collection-title--underlined h6{font-size:32px;font-weight:var(--fw-semibold);color:var(--neutral-1200);line-height:1.2;display:inline-flex;flex-direction:column;gap:4px}.collection-title--underlined h1:after,.collection-title--underlined h2:after,.collection-title--underlined h3:after,.collection-title--underlined h4:after,.collection-title--underlined h5:after,.collection-title--underlined h6:after{content:"";width:100%;height:2px;background-color:var(--neutral-1200);border-radius:1px}@media screen and (max-width:749px){.collection-title--underlined h1,.collection-title--underlined h2,.collection-title--underlined h3,.collection-title--underlined h4,.collection-title--underlined h5,.collection-title--underlined h6{font-size:24px}.collection-title--underlined h1:after,.collection-title--underlined h2:after,.collection-title--underlined h3:after,.collection-title--underlined h4:after,.collection-title--underlined h5:after,.collection-title--underlined h6:after{display:none}}.btn--success{background-color:var(--green-600);color:var(--color-white);border-color:var(--green-600)}.btn--success:hover:not(:disabled){background-color:var(--green-700);border-color:var(--green-700)}.btn--danger{background-color:var(--red-600);color:var(--color-white);border-color:var(--red-600)}.btn--danger:hover:not(:disabled){background-color:var(--red-700);border-color:var(--red-700)}.btn--warning{background-color:var(--yellow-600);color:var(--color-black);border-color:var(--yellow-600)}.btn--warning:hover:not(:disabled){background-color:var(--yellow-700);border-color:var(--yellow-700)}.btn--info{background-color:var(--blue-600);color:var(--color-white);border-color:var(--blue-600)}.btn--info:hover:not(:disabled){background-color:var(--blue-700);border-color:var(--blue-700)}.btn:focus-visible{outline:2px solid var(--neutral-1200);outline-offset:2px}[dir=rtl] .btn__icon{margin-left:auto;margin-right:0}@media(max-width:750px){.btn--normal{padding:12px 20px}.btn--small{padding:8px 12px}}.btn-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-group--vertical{flex-direction:column;width:100%}.btn-group--vertical .btn{width:100%}.btn-group--stretch .btn{flex:1;width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:currentColor;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:var(--fw-bold);margin:0}.title{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-semibold);margin:0}.subtitle{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);font-weight:var(--fw-medium);margin:0}.body{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-regular);margin:0}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-regular);margin:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/femme-design-system.css.map */