.flatpickr-calendar{background:transparent;overflow:hidden;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:315px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;overflow:visible;max-height:640px}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:28px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;line-height:16px;height:28px;padding:10px calc(3.57% - 1.5px);z-index:3}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#959ea9}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.05);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute;top:33%}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6)}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6)}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:6.16px 0 0;line-height:1;height:28px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month.slideLeft{-webkit-transform:translate3d(-100%,0px,0px);transform:translate3d(-100%,0,0);-webkit-animation:fpFadeOut .4s ease,fpSlideLeft .4s cubic-bezier(.23,1,.32,1);animation:fpFadeOut .4s ease,fpSlideLeft .4s cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideLeftNew{-webkit-transform:translate3d(100%,0px,0px);transform:translate3d(100%,0,0);-webkit-animation:fpFadeIn .4s ease,fpSlideLeftNew .4s cubic-bezier(.23,1,.32,1);animation:fpFadeIn .4s ease,fpSlideLeftNew .4s cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRight{-webkit-transform:translate3d(100%,0px,0px);transform:translate3d(100%,0,0);-webkit-animation:fpFadeOut .4s ease,fpSlideRight .4s cubic-bezier(.23,1,.32,1);animation:fpFadeOut .4s ease,fpSlideRight .4s cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRightNew{-webkit-transform:translate3d(0,0,0px);transform:translateZ(0);-webkit-animation:fpFadeIn .4s ease,fpSlideRightNew .4s cubic-bezier(.23,1,.32,1);animation:fpFadeIn .4s ease,fpSlideRightNew .4s cubic-bezier(.23,1,.32,1)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:default;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:315px;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;height:28px}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;width:315px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:315px;min-width:315px;max-width:315px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.flatpickr-calendar.animate .dayContainer.slideLeft{-webkit-animation:fpFadeOut .4s cubic-bezier(.23,1,.32,1),fpSlideLeft .4s cubic-bezier(.23,1,.32,1);animation:fpFadeOut .4s cubic-bezier(.23,1,.32,1),fpSlideLeft .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-transform:translate3d(-100%,0px,0px);transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-animation:fpFadeIn .4s cubic-bezier(.23,1,.32,1),fpSlideLeft .4s cubic-bezier(.23,1,.32,1);animation:fpFadeIn .4s cubic-bezier(.23,1,.32,1),fpSlideLeft .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{-webkit-animation:fpFadeOut .4s cubic-bezier(.23,1,.32,1),fpSlideRight .4s cubic-bezier(.23,1,.32,1);animation:fpFadeOut .4s cubic-bezier(.23,1,.32,1),fpSlideRight .4s cubic-bezier(.23,1,.32,1);-webkit-transform:translate3d(100%,0px,0px);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{-webkit-animation:fpFadeIn .4s cubic-bezier(.23,1,.32,1),fpSlideRightNew .4s cubic-bezier(.23,1,.32,1);animation:fpFadeIn .4s cubic-bezier(.23,1,.32,1),fpSlideRightNew .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:40px;height:40px;line-height:40px;margin:0;display:inline-block;position:relative;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange,.flatpickr-day.startRange.startRange+.endRange,.flatpickr-day.endRange.startRange+.endRange{-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{pointer-events:none}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;max-width:none}.flatpickr-innerContainer{display:block;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fpSlideLeft{0%{-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0px,0px);transform:translate3d(-100%,0,0)}}@keyframes fpSlideLeft{0%{-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0px,0px);transform:translate3d(-100%,0,0)}}@-webkit-keyframes fpSlideLeftNew{0%{-webkit-transform:translate3d(100%,0px,0px);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}}@keyframes fpSlideLeftNew{0%{-webkit-transform:translate3d(100%,0px,0px);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}}@-webkit-keyframes fpSlideRight{0%{-webkit-transform:translate3d(0,0,0px);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0px,0px);transform:translate3d(100%,0,0)}}@keyframes fpSlideRight{0%{-webkit-transform:translate3d(0,0,0px);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0px,0px);transform:translate3d(100%,0,0)}}@-webkit-keyframes fpSlideRightNew{0%{-webkit-transform:translate3d(-100%,0,0px);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0px);transform:translateZ(0)}}@keyframes fpSlideRightNew{0%{-webkit-transform:translate3d(-100%,0,0px);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0px);transform:translateZ(0)}}@-webkit-keyframes fpFadeOut{0%{opacity:1}to{opacity:0}}@keyframes fpFadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fpFadeIn{0%{opacity:0}to{opacity:1}}
/* Yadak Store - Bagisto storefront skin */
:root {
    --ys-primary: #d92f3d;
    --ys-primary-dark: #b71f2b;
    --ys-accent: #0f5aa6;
    --ys-ink: #24262b;
    --ys-muted: #6b7280;
    --ys-line: #e5e7eb;
    --ys-bg: #f5f6f8;
    --ys-card: #ffffff;
    --ys-green: #14936e;
    --ys-radius: 16px;
    --ys-shadow: 0 8px 30px rgba(31, 41, 55, .08);
}

html { scroll-behavior: smooth; }
body {
    color: var(--ys-ink);
    background: #fff;
    font-family: Vazirmatn, IRANSansX, IRANSans, Tahoma, Arial, sans-serif !important;
}

.ys-container {
    width: min(1440px, calc(100% - 48px));
    margin-inline: auto;
}

/* Header */
.ys-desktop-header { width: 100%; background: #fff; }
.ys-desktop-header__main {
    min-height: 76px;
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(380px, 1fr) auto;
    align-items: center;
    gap: 28px;
}
.ys-brand-wrap { display: flex; align-items: center; }
.ys-brand { display: inline-flex; align-items: center; max-width: 180px; }
.ys-brand img { display: block; max-width: 100%; max-height: 46px; width: auto; height: auto; }

.ys-main-search { width: 100%; }
.ys-main-search form {
    height: 48px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 12px;
    background: #f1f2f4;
    border: 1px solid transparent;
    transition: .2s ease;
    overflow: hidden;
}
.ys-main-search form:focus-within { background: #fff; border-color: #c9cdd3; box-shadow: 0 0 0 3px rgba(15,90,166,.08); }
.ys-search-icon {
    position: absolute;
    inset-inline-start: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #6f747c;
    z-index: 2;
}
.ys-main-search input {
    width: 100%;
    height: 100%;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    padding-inline: 48px 92px !important;
    font: inherit;
    font-size: 13px;
    color: var(--ys-ink);
}
.ys-main-search button {
    position: absolute;
    inset-inline-end: 5px;
    height: 38px;
    min-width: 78px;
    border: 0;
    border-radius: 9px;
    background: var(--ys-primary);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.ys-main-search button:hover { background: var(--ys-primary-dark); }

.ys-header-actions { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.ys-account-button, .ys-icon-button {
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--ys-line);
    border-radius: 10px;
    background: #fff;
    color: #34363a;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    padding: 0 13px;
    cursor: pointer;
}
.ys-account-button > span:first-child, .ys-icon-button > span { font-size: 21px; }
.ys-icon-button { width: 42px; padding: 0; }
.ys-account-button:hover, .ys-icon-button:hover { border-color: #c8cbd0; background: #fafafa; }
.ys-cart-wrap { min-width: 42px; display: flex; justify-content: center; }

.ys-account-dropdown { width: 300px; padding: 5px; }
.ys-account-dropdown strong { display: block; font-size: 15px; margin-bottom: 7px; }
.ys-account-dropdown p { color: var(--ys-muted); font-size: 12px; line-height: 1.9; }
.ys-account-dropdown__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 15px; }
.ys-btn { display: inline-flex; min-height: 39px; align-items: center; justify-content: center; border-radius: 9px; font-size: 12px; font-weight: 700; }
.ys-btn--primary { background: var(--ys-primary); color: #fff; }
.ys-btn--outline { border: 1px solid var(--ys-line); color: var(--ys-ink); }
.ys-account-dropdown--user { display: grid; gap: 3px; }
.ys-account-dropdown--user a { padding: 9px 10px; border-radius: 8px; font-size: 12px; }
.ys-account-dropdown--user a:hover { background: #f4f5f6; }

.ys-nav-row { border-top: 1px solid #f0f1f2; border-bottom: 1px solid #e8eaed; background: #fff; }
.ys-nav-row__inner { height: 46px; display: flex; align-items: stretch; gap: 22px; position: relative; }
.ys-category-menu { position: relative; height: 100%; }
.ys-category-menu__toggle {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #303238;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    padding: 0 2px 0 16px;
    cursor: pointer;
}
.ys-category-menu__toggle:hover { color: var(--ys-primary); border-bottom-color: var(--ys-primary); }
.ys-category-menu__toggle .icon-hamburger { font-size: 19px; }

.ys-quick-nav { display: flex; align-items: stretch; gap: 4px; }
.ys-quick-nav a {
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #686d75;
    font-size: 12px;
    position: relative;
}
.ys-quick-nav a:hover { color: var(--ys-primary); }
.ys-nav-badge { margin-inline-start: auto; align-self: center; color: var(--ys-green); font-size: 11px; font-weight: 800; }

.ys-mega {
    position: absolute;
    top: calc(100% + 1px);
    inset-inline-start: 0;
    width: min(1120px, calc(100vw - 64px));
    min-height: 450px;
    display: grid;
    grid-template-columns: 235px 1fr;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,.14);
    overflow: hidden;
    z-index: 200;
}
.ys-mega__rail { background: #f5f6f7; padding: 8px 0; overflow: auto; max-height: 520px; }
.ys-mega__rail > a {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 16px;
    color: #45484f;
    font-size: 12px;
    border-inline-start: 3px solid transparent;
}
.ys-mega__rail > a:hover, .ys-mega__rail > a.is-active { background: #fff; color: var(--ys-primary); border-inline-start-color: var(--ys-primary); font-weight: 800; }
.ys-mega__rail .icon-arrow-left { font-size: 10px; }
.ys-mega__content { padding: 22px 26px; overflow: auto; max-height: 520px; }
.ys-mega__top { padding-bottom: 14px; border-bottom: 1px solid #f0f1f2; margin-bottom: 18px; }
.ys-mega__top a { color: var(--ys-accent); font-size: 12px; font-weight: 800; }
.ys-mega__columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 30px; }
.ys-mega__column { display: flex; flex-direction: column; gap: 9px; }
.ys-mega__title { color: #24262b; font-size: 13px; font-weight: 900; padding-inline-start: 9px; border-inline-start: 2px solid var(--ys-primary); }
.ys-mega__link { color: #777c84; font-size: 11.5px; line-height: 1.6; }
.ys-mega__link:hover { color: var(--ys-primary); }
.ys-mega__empty { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; color: var(--ys-muted); }
.ys-mega__empty a { background: var(--ys-primary); color: #fff; padding: 8px 15px; border-radius: 8px; }

/* Home */
.ys-home { background: var(--ys-bg); padding-bottom: 34px; overflow: clip; }
.ys-hero-shell { padding: 16px 0 0; }
.ys-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 318px; gap: 14px; align-items: stretch; }
.ys-hero-main { min-width: 0; border-radius: var(--ys-radius); overflow: hidden; background: #e9ebee; min-height: 330px; box-shadow: 0 1px 0 rgba(0,0,0,.02); }
.ys-hero-main > * { margin: 0 !important; max-width: none !important; width: 100% !important; }
.ys-hero-main img { border-radius: var(--ys-radius) !important; }
.ys-hero-fallback { min-height: 330px; display: flex; align-items: center; padding: 48px; background: linear-gradient(135deg,#e8eef7,#fff 58%,#f9e8e9); }
.ys-hero-fallback h1 { font-size: 34px; line-height: 1.5; font-weight: 900; margin: 7px 0 8px; }
.ys-hero-fallback p { color: var(--ys-muted); font-size: 14px; }

.ys-finder-card {
    min-height: 330px;
    padding: 25px;
    border-radius: var(--ys-radius);
    background: linear-gradient(155deg, #17191e 0%, #282c35 62%, #303642 100%);
    color: #fff;
    box-shadow: var(--ys-shadow);
    position: relative;
    overflow: hidden;
}
.ys-finder-card::after { content: ''; position: absolute; width: 180px; height: 180px; border: 35px solid rgba(255,255,255,.04); border-radius: 50%; inset-inline-end: -65px; bottom: -75px; }
.ys-finder-kicker { display: inline-block; color: #ffb9bf; font-size: 11px; font-weight: 800; margin-bottom: 12px; }
.ys-finder-card h2 { font-size: 23px; line-height: 1.55; font-weight: 900; }
.ys-finder-card p { color: #c8cbd1; font-size: 12px; line-height: 1.9; margin-top: 5px; }
.ys-finder-form { margin-top: 24px; position: relative; z-index: 2; }
.ys-finder-input-wrap { position: relative; }
.ys-finder-input-wrap > span { position: absolute; top: 50%; transform: translateY(-50%); inset-inline-start: 13px; color: #7d8189; font-size: 18px; }
.ys-finder-input-wrap input { width: 100%; height: 48px; border: 0; outline: 0; border-radius: 10px; background: #fff; color: #222; padding: 0 42px 0 12px; font: inherit; font-size: 11.5px; }
.ys-finder-form > button { width: 100%; height: 44px; margin-top: 9px; border: 0; border-radius: 10px; background: var(--ys-primary); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.ys-finder-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; position: relative; z-index: 2; }
.ys-finder-tags a { padding: 5px 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #e9eaec; font-size: 10px; }

.ys-shortcuts-section { padding: 28px 0 2px; }
.ys-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.ys-section-heading h2 { font-size: 21px; font-weight: 900; }
.ys-section-heading--compact { margin-bottom: 13px; }
.ys-eyebrow { display: block; color: var(--ys-primary); font-size: 10px; font-weight: 900; letter-spacing: .3px; margin-bottom: 4px; }

.ys-quick-category-grid { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 10px; }
.ys-quick-category { min-width: 0; min-height: 126px; padding: 13px 8px 10px; border: 1px solid #eaebed; border-radius: 14px; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; transition: .2s ease; }
.ys-quick-category:hover { transform: translateY(-3px); box-shadow: 0 9px 24px rgba(0,0,0,.07); border-color: #dfe1e5; }
.ys-quick-category-media { width: 68px; height: 68px; border-radius: 18px; background: #f4f5f6; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ys-quick-category-media img { width: 100%; height: 100%; object-fit: contain; }
.ys-quick-category-fallback { width: 100%; height: 100%; display: grid; place-items: center; font-size: 26px; font-weight: 900; color: var(--ys-primary); background: #fff1f2; }
.ys-quick-category-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #34363a; font-size: 11px; font-weight: 800; }
.ys-quick-category--loading { min-height: 126px; background: linear-gradient(90deg,#f1f2f3,#fafafa,#f1f2f3); background-size: 200% 100%; animation: ysShimmer 1.25s infinite; }
@keyframes ysShimmer { to { background-position: -200% 0; } }

.ys-section { padding-top: 22px; }
.ys-section-card { background: #fff; border: 1px solid #e9eaec; border-radius: var(--ys-radius); padding: 0 18px 22px; overflow: hidden; }
.ys-section-card .container { max-width: none !important; width: 100% !important; padding-inline: 0 !important; }
.ys-section-card .mt-14 { margin-top: 24px !important; }
.ys-category-section .ys-section-card { padding-bottom: 16px; }
.ys-category-section a[class*="rounded-full"] { border: 1px solid #eceef0; background: #f7f8f9 !important; }
.ys-category-section p { font-family: inherit !important; }

.ys-deal-shell {
    position: relative;
    border-radius: 18px;
    padding: 14px 16px 16px;
    background: linear-gradient(135deg, #d92f3d, #ee4d5a);
    overflow: hidden;
}
.ys-deal-shell::before { content: ''; position: absolute; width: 340px; height: 340px; border-radius: 50%; border: 65px solid rgba(255,255,255,.055); inset-inline-start: -170px; top: -160px; }
.ys-deal-label { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; color: #fff; padding: 6px 5px 0; }
.ys-deal-label span { border: 1px solid rgba(255,255,255,.45); border-radius: 999px; padding: 5px 9px; font-size: 10px; }
.ys-deal-label strong { font-size: 16px; }
.ys-deal-shell .container { max-width: none !important; width: 100% !important; padding-inline: 0 !important; margin-top: 12px !important; position: relative; z-index: 2; }
.ys-deal-shell [class*="rounded"] { border-radius: 12px; }

.ys-static-section { padding-top: 20px; }
.ys-static-section img { border-radius: var(--ys-radius); }

.ys-confidence-section { padding-top: 26px; }
.ys-confidence-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.ys-confidence-grid article { display: flex; align-items: center; gap: 12px; min-height: 86px; padding: 15px 16px; background: #fff; border: 1px solid #e9eaec; border-radius: 14px; }
.ys-confidence-icon { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 12px; background: #eef5fb; color: var(--ys-accent); font-weight: 900; }
.ys-confidence-grid strong { display: block; font-size: 12px; margin-bottom: 4px; }
.ys-confidence-grid small { color: #7b7f86; font-size: 10px; }

/* Generic card polish inside storefront */
.ys-home .group[class*="rounded"],
.ys-home [class*="product-card"] {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ys-home .group[class*="rounded"]:hover,
.ys-home [class*="product-card"]:hover {
    transform: translateY(-2px);
}

/* Footer */
.ys-footer { background: #fff; border-top: 1px solid #e5e7eb; color: #34363a; margin-top: 0; }
.ys-footer__top { display: grid; grid-template-columns: 1.2fr 2fr 1.25fr; gap: 54px; padding: 44px 0 38px; }
.ys-footer__logo { display: inline-flex; margin-bottom: 16px; }
.ys-footer__logo img { max-width: 165px; max-height: 48px; width: auto; }
.ys-footer__brand p { max-width: 360px; color: #73777e; font-size: 11.5px; line-height: 2; }
.ys-footer__backtop { display: inline-flex; margin-top: 18px; color: var(--ys-accent); font-size: 11px; font-weight: 800; }
.ys-footer__links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
.ys-footer__column { display: flex; flex-direction: column; gap: 11px; }
.ys-footer__column strong { font-size: 13px; margin-bottom: 4px; }
.ys-footer__column a { color: #777b82; font-size: 11px; }
.ys-footer__column a:hover { color: var(--ys-primary); }
.ys-footer__newsletter strong { display: block; font-size: 13px; }
.ys-footer__newsletter p { color: #7b7f86; font-size: 11px; margin: 7px 0 13px; }
.ys-newsletter-form { display: flex; align-items: stretch; gap: 7px; }
.ys-newsletter-form input { min-width: 0 !important; width: 100% !important; height: 42px !important; border: 1px solid #dfe1e4 !important; border-radius: 9px !important; background: #f7f8f9 !important; padding: 0 12px !important; font: inherit !important; font-size: 11px !important; }
.ys-newsletter-form button { flex: 0 0 auto; border: 0; border-radius: 9px; background: var(--ys-primary); color: #fff; padding: 0 15px; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.ys-footer__bottom { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #eceef0; color: #858991; font-size: 10.5px; }

/* Mobile polish for Bagisto default mobile header */
@media (max-width: 1023px) {
    .ys-container { width: min(100% - 28px, 1440px); }
    header { position: sticky !important; top: 0; z-index: 100 !important; }
    header > div { background: #fff; }
    header form input[name="query"] { background: #f3f4f6 !important; border-color: transparent !important; }
    .ys-hero-grid { grid-template-columns: 1fr; }
    .ys-finder-card { min-height: 250px; }
    .ys-hero-main, .ys-hero-fallback { min-height: 280px; }
    .ys-quick-category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .ys-confidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ys-footer__top { grid-template-columns: 1fr 1.5fr; }
    .ys-footer__newsletter { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
    .ys-container { width: calc(100% - 20px); }
    .ys-home { padding-bottom: 18px; }
    .ys-hero-shell { padding-top: 8px; }
    .ys-hero-grid { gap: 8px; }
    .ys-hero-main, .ys-hero-fallback { min-height: 190px; border-radius: 12px; }
    .ys-hero-main img { border-radius: 12px !important; }
    .ys-hero-fallback { padding: 24px; }
    .ys-hero-fallback h1 { font-size: 23px; }
    .ys-finder-card { min-height: auto; padding: 19px; border-radius: 12px; }
    .ys-finder-card h2 { font-size: 19px; }
    .ys-finder-form { margin-top: 16px; }
    .ys-shortcuts-section { padding-top: 18px; }
    .ys-section-heading h2 { font-size: 17px; }
    .ys-quick-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
    .ys-quick-category { min-height: 104px; padding: 9px 5px; border-radius: 11px; }
    .ys-quick-category-media { width: 54px; height: 54px; border-radius: 14px; }
    .ys-quick-category-name { font-size: 9.5px; }
    .ys-section { padding-top: 12px; }
    .ys-section-card { border-radius: 12px; padding: 0 10px 12px; }
    .ys-deal-shell { width: calc(100% - 20px); padding: 10px; border-radius: 12px; }
    .ys-deal-label { padding-top: 1px; }
    .ys-confidence-section { padding-top: 15px; }
    .ys-confidence-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
    .ys-confidence-grid article { min-height: 72px; padding: 10px; border-radius: 11px; gap: 8px; }
    .ys-confidence-icon { width: 34px; height: 34px; flex-basis: 34px; border-radius: 9px; }
    .ys-confidence-grid strong { font-size: 10px; }
    .ys-confidence-grid small { font-size: 8.5px; line-height: 1.6; }
    .ys-footer__top { grid-template-columns: 1fr; gap: 26px; padding: 28px 0 24px; }
    .ys-footer__links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .ys-footer__newsletter { grid-column: auto; }
    .ys-footer__bottom { flex-direction: column; justify-content: center; text-align: center; padding: 13px 0; }
}

/* Product cards and marketplace carousels */
.ys-products-carousel { width: 100%; padding-top: 22px; }
.ys-products-carousel__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 4px 15px; }
.ys-products-carousel__header h2 { margin: 0; font-size: 21px; line-height: 1.5; font-weight: 900; color: #282a2f; }
.ys-products-carousel__header-actions { display: flex; align-items: center; gap: 7px; }
.ys-products-carousel__header-actions > a { color: var(--ys-accent); font-size: 11px; font-weight: 800; margin-inline-end: 5px; }
.ys-products-carousel__header-actions > button { width: 34px; height: 34px; border: 1px solid #e1e3e6; border-radius: 50%; background: #fff; color: #404349; display: grid; place-items: center; cursor: pointer; }
.ys-products-carousel__header-actions > button:hover { border-color: #bfc3c9; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.ys-products-carousel__track { display: flex; gap: 10px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: 1px 1px 6px; }
.ys-products-carousel__track::-webkit-scrollbar { display: none; }
.ys-products-carousel__item { flex: 0 0 270px; min-width: 270px; }

.ys-product-card { width: 100%; height: 100%; min-height: 430px; display: flex; flex-direction: column; border: 1px solid #eceef0; border-radius: 13px; background: #fff; overflow: hidden; transition: .2s ease; position: relative; }
.ys-product-card:hover { border-color: #dadde1; box-shadow: 0 9px 24px rgba(28,33,40,.08); transform: translateY(-2px); }
.ys-product-card__media { height: 245px; position: relative; padding: 12px 12px 0; background: #fff; }
.ys-product-card__image-link { width: 100%; height: 100%; display: block; border-radius: 10px; overflow: hidden; background: #f7f8f9; }
.ys-product-card__img { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block; transition: transform .25s ease; }
.ys-product-card:hover .ys-product-card__img { transform: scale(1.025); }
.ys-product-card__badge { position: absolute; top: 18px; inset-inline-start: 18px; z-index: 2; color: #fff; padding: 4px 8px; border-radius: 999px; font-size: 9.5px; font-weight: 900; }
.ys-product-card__badge--sale { background: var(--ys-primary); }
.ys-product-card__badge--new { background: var(--ys-accent); }
.ys-product-card__floating-actions { position: absolute; top: 17px; inset-inline-end: 17px; z-index: 3; display: grid; gap: 6px; opacity: 0; transform: translateX(-4px); transition: .18s ease; }
.ys-product-card:hover .ys-product-card__floating-actions { opacity: 1; transform: none; }
.ys-product-card__round-action { width: 34px; height: 34px; border: 1px solid #e1e3e6; background: rgba(255,255,255,.96); color: #555960; border-radius: 50%; display: grid; place-items: center; font-size: 17px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.ys-product-card__round-action:hover, .ys-product-card__round-action.is-active { color: var(--ys-primary); border-color: #f1c2c6; }
.ys-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 12px 13px 13px; }
.ys-product-card__name { color: #303238; font-size: 12px; font-weight: 750; line-height: 1.9; height: 46px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ys-product-card__name:hover { color: var(--ys-accent); }
.ys-product-card__meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; min-height: 21px; }
.ys-product-card__availability { font-size: 9.5px; font-weight: 800; }
.ys-product-card__availability.is-in-stock { color: var(--ys-green); }
.ys-product-card__availability.is-out-stock { color: #9aa0a8; }
.ys-product-card__rating { font-size: 9.5px; color: #52565d; direction: ltr; }
.ys-product-card__rating span { color: #f7b500; }
.ys-product-card__price { min-height: 42px; display: flex; align-items: flex-end; justify-content: flex-end; margin-top: 7px; color: #202329; font-size: 13px; font-weight: 900; text-align: end; }
.ys-product-card__price * { font-family: inherit !important; }
.ys-product-card__cart { width: 100%; min-height: 38px; margin-top: auto; border: 1px solid #efd1d4; border-radius: 9px; background: #fff; color: var(--ys-primary); display: flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 10px; font: inherit; font-size: 10.5px; font-weight: 900; cursor: pointer; transition: .18s ease; }
.ys-product-card__cart:hover:not(:disabled) { background: var(--ys-primary); border-color: var(--ys-primary); color: #fff; }
.ys-product-card__cart:disabled { opacity: .48; cursor: default; }
.ys-product-card__cart .icon-cart { font-size: 16px; }

.ys-product-list-card { width: 100%; min-height: 235px; display: grid; grid-template-columns: 220px 1fr; gap: 20px; border: 1px solid #e7e9ec; border-radius: 14px; padding: 12px; background: #fff; }
.ys-product-list-card__media { display: block; min-height: 210px; background: #f7f8f9; border-radius: 10px; overflow: hidden; }
.ys-product-list-card__img { width: 100% !important; height: 210px !important; object-fit: contain !important; }
.ys-product-list-card__body { display: flex; flex-direction: column; gap: 15px; padding: 7px 5px; }
.ys-product-list-card__name { font-size: 15px; font-weight: 850; line-height: 1.8; color: #2c2f34; }
.ys-product-list-card__actions { display: flex; align-items: center; gap: 9px; margin-top: auto; }
.ys-product-list-card__actions .ys-product-card__cart { width: auto; min-width: 160px; margin-top: 0; }

.ys-categories-carousel { padding-top: 20px; }
.ys-categories-carousel__grid { display: grid; grid-template-columns: repeat(8, minmax(0,1fr)); gap: 11px; }
.ys-category-tile { min-width: 0; min-height: 145px; padding: 12px 7px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; border: 1px solid #eceef0; border-radius: 13px; background: #fff; transition: .18s ease; }
.ys-category-tile:hover { border-color: #d9dce0; box-shadow: 0 7px 20px rgba(0,0,0,.055); transform: translateY(-2px); }
.ys-category-tile__media { width: 88px; height: 88px; display: grid; place-items: center; border-radius: 22px; background: #f4f5f7; overflow: hidden; }
.ys-category-tile__img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.ys-category-tile__name { width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; font-weight: 800; color: #383b40; }

.ys-deal-shell .ys-products-carousel__header h2,
.ys-deal-shell .ys-products-carousel__header .ys-eyebrow { color: #fff; }
.ys-deal-shell .ys-products-carousel__header .ys-eyebrow { opacity: .78; }
.ys-deal-shell .ys-products-carousel__header-actions > a { color: #fff; }
.ys-deal-shell .ys-product-card { border-color: rgba(255,255,255,.42); }

@media (max-width: 1100px) {
    .ys-products-carousel__item { flex-basis: 240px; min-width: 240px; }
    .ys-product-card { min-height: 400px; }
    .ys-product-card__media { height: 218px; }
    .ys-categories-carousel__grid { grid-template-columns: repeat(6, minmax(0,1fr)); }
}

@media (max-width: 767px) {
    .ys-products-carousel { padding-top: 13px; }
    .ys-products-carousel__header { padding: 0 1px 10px; }
    .ys-products-carousel__header h2 { font-size: 16px; }
    .ys-products-carousel__header-actions > button { display: none; }
    .ys-products-carousel__header-actions > a { font-size: 9.5px; }
    .ys-products-carousel__track { gap: 7px; }
    .ys-products-carousel__item { flex-basis: 178px; min-width: 178px; }
    .ys-product-card { min-height: 338px; border-radius: 10px; }
    .ys-product-card__media { height: 168px; padding: 7px 7px 0; }
    .ys-product-card__body { padding: 8px; }
    .ys-product-card__name { font-size: 10.5px; height: 39px; line-height: 1.85; }
    .ys-product-card__meta { margin-top: 4px; }
    .ys-product-card__price { min-height: 34px; font-size: 11px; }
    .ys-product-card__cart { min-height: 34px; font-size: 9px; border-radius: 8px; }
    .ys-product-card__floating-actions { opacity: 1; top: 11px; inset-inline-end: 11px; transform: none; }
    .ys-product-card__round-action { width: 29px; height: 29px; font-size: 14px; }
    .ys-product-card__badge { top: 11px; inset-inline-start: 11px; font-size: 8px; }
    .ys-categories-carousel__grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 7px; }
    .ys-category-tile { min-height: 112px; padding: 8px 4px; border-radius: 10px; }
    .ys-category-tile__media { width: 66px; height: 66px; border-radius: 17px; }
    .ys-category-tile__name { font-size: 9px; }
    .ys-product-list-card { grid-template-columns: 115px 1fr; gap: 10px; min-height: 150px; padding: 8px; }
    .ys-product-list-card__media, .ys-product-list-card__img { min-height: 130px !important; height: 130px !important; }
    .ys-product-list-card__name { font-size: 11px; }
    .ys-product-list-card__actions .ys-product-card__cart { min-width: 120px; }
}