/* IndustryWala: logo yellow, category gold, charcoal and white. */
:root {
    --iw-yellow: #ffc400;
    --iw-gold: #cba400;
    --iw-gold-ink: #806300;
    --iw-charcoal: #505050;
    --iw-ink: #292929;
    --iw-muted: #797979;
    --iw-surface: #ffffff;
    --iw-soft: #f7f7f5;
    --iw-line: #e6e6e2;
    --iw-tint: #fff8df;
    --base-h: 46;
    --base-s: 100%;
    --base-l: 50%;
    --base-light: 46 100% 94%;
    --accent-h: 48;
    --accent-s: 100%;
    --accent-l: 40%;
    --heading-h: 0;
    --heading-s: 0%;
    --heading-l: 18%;
    --body-h: 0;
    --body-s: 0%;
    --body-l: 35%;
}
.btn--base { background-color: var(--iw-yellow); border-color: var(--iw-yellow); color: var(--iw-ink); }
.btn--base:hover { background-color: var(--iw-gold); border-color: var(--iw-gold); color: var(--iw-ink); }
.btn--base.outline { background: var(--iw-surface); color: var(--iw-gold-ink); border-color: var(--iw-gold); }
.btn--base.outline:hover { background: var(--iw-tint); color: var(--iw-ink); }
.product-card.iw-product-card { border-color: var(--iw-line); background: var(--iw-surface); }
.product-card.iw-product-card:hover { border-color: var(--iw-gold); }
.product-card.iw-product-card .product-thumb { background: var(--iw-soft); }
.product-card.iw-product-card .title a { color: var(--iw-charcoal); }
.product-card.iw-product-card .product-content .price { color: var(--iw-ink); }
.product-card.iw-product-card .add-to-cart-btn { background: #fcd75e; border-color: #efc23c; color: var(--iw-ink); font-weight: 600; box-shadow: 0 1px 4px rgba(160, 120, 0, .12); }
.product-card.iw-product-card .add-to-cart-btn:hover { background: var(--iw-ink); border-color: var(--iw-ink); color: #fff; }
.product-card.iw-product-card .add-to-cart-btn i { color: var(--iw-ink); }
.product-card.iw-product-card .add-to-cart-btn:hover i { color: var(--iw-yellow); }
.iw-rating-star-fill svg { fill: var(--iw-gold); }
.category-sidebar .widget.iw-filter-collapsible { border-color: var(--iw-line); }
.category-sidebar .iw-filter-head:hover,
.category-sidebar .widget.iw-filter-collapsible.iw-open > .title.iw-filter-head { background: var(--iw-tint); }
.category-sidebar .iw-filter-chevron { color: var(--iw-gold-ink); }
.category-sidebar .filter-category a.active { color: var(--iw-gold-ink); }
.product-shop .filter-category-header { background: var(--iw-soft); border-color: var(--iw-line); }
.product-shop .filter-category-header .view-style a.active { color: var(--iw-gold-ink); background: var(--iw-tint); border-color: #ebd27c; }
.pd-attr-pill.active { background: var(--iw-tint); border-color: var(--iw-yellow); color: var(--iw-ink); }
.pd-btn-cart { background: var(--iw-yellow); color: var(--iw-ink); }
.pd-discount-pill { background: var(--iw-yellow); color: var(--iw-ink); }
.form--control:focus { border-color: var(--iw-gold); }
.product-card.iw-product-card :is(a,button):focus-visible,
.product-shop .filter-category-header :is(select,a,button):focus-visible { outline-color: var(--iw-gold-ink); }

/* Shared header: compact utility bar, generous search and clear navigation. */
.iw-site-header .header-top { background:#fafaf8!important; border-bottom:1px solid var(--iw-line); }
.iw-site-header .header-top-wrap { min-height:26px; padding:2px 0; }
.iw-site-header .header-top a,.iw-site-header .header-top button { font-size:11px; color:#747474; }
.iw-site-header .header-middle { padding:11px 0; }
.iw-site-header .header-wrapper { gap:28px; align-items:center; }
.iw-site-header .logo { max-width:180px; flex-shrink:0; }
.iw-site-header .header-search-form { border:1px solid #e1e2de; border-radius:11px; background:#f9faf8; overflow:hidden; }
.iw-site-header .header-search-form .form--control { min-height:40px; padding-left:16px; font-size:13px; background:transparent; border:0; color:var(--iw-charcoal); }
.iw-site-header .header-search-form .icon { width:42px; height:40px; background:var(--iw-yellow); color:var(--iw-ink); border-radius:0; font-size:18px; }
.iw-site-header .header-search-form:focus-within { border-color:var(--iw-gold); box-shadow:0 0 0 3px #ffc40022; }
.iw-site-header .header-bottom { background:var(--iw-yellow); box-shadow:0 3px 12px #29292908; }
.iw-site-header .header-bottom .menu > li > a { color:var(--iw-ink); font-size:13px; font-weight:500; padding:12px 18px; }
.iw-site-header .header-bottom .menu > li > a:hover,.iw-site-header .header-bottom .menu > li > a.active { background:#ffffff38; color:var(--iw-ink); }
.iw-site-header .menu-category-btn { min-height:42px; font-size:13px; font-weight:600; background:var(--iw-gold)!important; color:#292929; padding:9px 20px; }
.iw-site-header .cart-button { min-height:42px; background:#292929!important; color:#fff!important; padding:6px 16px; border-radius:0; }
.iw-site-header .cart-button .ico { color:var(--iw-yellow); }
.iw-site-header .cart-button .amount { font-size:13px; }
.iw-site-header .cart-button .items { font-size:10px; color:#dfdfdf; }

/* Footer: newsletter callout, useful links and trust details in one clear system. */
.iw-site-footer { position:relative; overflow:hidden; background:#242424!important; color:#cacac5; padding-top:0; font-size:0.875rem; }
.iw-site-footer::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--iw-yellow),var(--iw-gold)); }
.iw-site-footer .container { position:relative; }
.iw-footer-newsletter { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:center; gap:22px; padding:32px 0; border-bottom:1px solid #ffffff1a; }
.iw-footer-newsletter__icon { display:grid; place-items:center; width:60px; height:60px; border-radius:16px; background:var(--iw-yellow); color:var(--iw-ink); font-size:29px; }
.iw-site-footer .newsletter-widget { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(360px,1.35fr); align-items:center; gap:34px; padding:0; border:0; background:transparent; text-align:left; }
.iw-site-footer .newsletter-widget-header .title { margin:0 0 5px; color:#fff; font-size:1rem; line-height:1.4; font-weight:650; text-transform:none; }
.iw-site-footer .newsletter-widget-header p:not(.title) { margin:0; color:#aeadab; font-size:0.875rem; line-height:1.6; }
.iw-site-footer .subscribe-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; max-width:none; margin:0; padding:5px; background:#fff; border-radius:10px; }
.iw-site-footer .subscribe-form input { min-width:0; height:42px!important; padding:8px 12px; border:0; border-radius:7px; background:#fff; color:var(--iw-ink); font-size:0.875rem; }
.iw-site-footer .subscribe-btn { display:flex; align-items:center; justify-content:center; gap:7px; height:42px; padding:8px 17px; border:0; border-radius:7px; background:var(--iw-yellow); color:var(--iw-ink); font-size:0.875rem; font-weight:650; }
.iw-site-footer .subscribe-btn:hover { background:var(--iw-gold); }
.iw-footer-main { display:grid; grid-template-columns:minmax(245px,1.45fr) repeat(5,minmax(115px,1fr)); gap:34px; padding:42px 0 38px; }
.iw-footer-main .footer-widget { width:auto; min-width:0; padding:0; }
.iw-site-footer .iw-footer-logo-link { display:inline-block; margin-bottom:20px; }
.iw-site-footer .footer-logo { display:block; width:auto; max-width:180px; max-height:72px; margin:0; padding:10px 14px; border-radius:10px; background:#fff; object-fit:contain; }
.iw-site-footer .iw-footer-brand p { max-width:290px; color:#aaa9a5; font-size:0.875rem; line-height:1.75; }
.iw-site-footer .title { position:relative; margin:0 0 18px; padding-bottom:11px; color:#fff; font-size:0.9375rem; line-height:1.4; font-weight:650; }
.iw-site-footer .title::after { content:""; position:absolute; left:0; bottom:0; width:28px; height:2px; border-radius:2px; background:var(--iw-yellow); }
.iw-site-footer .widget-link ul { gap:0; }
.iw-site-footer .widget-link li { margin:0 0 10px; }
.iw-site-footer .widget-link a { display:inline-flex; align-items:center; color:#aaa9a5; font-size:0.875rem; line-height:1.55; text-decoration:none; transition:color .2s ease,transform .2s ease; }
.iw-site-footer .widget-link a::before { content:""; width:0; height:1px; margin-right:0; background:var(--iw-yellow); transition:width .2s ease,margin .2s ease; }
.iw-site-footer .widget-link a:hover { color:#fff; transform:translateX(2px); }
.iw-site-footer .widget-link a:hover::before { width:10px; margin-right:7px; }
.iw-site-footer .iw-footer-brand .iw-footer-contact { margin-top:24px; padding-top:21px; border-top:1px solid #ffffff17; }
.iw-site-footer .iw-footer-brand .iw-footer-contact .title { margin-bottom:14px; }
.iw-site-footer .iw-footer-contact ul { gap:10px; }
.iw-site-footer .iw-footer-contact li,.iw-site-footer .iw-footer-contact a { display:flex; align-items:flex-start; gap:9px; color:#aaa9a5; font-size:0.875rem; line-height:1.55; overflow-wrap:anywhere; text-decoration:none; word-break:normal; }
.iw-site-footer .iw-footer-contact i { flex:0 0 18px; margin:2px 0 0; color:var(--iw-yellow); font-size:16px; }
.iw-site-footer a:hover { color:var(--iw-yellow); }
.iw-site-footer .footer-copyright { padding:18px 0; border-top:1px solid #ffffff1a; }
.iw-site-footer .copyright-area p { margin:0; color:#92928e; font-size:0.8125rem; }
.iw-site-footer .copyright-area p a { color:#c7c7c2; }
.iw-site-footer .social-icons a { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ffffff20; border-radius:50%; background:#ffffff0c; color:#fff; line-height:1; font-size:15px; }
.iw-site-footer .social-icons a:hover { border-color:var(--iw-yellow); background:var(--iw-yellow); color:var(--iw-ink); }
.iw-site-footer .copyright-area .right img { max-width:190px; height:auto; }
.iw-site-footer :is(a,input,button):focus-visible { outline:2px solid var(--iw-yellow); outline-offset:3px; }
@media(max-width:1199.98px) {
    .iw-footer-main { grid-template-columns:minmax(240px,1.3fr) repeat(3,minmax(140px,1fr)); }
    .iw-site-header .header-wrapper { gap:18px; }
}
@media(max-width:991.98px) {
    .iw-footer-newsletter { grid-template-columns:52px minmax(0,1fr); gap:16px; }
    .iw-footer-newsletter__icon { width:50px; height:50px; border-radius:13px; font-size:24px; }
    .iw-site-footer .newsletter-widget { grid-template-columns:1fr; gap:15px; }
    .iw-footer-main { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .iw-footer-brand { grid-column:span 2; }
}
@media(max-width:767.98px) {
    .iw-footer-newsletter { grid-template-columns:1fr; padding:26px 0; }
    .iw-footer-newsletter__icon { display:none; }
    .iw-footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 22px; padding:34px 0; }
    .iw-footer-brand { grid-column:1 / -1; }
    .iw-site-footer .copyright-area { justify-content:center!important; text-align:center; gap:14px!important; }
}
@media(max-width:575.98px) {
    .iw-site-footer .subscribe-form { grid-template-columns:1fr; padding:6px; }
    .iw-site-footer .subscribe-btn { width:100%; }
    .iw-footer-main { grid-template-columns:1fr 1fr; }
    .iw-site-header .header-middle { padding:12px 0; }
    .iw-site-header .logo { max-width:150px; }
}

/* Search suggestions and final responsive polish for the shared chrome. */
.iw-site-header .header-search-wrapper { margin-right:0; max-width:760px; flex:1; }
.iw-site-header .header-search-form { overflow:visible; }
.iw-site-header .header-search-form .header-form-group { border:0; min-width:0; }
.iw-site-header .header-search-form .icon { top:0; right:0; transform:none; min-width:42px; }
.iw-site-header .header-search-form .form--control { padding-right:60px; width:100%; }
.iw-site-header .header-search-form .form--control::-webkit-search-cancel-button { cursor:pointer; }
.iw-site-header .iw-search-suggestions { position:absolute; top:calc(100% + 9px); left:0; width:100%; max-height:min(480px,70vh); overflow-y:auto; z-index:100; background:#fff; border:1px solid var(--iw-line); border-radius:12px; box-shadow:0 18px 42px #29292926; padding:8px; }
.iw-site-header .iw-search-suggestions[hidden] { display:none; }
.iw-search-suggestions-heading { padding:8px 10px 6px; color:#777; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.iw-search-option { display:flex; align-items:center; gap:12px; min-height:56px; padding:7px 10px; border-radius:8px; color:var(--iw-ink); font-size:13px; line-height:1.35; }
.iw-search-option img { width:42px; height:42px; object-fit:contain; flex-shrink:0; background:#f7f7f5; border-radius:5px; }
.iw-search-option:hover,.iw-search-option[aria-selected="true"] { background:var(--iw-tint); color:var(--iw-ink); }
.iw-search-empty { margin:0; padding:16px 10px; font-size:13px; color:var(--iw-muted); }
.iw-search-all { display:block; padding:11px 10px 8px; margin-top:4px; border-top:1px solid var(--iw-line); color:var(--iw-gold-ink); font-weight:600; font-size:12px; }
.iw-search-all:hover { color:var(--iw-ink); }
.iw-site-header .header-bottom .cart-icon-design .cart-button { background:var(--iw-ink)!important; color:#fff!important; border:0; }
.iw-site-header .header-bottom .cart-icon-design .cart-button i { color:var(--iw-yellow); }
.iw-site-header .header-bottom .cart-icon-design .cart-button .amount { color:#fff; }
.iw-site-header .header-bottom .cart-icon-design .cart-button .items { color:#e2e2df; }
.iw-site-footer .widget-link a,.iw-site-footer .widget-contact a { text-decoration:none; }
@media(max-width:1199.98px) {
  .iw-site-header .header-search-wrapper { max-width:none; margin-right:0; }
  .iw-site-header .header-search-wrapper.show { height:100%; overflow:visible; }
  .iw-site-header .header-search-form { margin:0!important; }
}
@media(max-width:767.98px) {
  .iw-site-header .header-search-wrapper { top:0; }
  .iw-site-header .iw-search-suggestions { top:calc(100% + 8px); }
}

/* Mobile chrome: room for the fixed bottom bar. */
@media(max-width:991.98px) {
  body { padding-bottom:68px; }
  .scrollToTop { bottom:80px; }
}

/* Logo on the left, search icon on the right (mobile/tablet). */
@media(max-width:991.98px) {
  .iw-site-header .header-middle .header-wrapper { justify-content:space-between !important; }
  .iw-site-header .header-middle .header-wrapper .logo { order:-1; flex:1; text-align:start !important; }
  .iw-site-header .header-middle .header-wrapper .header-search-btn { margin-left:auto; flex-shrink:0; }
}

/* Search button fills the field height and follows its rounded corner. */
.iw-site-header .header-search-form .icon { top:0; bottom:0; right:0; height:auto; min-width:48px; border-radius:0 10px 10px 0; }

/* Slimmer header row: icon-only notification bell, smaller logo. */
.iw-site-header .header-middle { padding:10px 0; }
.iw-site-header .logo { max-width:160px; }
.iw-site-header .logo img { max-height:50px; width:auto; }
.iw-site-header .header-middle .notification-dropdown .ecommerce__text { display:none; }
.iw-site-header .header-middle .notification-dropdown .ecommerce__icon { font-size:22px; }

/* Less empty space between the nav bar and the page content. */
main > .py-60:first-child,
main > .pt-60:first-child { padding-top:18px !important; }
main > .py-60:first-child .breadcrumb { margin-bottom:14px !important; }

/* Outline "View Details" style button: centred label, readable colour. */
.btn--base.outline,
.btn--base.btn-sm.outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 20px;
  line-height: 1;
  font-weight: 600;
  border-radius: 9px;
  background-color: #fff !important;
  color: var(--iw-ink) !important;
  border: 1.5px solid #e0ab00 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.btn--base.outline:hover,
.btn--base.outline:focus-visible {
  background-color: var(--iw-yellow) !important;
  border-color: var(--iw-yellow) !important;
  color: var(--iw-ink) !important;
}