/* Shopmart Smart Categories 0.3.4. Desktop values preserved from 0.3.2. */
.smc-root,.smc-popular,.smc-overlay{font-family:'Noto Sans Georgian',Arial,sans-serif}
.smc-root *,.smc-popular *,.smc-overlay *{box-sizing:border-box}
.smc-root .smc-launch{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0!important;padding:10px 20px!important;border-radius:12px!important;background:#c60051!important;color:#fff!important;font:700 14px/1.4 'Noto Sans Georgian',Arial,sans-serif;cursor:pointer;box-shadow:0 4px 16px #89236e24;transition:background .2s,transform .2s}
.smc-root .smc-launch:hover{background:#89236e!important;color:#fff!important;transform:translateY(-1px)}
.smc-overlay[hidden],.smc-panel[hidden]{display:none!important}
.smc-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px;color:#24232a}
.smc-backdrop{position:absolute;inset:0;background:#17151c99}
.smc-dialog{position:relative;background:#fff;width:min(940px,calc(100vw - 36px));max-height:82vh;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;box-shadow:0 25px 90px #0003;color:#24232a}
.smc-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:17px 23px;min-height:66px;border-bottom:1px solid #f0edf2;font-size:18px}
.smc-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0!important;border:1px solid #eee7ed!important;border-radius:50%;font:400 25px/1 Arial,sans-serif!important;background:#faf7fa!important;color:#89236e!important;cursor:pointer;transition:background .18s,transform .18s}
.smc-close:hover{background:#f4e4ee!important;transform:rotate(90deg)}
.smc-header-promotions{margin-left:auto;margin-right:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:8px 12px;background:#fff0f6;color:#89236e!important;font:700 12px/1.4 'Noto Sans Georgian',Arial,sans-serif;text-decoration:none!important}
.smc-header-promotions:hover{background:#f8dfed}
.smc-layout{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
.smc-parent-list{overflow:auto;border-right:1px solid #f0edf2;padding:14px 10px;background:#f7f7f9;display:flex;flex-direction:column;gap:7px}
.smc-parent{width:100%;flex:0 0 auto;min-height:52px;padding:9px 11px!important;border:1px solid #eeebf0!important;border-radius:11px!important;background:#fff!important;gap:10px;font:400 12px/1.45 'Noto Sans Georgian',Arial,sans-serif;position:relative;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#34313b;text-decoration:none!important}
.smc-parent-label{flex:1;min-width:0;line-height:1.45;font-weight:600}
.smc-parent-image{width:43px;height:43px;flex:0 0 43px;object-fit:contain;padding:2px;background:#fff;border-radius:9px}
.smc-parent:hover{background:#f8f0f6!important;color:#89236e!important;border-color:#e6cddd!important}
.smc-parent.is-active{background:#f5e7f0!important;color:#89236e!important;border-color:#e4bdd5!important;box-shadow:inset 3px 0 #89236e}
.smc-panels{padding:18px 21px;overflow:auto;min-height:0}
.smc-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.smc-panel-head h3{font-size:15px;line-height:1.5;font-weight:700;margin:0;min-width:0;overflow-wrap:anywhere}
.smc-panel-head a{font-size:12px;color:#c60051;text-decoration:none;flex-shrink:0}
.smc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
.smc-card{min-width:0;display:flex;align-items:center;gap:8px;background:#f8f8fa;border-radius:12px;padding:8px;min-height:76px;border:1px solid #f1edf1;color:#28242e!important;text-decoration:none!important;transition:background .15s,transform .15s}
.smc-card:hover{border-color:#89236e;background:#fff5f9;box-shadow:0 6px 18px #89236e12;color:#89236e!important;transform:translateY(-2px)}
.smc-image{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;background:white;border-radius:11px;overflow:hidden}
.smc-image img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}
.smc-placeholder{color:#c60051;font-size:23px}
.smc-name{font-size:11.5px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.smc-nested{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px;padding:4px 0 11px 5px;border-bottom:1px solid #f1edf0}
.smc-nested .smc-card{min-height:36px;padding:5px 8px;background:#fff;border-color:#eee8ee;border-radius:10px}
.smc-nested .smc-image{width:32px;height:32px;flex:0 0 32px}
.smc-nested .smc-name{font-size:10.5px;line-height:1.4;font-weight:400}
.smc-mobile-back{display:none}
.smc-no-scroll{overflow:hidden!important}
.smc-fallback-root .smc-root .smc-launch{display:none}
.smc-popular{width:100%;max-width:100%;margin:16px 0 24px}
.smc-popular-title{font-size:17px;font-weight:700;margin-bottom:12px;color:#24232a}
.smc-popular-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible;padding:3px 1px 8px}
.smc-popular-item{width:100%;min-width:0;min-height:142px;border:1px solid #efedf1;border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;scroll-snap-align:start;font:600 11px/1.45 'Noto Sans Georgian',Arial,sans-serif;text-align:center;text-decoration:none!important;overflow-wrap:anywhere;transition:transform .2s,border-color .2s}
.smc-popular-row .smc-popular-item{background:#f7f5f7!important;color:#27212b!important;box-shadow:none!important}
.smc-popular-row .smc-popular-item:hover{transform:translateY(-2px);border-color:#89236e!important;background:#fbf0f7!important;color:#89236e!important}
.smc-popular-img{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;background:#f7f7f9;border-radius:12px;color:#c60051}
.smc-popular-img img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.smc-popular-row .smc-popular-all{background:#f5e9f1!important;border-color:#e8d2e1!important;color:#89236e!important}
.smc-popular-row .smc-popular-all:hover{background:#eed8e8!important}
.smc-popular-all-icon,.smc-promo-icon{width:66px;height:66px;flex-shrink:0;display:grid;place-items:center;color:#89236e}
.smc-popular-all-icon svg{width:43px;height:43px;display:block}
.smc-promo-icon svg{width:44px;height:44px;display:block}
.smc-popular-all-label,.smc-promo-label{font-weight:750;color:#89236e}
.smc-popular-row .smc-popular-promotions,.smc-promo-nav{background:#fff0f6!important;color:#89236e!important;border:1px solid #eac6dd!important}
.smc-popular-row .smc-popular-promotions:hover,.smc-promo-nav:hover{background:#f8dfed!important;border-color:#89236e!important}
.smc-promo-nav-symbol{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;background:#fff;border-radius:9px;font-size:22px;font-weight:700;color:#89236e}
.smc-overlay :focus-visible,.smc-launch:focus-visible,.smc-popular-item:focus-visible{outline:2px solid #89236e!important;outline-offset:2px}
@media(min-width:1001px){
 .smc-popular-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
 .smc-popular-item{min-height:124px;padding:9px 5px;gap:6px}
 .smc-popular-img{background:transparent}
 .smc-popular-img img{width:100%;height:100%}
 .smc-popular-all-icon,.smc-promo-icon{width:65px;height:65px}
}
@media(min-width:768px) and (max-width:1000px){.smc-popular-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){
 .smc-overlay{padding:0;align-items:stretch}
 .smc-dialog{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;box-shadow:none}
 .smc-header{min-height:64px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));gap:8px;font-size:16px}
 .smc-header strong{font-size:16px;line-height:1.4}
 .smc-header-promotions{margin-right:4px;font-size:11px;padding:8px 10px;white-space:nowrap}
 .smc-close{width:44px;height:44px;flex-basis:44px;font-size:24px!important}
 .smc-layout{display:block;flex:1 1 auto;min-height:0;overflow:hidden;position:relative}
 .smc-parent-list{display:flex;gap:9px;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px calc(24px + env(safe-area-inset-bottom));background:#fbfafc;border:0}
 .smc-parent{min-height:65px;padding:10px 12px!important;gap:12px;font-size:13px;border-radius:12px!important}
 .smc-parent-image{width:46px;height:46px;flex-basis:46px}
 .smc-panels{display:none;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px calc(28px + env(safe-area-inset-bottom))}
 .smc-show-panel .smc-parent-list{display:none}
 .smc-show-panel .smc-panels{display:block}
 .smc-overlay .smc-mobile-back{flex:0 0 auto;align-self:flex-start;width:auto!important;max-width:calc(100% - 28px);min-height:44px;height:auto;margin:8px 14px 0;padding:8px 14px!important;border:1px solid #e8d2e1!important;border-radius:10px!important;background:#f5e9f1!important;color:#89236e!important;box-shadow:none!important;text-align:left;font:700 12px/1.45 'Noto Sans Georgian',Arial,sans-serif;cursor:pointer}
 .smc-overlay.smc-show-panel .smc-mobile-back{display:inline-flex;align-items:center;justify-content:center}
 .smc-overlay .smc-mobile-back:hover,.smc-overlay .smc-mobile-back:active,.smc-overlay .smc-mobile-back:focus{background:#eed8e8!important;color:#89236e!important;border-color:#89236e!important;box-shadow:none!important}
 .smc-panel-head{gap:12px;margin-bottom:16px;flex-wrap:wrap}
 .smc-panel-head h3{font-size:15px;line-height:1.45}
 .smc-panel-head a{margin:0;min-height:44px;display:inline-flex;align-items:center;font-size:12px}
 .smc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .smc-card{flex-direction:column;justify-content:center;min-height:122px;padding:12px 8px;gap:8px;text-align:center}
 .smc-image{width:80px;height:80px;flex-basis:80px}
 .smc-group-card{grid-column:1/-1;flex-direction:row;justify-content:flex-start;min-height:104px;padding:12px;gap:14px;text-align:left}
 .smc-group-card .smc-name{font-size:13px}
 .smc-name{font-size:12px;line-height:1.45}
 .smc-nested{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px;padding:0 0 12px;border-bottom:1px solid #f0e9ef}
 .smc-nested .smc-card{flex-direction:column;justify-content:center;text-align:center;min-height:140px;padding:10px 8px;gap:8px}
 .smc-nested .smc-image{width:64px;height:64px;flex:0 0 64px}
 .smc-nested .smc-name{font-size:11.5px;line-height:1.45;font-weight:600}
 .smc-popular-title{font-size:15px}
 .smc-popular-row{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 27px)/3.4);gap:10px 9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 2px 12px;scrollbar-width:thin}
 .smc-popular-item{width:100%;min-height:136px;padding:10px 5px;font-size:11px;gap:7px}
 .smc-popular-img,.smc-popular-all-icon,.smc-promo-icon{width:68px;height:68px}
 .smc-popular-img img{width:100%;height:100%}
 .smc-popular-all-icon svg,.smc-promo-icon svg{width:39px;height:39px}
}
@media(max-width:359px){
 .smc-header{padding-left:12px;padding-right:12px}
 .smc-header-promotions{font-size:10px;padding:7px}
 .smc-panels{padding-left:10px;padding-right:10px}
 .smc-grid,.smc-nested{gap:7px}
 .smc-name{font-size:11px}
 .smc-nested .smc-name{font-size:11px}
 .smc-popular-img,.smc-popular-all-icon,.smc-promo-icon{width:60px;height:60px}
}
@media(prefers-reduced-motion:reduce){.smc-overlay *,.smc-root *,.smc-popular *{transition:none!important}}
