/* SMEshop2026 Responsive CSS - protected from admin.php?action=config */
/* SMEshop2013 Responsive Modern Layout - PHP 5.2/5.3 safe */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Tahoma,sans-serif;font-size:14px;line-height:1.5;color:#333;background:#f4f6f9}
a{color:#d51b72;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.site-shell{width:96%;margin:14px auto;background:#fff;border:1px solid #e7e9ee;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.08);overflow:hidden}
.top-strip{background:#e91e8c;color:#fff;font-size:12px}
.top-inner{max-width:1100px;margin:0 auto;padding:7px 16px}
.top-inner span{margin-right:20px}
.top-right{float:right}
.top-strip a{color:#fff}
.site-header{padding:6px 10px 0;background:#fff;text-align:center}
.site-banner{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:8px}
.main-nav{background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 7px rgba(0,0,0,.04)}
.nav-inner{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:8px 12px}
.nav-inner>a{display:block;padding:10px 12px;color:#222;font-weight:bold;font-size:13px;border-radius:7px}
.nav-inner>a:hover,.nav-inner>a.cart-link{background:#fce3f1;color:#d51b72;text-decoration:none}
.nav-home{font-size:14px!important}
.search-box{margin-left:auto;display:flex;min-width:210px}
.search-box input{width:100%;height:36px;border:1px solid #ddd;border-radius:7px 0 0 7px;padding:0 10px}
.search-box button{height:36px;border:0;background:#e91e8c;color:#fff;border-radius:0 7px 7px 0;padding:0 13px;cursor:pointer}
.mobile-links{display:none}
.layout-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:20px}
.sidebar-left{min-width:0}
.side-card{border:1px solid #e7e7e7;border-radius:9px;background:#fff;margin-bottom:16px;overflow:hidden}
.side-title{font-size:13px;font-weight:bold;color:#e91e8c;padding:13px;border-bottom:1px solid #eee}
.cat-link{display:flex;justify-content:space-between;padding:9px 13px;color:#333;border-bottom:1px solid #f0f0f0;font-size:13px}
.cat-link:hover{background:#fff4fa;color:#d51b72;text-decoration:none}
.cart-card{padding-bottom:12px}
.cart-card>a{display:block;padding:10px 13px}
.main-area{min-width:0;overflow:hidden}
.main-area table{max-width:100%!important}
.main-area td{max-width:100%}
.main-area input,.main-area select,.main-area textarea{max-width:100%}
.home-story{padding:18px;border:1px solid #eee;border-radius:9px;background:#fff;margin-bottom:18px}
.catalog-detail{width:100%!important}
.catalog-product-images{max-width:100%;margin:auto}
.catalog-cart,.order-cart{width:100%!important;border:1px solid #eee;border-radius:10px;background:#fff;padding:8px}
.catalog-cart form,.order-cart form{max-width:100%}
.order-form-wrap{width:100%;max-width:760px;margin:0 auto;background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:15px}
.order-form-wrap table{width:100%!important}
.order-form-wrap input[type=text],.order-form-wrap input[type=password],.order-form-wrap textarea,.order-form-wrap select{width:100%;max-width:100%;padding:9px;border:1px solid #ddd;border-radius:7px}
.order-form-wrap td:first-child{width:150px}
.home-side-products{margin:0 20px 20px;padding:16px;border-top:1px solid #eee}
.home-side-products h3{margin:0 0 12px;color:#e91e8c}
.mini-product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.mini-product{border:1px solid #eee;border-radius:8px;padding:8px;color:#333;text-align:center;background:#fff;font-size:12px}
.mini-product img{width:100%;height:100px;object-fit:contain}
.mini-product span{display:block;margin-top:5px}
.site-footer{border-top:1px solid #eee;background:#fff;text-align:center;padding:18px 12px;color:#555}
.footer-links{margin-bottom:8px}
.footer-links span{color:#ccc;margin:0 4px}
.copyright{font-weight:bold}
.powered{font-size:11px;color:#aaa;margin-top:5px}
.linktitle{word-break:break-word}
@media(max-width:800px){
 .site-shell{width:100%;margin:0;border-radius:0}
 .top-inner{font-size:11px;padding:6px 10px}
 .top-inner span{margin-right:8px}.top-right{display:none}
 .site-header{padding:4px}
 .site-banner{max-height:none;border-radius:5px}
 .nav-inner{padding:5px;gap:3px}
 .nav-inner>a{padding:8px 7px;font-size:12px}
 .search-box{order:2;width:100%;margin:4px 0 0}
 .mobile-links{display:none}
 .layout-grid{grid-template-columns:1fr;gap:10px;padding:10px}
 .sidebar-left{order:0}
 .main-area{order:1}
 .sidebar-left .side-card:first-child{display:none}
 .home-side-products{margin:0 10px 15px}
 .mini-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mini-product img{height:80px}
}
@media(max-width:480px){
 body{font-size:13px}
 .nav-inner>a:not(.nav-home):not(.cart-link){display:none}
 .nav-home,.nav-inner>a.cart-link{display:block}
 .search-box{min-width:0}
 .layout-grid{padding:7px}
 .main-area table{font-size:12px}
 .catalog-product-images{width:100%!important;height:auto!important}
 .catalog-detail>tbody>tr>td,.catalog-detail>tr>td{display:block;width:100%!important}
 .catalog-detail table{width:100%!important}
 .order-cart{padding:4px;overflow:hidden}
 .order-cart table{width:100%!important}
 .order-cart td{padding:5px!important}
 .order-form-wrap{padding:8px}
 .order-form-wrap table,.order-form-wrap tbody,.order-form-wrap tr,.order-form-wrap td{display:block;width:100%!important}
 .order-form-wrap td:first-child{width:100%!important}
 .mini-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.product-section{margin-bottom:22px}
.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f3d3e4;margin-bottom:14px}
.section-head h2{font-size:20px;color:#d51b72;margin:0;padding:0 0 9px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-card{border:1px solid #e8e8e8;border-radius:10px;padding:10px;background:#fff;min-width:0;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.product-image{display:block;height:190px;text-align:center;background:#fafafa;border-radius:7px;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:contain}
.product-card h3{font-size:14px;line-height:1.4;margin:9px 2px;min-height:39px}
.product-card h3 a{color:#333}
.cart-form{margin-top:7px}
.cart-form select{width:100%;padding:7px;border:1px solid #ddd;border-radius:6px;font-size:12px}
.cart-form button{display:block;width:100%;margin-top:7px;padding:8px;background:#e91e8c;border:0;border-radius:6px;color:#fff;cursor:pointer}
.cart-form button:hover{background:#c91573}
.story-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.story-images img{max-width:140px;border-radius:7px}
.empty-box,.info-card{padding:18px;border:1px solid #eee;border-radius:9px;margin-bottom:18px}
.info-card h3{color:#d51b72;margin-top:0}
.bb-row{display:flex;gap:15px;padding:8px;border-bottom:1px solid #eee}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:150px}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}}

.catalog-detail,.catalog-list,.related-box{background:#fff;border:1px solid #eee;border-radius:10px;padding:18px;margin-bottom:20px}
.catalog-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #eee;margin-bottom:18px;padding-bottom:10px}
.catalog-title h1{font-size:23px;color:#d51b72;margin:0}
.catalog-title div{font-size:12px;color:#999}
.catalog-main{display:grid;grid-template-columns:minmax(260px,42%) minmax(0,1fr);gap:25px}
.catalog-gallery{text-align:center}
.catalog-main-image{width:100%;max-height:480px;object-fit:contain;border:1px solid #eee;border-radius:10px;background:#fafafa}
.catalog-thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.catalog-thumbs img{width:70px;height:70px;object-fit:cover;border:1px solid #ddd;border-radius:6px}
.catalog-info{min-width:0}
.catalog-description{font-size:15px;line-height:1.8;word-break:break-word}
.buy-box{margin-top:22px;padding:16px;background:#fff5fa;border:1px solid #f2c7dc;border-radius:9px}
.buy-box label{display:block;font-weight:bold;color:#d51b72;margin-bottom:7px}
.buy-box select{width:100%;padding:11px;border:1px solid #ddd;border-radius:7px}
.buy-box button{width:100%;margin-top:10px;padding:12px;background:#e91e8c;color:#fff;border:0;border-radius:7px;font-weight:bold;cursor:pointer}
.catalog-list h2,.related-box h2{margin-top:0;color:#d51b72}
.category-block{border:1px solid #eee;border-radius:8px;margin-bottom:12px;padding:12px}
.category-block h3{margin:0 0 8px}
.related-box{overflow:hidden}
@media(max-width:650px){.catalog-main{grid-template-columns:1fr}.catalog-title{display:block}.catalog-title h1{margin-bottom:5px}.catalog-main-image{max-height:350px}}

.order-cart{overflow:hidden}
.order-cart table{border-collapse:collapse}
.order-cart td{border-bottom:1px solid #eee}
.order-cart input[type=text]{width:55px;text-align:center}
@media(max-width:600px){
 .order-cart table,.order-cart tbody,.order-cart tr{display:block;width:100%!important}
 .order-cart tr:first-child{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}
 .order-cart tr:not(:first-child){padding:9px 0}
 .order-cart td{display:inline-block;vertical-align:middle;width:auto!important}
 .order-cart td:first-child{display:block;width:100%!important}
 .order-cart td:nth-child(2),.order-cart td:nth-child(3),.order-cart td:nth-child(4){width:32%!important;text-align:center}
 .order-form-wrap{font-size:13px}
}