.storeContainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .storeContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .storeContainer {
        width: 933px;
    }
}

@media (min-width: 1160px) {
    .storeContainer {
        width: 1027px;
    }
}

@media (min-width: 1200px) {
    .storeContainer {
        width: 1200px;
    }
}

@media (min-width: 1440px) {
    .storeContainer {
        width: 1240px;
    }
}


.storeContainer > .navbar-header,
.container-fluid > .navbar-header,
.storeContainer > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .storeContainer > .navbar-header,
    .container-fluid > .navbar-header,
    .storeContainer > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.storeContainer .jumbotron,
.container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
}

.jumbotron .storeContainer {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .storeContainer .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.storeContainer:before,
.storeContainer:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.storeContainer:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.store-social {
    position: absolute;
    float: left;
    top: 15px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #222;
    font-size: 23px !important;
    width: 200px;
    padding-left: 0px;
}

    .store-social a {
        color: #222;
        font-size: 23px !important;
    }

ul.store-social li {
    display: inline;
}

#storeSocialLinks ul li {
    list-style: circle;
    list-style-type: circle;
    padding: 3px;
    margin-left: 3px;
}

.stProdSpCont {
    background: #fff;
    padding: 6px;
}


.stProdSpImg {
    border: 1px solid #dddddd;
    padding: 6px;
    margin: 6px;
    background: #fff;
    /*max-height: 197px;*/
}



@media (max-width:766px) {
    
    .storeSearchCont{
        padding-left: 0px!important;
    }
}

@media (max-width:991px) {
    #storeCategorySelect {
        width: 100%;
    }
}


@media (min-width:768px) {
    .stProdSpImg {
        height: 197px;
    }
}

@media (min-width:991px) {

    .stProdSpImg {
        height: 127px;
    }
    
}

@media (min-width:1160px) {
    .stProdSpImg {
        height: 144px;
    }

    
}

@media (min-width:1200px) {
    .stProdSpImg {
        height: 165px;
    }

    
}

@media (min-width:1440px) {
    .stProdSpImg {
        height: 174px;
    }

   
}



#storePremiumAds {
    font-family: sans-serif, Arial, Helvetica;
}

#storeRegularAds {
    font-family: sans-serif, Arial, Helvetica;
}

.cover-row {
    position: relative;
    min-height: 270px;
}

.cover-rowRegular {
    position: relative;
    min-height: 270px;
}

.centerBlock {
  display: table;
  margin: auto;
}

/*pos styles*/

.itmInput {
    width: 100%;
    padding: 3px;
}

.divTable {
    display: table;
    width: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    /* border-collapse:separate;*/
}

.divRow {
    display: table-row;
    width: auto;
}

.divCell {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 176px;
    background-color: #fff;
    padding: 4px;
    border: 1px solid #ccc;
    height: 35.7px;
    
}


.headRow{
    display:flex;
    position:relative;
}


.btnPos1 {
    margin-top: 8px;
    background: #ffd5ab;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    font-weight: bold;
    color: #434345;
    cursor: pointer;
    border: 1px solid #fabe7f;
}

.btnPos2 {
    margin-top: 8px;
    background: #cbd9d9;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    font-weight: bold;
    color: #444444;
    cursor: pointer;
    border: 1px solid #aac3c7;
}

.btnPos3 {
    margin-top: 8px;
    background: #d5d3d4;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    font-weight: bold;
    color: #444444;
    cursor: pointer;
    border: 1px solid #c2c0c1;
}

#SelectCurrency {
    width: 100% !important;
}

body {
    overflow-y: hidden;
}

#storeNav {
    padding-top: 84px;
    background: #f2f2f2;
    color: #2f2e2e;
    width: 100%;
}

.StoreContent {
    padding-top: 10px;
}

.hero-content {
    padding-top: 0px !important;
}



.fullheight {
    height: 100%;
}

#storeBG {
    height: 0px;
    background-color: #f1f1f1;
    background-size: cover;
    position: relative;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    display: block;
    overflow: auto;
}


#pos_calcpad {
    width: 151px;
    height: 268px;
    background: #5f5e5e;
    float: left;
}

#pos_calchead {
    float: left;
    margin-left: 16px;
    margin-top: 6px;
    font-size: 14px;
    text-shadow: 0px 1px 0px #B0B0B0;
    -webkit-text-shadow: 0px 1px 0px #B0B0B0;
    -moz-text-shadow: 0px 1px 0px #B0B0B0;
    -o-text-shadow: 0px 1px 0px #B0B0B0;
}

.pos_calrow {
    float: left;
    margin-left: 12px;
}

.pos_calbutton {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    cursor: pointer;
    float: left;
    margin: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
    padding: 4px 14px;
    background: -moz-linear-gradient( top, #fffcff 0%, #c7c5c7);
    background: -webkit-gradient( linear, left top, left bottom, from(#fffcff), to(#c7c5c7));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #737373;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 5px rgba(161,142,016,0.1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 5px rgba(161,142,016,0.1);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 5px rgba(161,142,016,0.1);
    text-shadow: 0px -1px 3px rgba(255,255,255,0.8), 0px 1px 0px rgba(255,255,255,0.3);
}

    .pos_calbutton:hover {
        background: -moz-linear-gradient( top, #c7c5c7 0%, #ebebeb);
        background: -webkit-gradient( linear, left top, left bottom, from(#c7c5c7), to(#ebebeb));
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #737373;
        -moz-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 0px 5px rgba(161,142,016,0.1);
        -webkit-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 0px 5px rgba(161,142,016,0.1);
        box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 0px 5px rgba(161,142,016,0.1);
    }

.pos_calbutton2 {
    cursor: pointer;
    padding: 4px 14px;
    margin: 5px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #ffffff;
    padding: 8px 20px;
    background: -moz-linear-gradient( top, #fe8624 0%, #e16c12);
    background: -webkit-gradient( linear, left top, left bottom, from(#fe8624), to(#e16c12));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #737373;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    text-shadow: 0px -1px 3px rgba(000,000,000,0.5), 0px 1px 0px rgba(255,255,255,0.1);
}

    .pos_calbutton2:hover {
        background: -moz-linear-gradient( top, #e16c12 0%, #fe8624);
        background: -webkit-gradient( linear, left top, left bottom, from(#e16c12), to(#fe8624));
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        -webkit-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        text-shadow: 0px -1px 3px rgba(255,255,255,0.6), 0px 1px 0px rgba(255,255,255,0.1);
    }

.pos_calbutton3 {
    font-size: 12px;
    width: 140px;
    cursor: pointer;
    padding: 8px 8px;
    margin: 5px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: -moz-linear-gradient( top, #24c2fe 0%, #128fe1);
    background: -webkit-gradient( linear, left top, left bottom, from(#24c2fe), to(#128fe1));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #737373;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    text-shadow: 0px -1px 3px rgba(000,000,000,0.5), 0px 1px 0px rgba(255,255,255,0.1);
}

    .pos_calbutton3:hover {
        background: -moz-linear-gradient( top, #128fe1 0%, #24c2fe);
        background: -webkit-gradient( linear, left top, left bottom, from(#128fe1), to(#24c2fe));
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        -webkit-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        text-shadow: 0px -1px 3px rgba(255,255,255,0.6), 0px 1px 0px rgba(255,255,255,0.1);
    }

.pos_calbutton4 {
    font-size: 12px;
    width: 140px;
    cursor: pointer;
    padding: 8px 8px;
    margin: 5px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: -moz-linear-gradient( top, #c0d50c 0%, #a3b50a);
    background: -webkit-gradient( linear, left top, left bottom, from(#c0d50c), to(#a3b50a));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #737373;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px -2px 5px rgba(252,217,42,0.6);
    text-shadow: 0px -1px 3px rgba(000,000,000,0.5), 0px 1px 0px rgba(255,255,255,0.1);
}

    .pos_calbutton4:hover {
        background: -moz-linear-gradient( top, #a3b50a 0%, #c0d50c);
        background: -webkit-gradient( linear, left top, left bottom, from(#a3b50a), to(#c0d50c));
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        -webkit-box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        box-shadow: 0px 1px 1px rgba(219,219,219,0.5), inset 0px 4px 5px rgba(252,217,42,0.6);
        text-shadow: 0px -1px 3px rgba(255,255,255,0.6), 0px 1px 0px rgba(255,255,255,0.1);
    }


/* ============================================================================
   UI-25 - Frega store redesign (2026-07-17)
   Contained white-panel storefront on the s2t-theme foundation.
   Scoped under #EchoMainContent (the SPA content target) so nothing leaks.
   Later in the file + higher specificity => these win over the legacy rules
   above (.store-social absolute, body overflow, etc.) without deleting them.
   ========================================================================== */

/* page can scroll again (legacy body{overflow-y:hidden} above would trap it) */
body { overflow-y: auto; }

/* The store had DOUBLE header-clearance: #EchoMainContent already carries the
   site-wide 91px (s2t-nav.css) that clears the fixed header on every page, and
   #storeNav added a leftover 84px spacer (it used to hold the relocated search
   strip, now inline). Kill the redundant one so the store matches other pages. */
#storeNav { padding-top: 0; }

#EchoMainContent .s2t-store-form { margin: 0; }

#EchoMainContent .s2t-store {
    max-width: var(--s2t-content-max, 1100px);
    margin: 0 auto;
    padding: var(--s2t-space-5) var(--s2t-space-4) var(--s2t-space-8);
    display: flex;
    flex-direction: column;
    gap: var(--s2t-space-5);
}

/* ---- panels ---- */
#EchoMainContent .s2t-store-card { padding: var(--s2t-space-6); }
#EchoMainContent .s2t-store-globalsearch { padding: var(--s2t-space-4) var(--s2t-space-5); }
/* .s2t-panel has margin:0 auto (theme) -> in the flex column it shrinks to content
   and centers; zero the side margins so both panels stretch to the same width. */
#EchoMainContent .s2t-store > .s2t-panel { margin-left: 0; margin-right: 0; }

/* ---- storefront header ---- */
#EchoMainContent .s2t-store-head {
    display: flex;
    gap: var(--s2t-space-6);
    align-items: flex-start;
}
#EchoMainContent .s2t-store-brand {
    flex: 0 0 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--s2t-space-2);
    padding-right: var(--s2t-space-6);
    border-right: 1px solid var(--s2t-brand-subtle);
}
#EchoMainContent #storeLogo {
    width: 100%;
    display: flex;
    justify-content: center;
}
/* clamp the merchant logo blob (stored images can be 500px+; UI-25/BUG-18) */
#EchoMainContent .s2t-store-logo {
    max-width: 100%;
    max-height: 110px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: var(--s2t-radius-sm);
}
#EchoMainContent #storeTitle { width: 100%; font-weight: 700; }
#EchoMainContent #storeTitleSet {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
#EchoMainContent #merchOtherUrl { font-size: var(--s2t-text-small); margin-top: 2px; }
#EchoMainContent #merchOtherUrl a { color: var(--s2t-brand); word-break: break-word; }
#EchoMainContent #storeNotes { font-size: var(--s2t-text-small); color: var(--s2t-muted); }
#EchoMainContent .s2t-store-count { font-weight: 700; color: var(--s2t-brand); }

#EchoMainContent .s2t-store-detail {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s2t-space-3);
}
#EchoMainContent #storeDescrip {
    max-height: 96px;
    overflow-y: auto;
    font-size: 15px;
    line-height: 1.5;
    color: var(--s2t-text-body, var(--s2t-text));
}
#EchoMainContent .s2t-store-loc { color: var(--s2t-muted); font-size: 14px; }
#EchoMainContent .storeAddrline { display: inline-block; padding-right: var(--s2t-space-3); }

/* ---- share cluster (social icons + copy link) ---- */
#EchoMainContent .s2t-store-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s2t-space-3);
    margin-top: var(--s2t-space-2);
}
/* neutralise the legacy absolute-positioned .store-social */
#EchoMainContent .s2t-store-share .store-social,
#EchoMainContent .s2t-store-social .store-social {
    position: static;
    float: none;
    top: auto;
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-flex;
    gap: var(--s2t-space-2);
    font-size: 20px !important;
}
#EchoMainContent .s2t-store-social ul.store-social li { display: inline-flex; margin: 0; padding: 0; list-style: none; }
#EchoMainContent .s2t-store-social .store-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: var(--s2t-radius-pill, 50%);
    background: var(--s2t-brand-subtle);
    color: var(--s2t-brand) !important;
    font-size: 18px !important;
    transition: background var(--s2t-dur-fast) var(--s2t-ease-standard), color var(--s2t-dur-fast) var(--s2t-ease-standard);
}
#EchoMainContent .s2t-store-social .store-social a:hover { background: var(--s2t-brand); color: #fff !important; }
#EchoMainContent .s2t-store-copy { flex: 0 0 auto; }

/* ---- in-store search row ---- */
#EchoMainContent .s2t-store-instore {
    display: flex;
    gap: var(--s2t-space-3);
    margin-top: var(--s2t-space-5);
    flex-wrap: wrap;
}
#EchoMainContent .s2t-store-cat { flex: 0 0 220px; min-width: 180px; }
/* the category <select> is server-injected into #dstoreCategorySelect */
#EchoMainContent #dstoreCategorySelect select {
    width: 100%;
    height: 44px;
    padding: 0 var(--s2t-space-4);
    border: 1px solid var(--s2t-field-border);
    border-radius: var(--s2t-radius-input);
    background: #fff;
    color: var(--s2t-text);
    font: inherit;
}
#EchoMainContent #dstoreCategorySelect select:focus { outline: none; border-color: var(--s2t-brand); box-shadow: 0 0 0 3px rgba(74,138,104,0.25); }

#EchoMainContent .s2t-store-instore .s2t-store-find { flex: 1 1 320px; display: flex; align-items: stretch; gap: 0; position: relative; }
#EchoMainContent .s2t-store-find .s2t-input { flex: 1 1 auto; width: auto; min-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
#EchoMainContent .s2t-store-find .s2t-store-find-btn {
    flex: 0 0 auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: var(--s2t-space-5);
    padding-right: var(--s2t-space-5);
}

/* ---- results banner (global search) ---- */
#EchoMainContent .s2t-store-resultsbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s2t-space-3);
    flex-wrap: wrap;
    margin-top: var(--s2t-space-5);
    padding: var(--s2t-space-3) var(--s2t-space-4);
    background: var(--s2t-brand-subtle);
    border: 1px solid var(--s2t-brand-light, var(--s2t-brand-subtle));
    border-radius: var(--s2t-radius-md);
}
#EchoMainContent .s2t-store-resultsbar-txt { font-weight: 600; color: var(--s2t-brand-deep); }
#EchoMainContent .s2t-store-backbtn { flex: 0 0 auto; }

/* ---- listings grid ---- */
#EchoMainContent .s2t-store-grid { margin-top: var(--s2t-space-5); }
#EchoMainContent #StoreListings {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2t-space-4);
    margin: 0;
}
/* frame each legacy product card (server HTML: .stProdSpCont / .stProdSpImg) */
#EchoMainContent #StoreListings .stProdSpImg {
    border: 1px solid var(--s2t-field-border);
    border-radius: var(--s2t-radius-md);
    background: #fff;
    transition: box-shadow var(--s2t-dur-fast) var(--s2t-ease-standard), transform var(--s2t-dur-fast) var(--s2t-ease-standard);
}
#EchoMainContent #StoreListings .stProdSpImg:hover { box-shadow: var(--s2t-shadow-2); transform: translateY(-2px); }

/* empty state */
#EchoMainContent .s2t-store-empty {
    width: 100%;
    text-align: center;
    padding: var(--s2t-space-8) var(--s2t-space-4);
    color: var(--s2t-muted);
}
#EchoMainContent .s2t-store-empty i { font-size: 40px; color: var(--s2t-brand-light, var(--s2t-brand)); display: block; margin-bottom: var(--s2t-space-3); }
#EchoMainContent .s2t-store-empty p { margin: 0; font-size: 15px; }

/* pager */
#EchoMainContent .s2t-store-pager { display: flex; justify-content: center; margin-top: var(--s2t-space-5); }
#EchoMainContent .s2t-store-pager ul.pagination { display: inline-flex; gap: 4px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }
#EchoMainContent .s2t-store-pager .pagination li { list-style: none; }
#EchoMainContent .s2t-store-pager .pagination li span,
#EchoMainContent .s2t-store-pager .pagination li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--s2t-field-border);
    border-radius: var(--s2t-radius-sm);
    background: #fff;
    color: var(--s2t-brand);
    cursor: pointer;
    text-decoration: none;
}
#EchoMainContent .s2t-store-pager .pagination li.active span { background: var(--s2t-brand); border-color: var(--s2t-brand); color: #fff; }
#EchoMainContent .s2t-store-pager .pagination li.disabled span { color: var(--s2t-muted); cursor: default; opacity: .6; }

/* ---- global "search all stores" strip ---- */
#EchoMainContent .s2t-store-gs-head {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 700;
    color: var(--s2t-brand-deep);
    font-size: 14px;
    margin: 0;
}
#EchoMainContent .s2t-store-gs-row { display: flex; gap: var(--s2t-space-3); align-items: center; flex-wrap: nowrap; }
#EchoMainContent .s2t-store-gs-loc { flex: 0 1 220px; min-width: 150px; }
#EchoMainContent .s2t-store-gs-loc .s2t-input { padding-left: 42px; }
#EchoMainContent .s2t-store-gs-kw { flex: 1 1 220px; min-width: 140px; }
#EchoMainContent .s2t-store-gs-kw .s2t-input { padding-left: 42px; }
#EchoMainContent .s2t-store-gs-btn { flex: 0 0 auto; padding-left: var(--s2t-space-6); padding-right: var(--s2t-space-6); }

/* ---- responsive ---- */
@media (max-width: 767px) {
    #EchoMainContent .s2t-store { padding: var(--s2t-space-4) var(--s2t-space-3) var(--s2t-space-7); }
    #EchoMainContent .s2t-store-card,
    #EchoMainContent .s2t-store-globalsearch { padding: var(--s2t-space-5); }
    #EchoMainContent .s2t-store-head { flex-direction: column; gap: var(--s2t-space-4); }
    #EchoMainContent .s2t-store-brand {
        flex: 1 1 auto;
        width: 100%;
        padding-right: 0;
        padding-bottom: var(--s2t-space-4);
        border-right: 0;
        border-bottom: 1px solid var(--s2t-brand-subtle);
    }
    #EchoMainContent .s2t-store-cat { flex: 1 1 100%; }
    #EchoMainContent .s2t-store-find { flex: 1 1 100%; }
    #EchoMainContent .s2t-store-gs-row { flex-wrap: wrap; }
    #EchoMainContent .s2t-store-gs-head { flex: 1 1 100%; }
    #EchoMainContent .s2t-store-gs-loc,
    #EchoMainContent .s2t-store-gs-kw { flex: 1 1 100%; }
    #EchoMainContent .s2t-store-gs-btn { width: 100%; }
}