Order

/* PAGE HEADER */
.tb-shop-header {
background: #F2FAF6;
border-bottom: 1px solid #D8EDE4;
padding: 48px 5% 40px;
}
.tb-shop-header-inner {
display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.tb-label {
font-size: 11px; font-weight: 500; color: #1A8F5A;
text-transform: uppercase; letter-spacing: 1.2px;
margin-bottom: 8px; display: block;
}
.tb-shop-header h1 {
font-family: ‘DM Serif Display’, serif;
font-size: 38px; font-weight: 400; color: #0D3D28;
line-height: 1.2; letter-spacing: -0.4px;
}
.tb-shop-header p {
font-size: 15px; color: #5A7A6A;
margin-top: 8px; line-height: 1.6;
}
.tb-wa-order-btn {
background: #25D366; color: #fff;
font-family: ‘DM Sans’, sans-serif; font-size: 14px; font-weight: 500;
padding: 12px 24px; border-radius: 100px; border: none;
cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
white-space: nowrap; transition: opacity 0.2s; flex-shrink: 0;
}
.tb-wa-order-btn:hover { opacity: 0.9; }
/* TRUST STRIP */
.tb-trust-strip {
background: #0D3D28; padding: 16px 5%;
display: grid; grid-template-columns: repeat(4, 1fr);
}
.tb-trust-item {
text-align: center; padding: 0 16px;
border-right: 1px solid rgba(255,255,255,0.1);
}
.tb-trust-item:last-child { border-right: none; }
.tb-trust-item strong { display: block; font-size: 13px; font-weight: 500; color: #fff; margin-bottom: 2px; }
.tb-trust-item span { font-size: 11px; color: #7DCFAA; }
/* SHOP LAYOUT */
.tb-shop-layout {
padding: 40px 5%;
display: grid;
grid-template-columns: 220px 1fr;
gap: 40px;
align-items: start;
}
/* SIDEBAR */
.tb-sidebar-section { margin-bottom: 28px; }
.tb-sidebar-title {
font-size: 12px; font-weight: 500; text-transform: uppercase;
letter-spacing: 0.8px; color: #5A7A6A; margin-bottom: 12px;
}
.tb-sidebar-links { list-style: none; display: flex; flex-direction: column; gap: 4px; padding: 0; }
.tb-sidebar-links a {
font-size: 14px; color: #0D3D28;
padding: 8px 12px; border-radius: 8px;
display: block; transition: all 0.2s; text-decoration: none;
}
.tb-sidebar-links a:hover { background: #F2FAF6; color: #1A8F5A; }
.tb-sidebar-links a.active { background: #F2FAF6; color: #1A8F5A; font-weight: 500; }
.tb-sidebar-divider { border: none; border-top: 1px solid #D8EDE4; margin: 20px 0; }
.tb-sidebar-help p {
font-size: 13px; color: #5A7A6A; line-height: 1.6; margin-bottom: 12px;
}
.tb-sidebar-wa {
display: inline-flex; align-items: center; gap: 6px;
background: #25D366; color: #fff; font-size: 13px; font-weight: 500;
padding: 9px 16px; border-radius: 100px; text-decoration: none;
transition: opacity 0.2s;
}
.tb-sidebar-wa:hover { opacity: 0.9; color: #fff; }
/* WOOCOMMERCE PRODUCT GRID */
.tb-products .woocommerce,
.tb-products .woocommerce-page {
width: 100%;
}
.tb-products ul.products {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
float: none !important;
clear: both !important;
}
.tb-products ul.products li.product {
background: #fff !important;
border: 1px solid #D8EDE4 !important;
border-radius: 12px !important;
overflow: hidden !important;
transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
width: auto !important;
}
.tb-products ul.products li.product:hover {
border-color: #1A8F5A !important;
transform: translateY(-4px) !important;
box-shadow: 0 8px 24px rgba(26,143,90,0.1) !important;
}
.tb-products ul.products li.product a img {
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
margin: 0 !important;
border-radius: 0 !important;
display: block !important;
}
.tb-products ul.products li.product .woocommerce-loop-product__title {
font-family: ‘DM Sans’, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #0D3D28 !important;
padding: 14px 16px 6px !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.tb-products ul.products li.product .price {
font-family: ‘DM Sans’, sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #1A8F5A !important;
padding: 0 16px 12px !important;
display: block !important;
margin: 0 !important;
}
.tb-products ul.products li.product .price del {
color: #8AAA98 !important;
font-size: 13px !important;
font-weight: 400 !important;
margin-right: 6px !important;
}
.tb-products ul.products li.product .button,
.tb-products ul.products li.product a.button {
font-family: ‘DM Sans’, sans-serif !important;
background: #1A8F5A !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 500 !important;
padding: 11px 16px !important;
border-radius: 100px !important;
margin: auto 16px 16px !important;
display: block !important;
border: none !important;
transition: background 0.2s !important;
width: calc(100% – 32px) !important;
text-align: center !important;
cursor: pointer !important;
text-decoration: none !important;
}
.tb-products ul.products li.product .button:hover,
.tb-products ul.products li.product a.button:hover {
background: #0D5C38 !important;
color: #fff !important;
}
.tb-products .woocommerce-result-count {
font-family: ‘DM Sans’, sans-serif !important;
font-size: 13px !important;
color: #8AAA98 !important;
margin-bottom: 20px !important;
float: none !important;
display: inline-block !important;
}
.tb-products .woocommerce-ordering {
float: none !important;
display: inline-block !important;
margin: 0 0 20px 12px !important;
}
.tb-products .woocommerce-ordering select {
font-family: ‘DM Sans’, sans-serif !important;
font-size: 13px !important;
border: 1px solid #D8EDE4 !important;
border-radius: 8px !important;
padding: 8px 12px !important;
color: #0D3D28 !important;
background: #fff !important;
}
.tb-shop-topbar { margin-bottom: 20px; }
.tb-products .woocommerce-pagination ul {
border: none !important;
margin-top: 32px !important;
display: flex !important;
gap: 4px !important;
justify-content: center !important;
padding: 0 !important;
list-style: none !important;
}
.tb-products .woocommerce-pagination ul li { border: none !important; }
.tb-products .woocommerce-pagination ul li a,
.tb-products .woocommerce-pagination ul li span {
font-family: ‘DM Sans’, sans-serif !important;
font-size: 13px !important;
border: 1px solid #D8EDE4 !important;
border-radius: 8px !important;
padding: 8px 14px !important;
color: #0D3D28 !important;
background: #fff !important;
display: block !important;
text-decoration: none !important;
}
.tb-products .woocommerce-pagination ul li span.current {
background: #1A8F5A !important;
color: #fff !important;
border-color: #1A8F5A !important;
}
.tb-products .woocommerce-pagination ul li a:hover {
background: #F2FAF6 !important;
border-color: #1A8F5A !important;
color: #1A8F5A !important;
}
.tb-products .onsale {
background: #1A8F5A !important;
border-radius: 20px !important;
font-family: ‘DM Sans’, sans-serif !important;
font-size: 11px !important;
min-height: auto !important;
line-height: 1 !important;
padding: 4px 10px !important;
top: 10px !important;
left: 10px !important;
}
.tb-products .woocommerce-info {
font-family: ‘DM Sans’, sans-serif !important;
border-top-color: #1A8F5A !important;
background: #F2FAF6 !important;
color: #0D3D28 !important;
}
.tb-products .star-rating { color: #1A8F5A !important; }
/* MOBILE */
@media (max-width: 900px) {
.tb-shop-layout { grid-template-columns: 1fr; }
.tb-sidebar { display: none; }
.tb-products ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
.tb-shop-header-inner { flex-direction: column; align-items: flex-start; }
.tb-trust-strip { grid-template-columns: repeat(2, 1fr); }
.tb-trust-item { padding: 10px 8px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
.tb-trust-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.1); }
.tb-shop-header h1 { font-size: 28px; }
}
@media (max-width: 480px) {
.tb-products ul.products { grid-template-columns: 1fr !important; }
}