/* R22: shared responsive safeguards for storefront and account pages. */
.sf-storefront .sf-main,.sf-storefront .sf-main .row>[class*="col-"],.sf-storefront .sf-footer-grid>*,.sf-storefront .sf-masthead-top>* {min-width:0;}
.sf-storefront .sf-main img {max-width:100%;}
.sf-storefront .sf-main iframe,.sf-storefront .sf-main video {max-width:100%;}
.sf-storefront .sf-main input,.sf-storefront .sf-main select,.sf-storefront .sf-main textarea {max-width:100%;}
.sf-storefront .sf-main p,.sf-storefront .sf-main h1,.sf-storefront .sf-main h2,.sf-storefront .sf-main h3,.sf-storefront .sf-footer p,.sf-storefront .sf-footer a {overflow-wrap:anywhere;}
.sf-storefront .sf-responsive-table {width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}
.sf-storefront .sf-responsive-table:focus-visible {outline:2px solid #a9652f;outline-offset:3px;}
.sf-storefront .sf-main .bootstrap-table,.sf-storefront .sf-main .fixed-table-container {max-width:100%;}
.sf-storefront[data-page="blogs"] .dropdown-border.form-select {width:100%;min-width:0;max-width:100%;white-space:normal;}
@media(min-width:768px) and (max-width:1023px){
 .sf-storefront .sf-footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
 .sf-storefront .sf-catalog-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:767px){
 .sf-storefront .sf-main .padding-16-30 {padding:16px 12px;}
 .sf-storefront .sf-main .myaccount-navigation {width:100%;margin-bottom:16px;}
 .sf-storefront .sf-main .myaccount-navigation ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-left:0;}
 .sf-storefront .sf-main .myaccount-navigation li {white-space:normal;overflow-wrap:anywhere;}
 .sf-storefront .sf-main .form-control,.sf-storefront .sf-main .form-select {font-size:16px;min-height:42px;}
 .sf-storefront .sf-main textarea.form-control {min-height:100px;}
 .sf-storefront .sf-main .pagination {flex-wrap:wrap;gap:4px;}
 .sf-storefront .sf-section-heading,.sf-storefront .sf-catalog-heading {flex-wrap:wrap;gap:10px;}
 .sf-storefront .sf-main .modal-dialog {max-width:calc(100vw - 24px);margin:12px auto;}
 .sf-storefront .offcanvas {max-width:100vw;}
}
@media(max-width:359px){
 .sf-storefront .sf-masthead-top {grid-template-columns:minmax(0,1fr) auto;}
 .sf-storefront .sf-masthead-logo {max-width:105px;}
 .sf-storefront .sf-masthead-actions {gap:4px;}
 .sf-storefront .sf-nav-links {gap:14px;}
 .sf-storefront .sf-footer-grid {grid-template-columns:minmax(0,1fr);}
 .sf-storefront .sf-footer-brand,.sf-storefront .sf-footer-contact {grid-column:auto;}
 .sf-storefront .sf-catalog-card .sf-catalog-cart {padding-left:5px;padding-right:5px;}
}
@media(prefers-reduced-motion:reduce){
 .sf-storefront {scroll-behavior:auto;}
}
.sf-storefront[data-page="blogs"] .form-select-wrapper .dropdown-label {flex:0 0 auto;margin-right:8px;}
.sf-storefront[data-page="blogs"] .dropdown-border.form-select {flex:1 1 0;width:auto;}
.sf-storefront[data-page="blogs"] .form-select-wrapper .dropdown-label {width:auto;min-width:0;max-width:calc(100% - 65px);white-space:normal;}