/* =====================================================================
   Kincaid Plant Markers – Cart.com (AmeriCommerce) store theme override
   Restyles the existing MegaStore3 theme markup to match the new
   WordPress design (Kadence). Load AFTER the theme's own CSS.
   Draft v1 – test on a copy/preview theme before going live.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Source+Sans+3:wght@400;600;700;800&display=swap");

:root{
  --k-green-900:#1f3a2b; --k-green-700:#2f5d3f; --k-green-600:#3b7a50;
  --k-sage-100:#eef3ea; --k-cream:#faf7f0; --k-soil:#6b4f35; --k-clay:#b5562b;
  --k-steel:#5d6770; --k-ink:#1d1d1b; --k-line:#d9dccf; --k-radius:14px;
  --k-sans:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;
  --k-serif:"Merriweather",Georgia,serif;
}

/* ---------- 1. Base: page, text, links ---------- */
html body{font-weight:400!important;background:var(--k-cream)!important;color:var(--k-ink)!important;font-family:var(--k-sans)!important;font-size:19px!important;line-height:1.6!important}
body,body a,body p,body li,body td,body th,body label,body span,body div,body small,body b,body strong,body input,body select,body textarea,body button,body .navbar,body .panel,body .LayoutTop,body .LayoutMiddle,body .LayoutBottom{font-family:var(--k-sans)!important}
body .fa,body [class^="icon-"],body [class*=" icon-"]{font-family:FontAwesome!important}
body .LayoutMiddle,body .LayoutContentInner,body .ProductDetailsBullets,body .ProductDetailsBullets *,body .CategoryCategoryHeader,body .CategoryCategoryHeader *,body .tab-content,body .tab-content *,body .panel{color:var(--k-ink)!important}
body .ProductDetailsBullets span,body .tab-content span,body .CategoryCategoryHeader span{font-family:var(--k-sans)!important;font-size:inherit!important}
body small{font-size:inherit!important}
body p,body li,body td,body span,body div,body label,body a{font-weight:inherit}
body p{font-weight:400!important;line-height:1.6!important}
body b,body strong{font-weight:700!important}
body a{color:var(--k-green-700)!important;text-underline-offset:3px}
body a:hover{color:var(--k-green-900)!important}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible{outline:4px solid #f0b429!important;outline-offset:3px}
body h1,body h2,body h3,body .h1,body .page-header h1,body h1.CategoryCategoryName,body h1.ProductDetailsProductName{font-family:var(--k-serif)!important;color:var(--k-green-900)!important;line-height:1.25!important;font-weight:700!important}
body h1,body h1.CategoryCategoryName,body h1.ProductDetailsProductName{font-size:36px!important;text-transform:none}
body h1.CategoryCategoryName{text-transform:capitalize}
body h1 small{color:var(--k-steel)!important;font-family:var(--k-sans)!important;font-size:22px!important}
body .page-header{border-bottom:0!important;margin:10px 0 18px!important;padding-bottom:0!important}
body .text-muted{color:var(--k-steel)!important}
body h1 *,body h2 *,body h3 *{font-family:inherit!important;color:inherit}
body h1 small{font-family:var(--k-sans)!important}

/* ---------- 2. Header ---------- */
body header.LayoutTop{background:#fff!important;border-bottom:1px solid var(--k-line);box-shadow:0 2px 10px rgba(0,0,0,.05);font-family:var(--k-sans)!important}
body .LayoutTopTop{display:flex;flex-direction:column}
body .LayoutTopTop > .topgrey{order:1}
body .LayoutTopTop > .container:has(.MenuBar){order:2}
body .LayoutTopTop > .container:has(.h-search){order:3}
body .LayoutTopTop > .kpm-strip{order:0}
body .LayoutTopTop > .container{width:100%;max-width:1260px}
/* logo row */
body .topgrey,body .topgrey.grad{margin:0!important;background:#fff!important;filter:none!important;border-bottom:1px solid var(--k-line)}
body .topgrey .container{max-width:1260px;width:100%}
body .topgrey .col-md-12{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px;padding-top:10px;padding-bottom:10px}
body .topgrey .ImageLogo{width:auto!important;flex:none}
body .topgrey .ImageLogo img{height:72px;width:auto;max-width:none}
/* CSS-only fallback: phone line in the logo row (text only – not tappable). Hidden once the HTML header snippet is added. */
body .topgrey .col-md-12::after{content:"Call to order: 816-324-4931";font-weight:700;font-size:20px;color:var(--k-clay);white-space:nowrap}
body:has(.kpm-actions) .topgrey .col-md-12::after{content:none}
/* search row -> slim sage band under the menu */
body .LayoutTopTop > .container:has(.h-search){max-width:none;background:var(--k-sage-100);border-top:1px solid var(--k-line)}
body .LayoutTopTop > .container:has(.h-search) > .row{max-width:1230px;margin:0 auto!important;padding:10px 0}
body .LayoutTopTop > .container:has(.h-search) .col-sm-9{display:none}
body .LayoutTopTop > .container:has(.h-search) .col-sm-3{width:100%;float:none;padding:0}
body .LayoutTopTop .Control_2279{width:100%}
body .h-search{background:transparent!important;padding:0!important;float:none!important;display:flex;align-items:center;gap:8px;max-width:620px;border-radius:0}
body .h-search > *{margin:0!important;vertical-align:middle;position:static!important;top:auto!important;float:none!important}
body header.LayoutTop{margin-bottom:0!important}
body .LayoutTop .row.m-b-30{margin-bottom:0!important}
body .h-search input.SearchBox1[type=text],body #txtRedirectSearchBox{flex:1 1 auto;min-width:0;width:1px!important;height:52px!important;min-height:52px;font-size:19px!important;border:2px solid var(--k-line)!important;border-radius:10px!important;padding:0 16px!important;box-shadow:none!important;color:var(--k-ink)!important;width:auto!important}
body .h-search input[type=submit],body #btnSearchBox1{height:52px!important;min-width:110px;background:var(--k-green-700)!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:700!important;font-size:19px!important;padding:0 20px!important;text-shadow:none!important}
body #txtRedirectSearchBox::placeholder{color:var(--k-steel)}
/* main menu */
body .MenuBar .navbar,body .navbar-default{background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;min-height:64px;box-shadow:none!important}
body .MenuBar .navbar-collapse{padding:0}
body .MenuBar .navbar-nav{float:none;display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px 0}
body .MenuBar .navbar-nav > li{float:none}
body .MenuBar .navbar-nav > li > a,body .navbar-default .navbar-nav > li > a{display:flex;align-items:center;min-height:52px;padding:0 16px!important;font-size:19px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0;color:var(--k-ink)!important;background:transparent!important;border:0!important;border-radius:10px;text-shadow:none!important}
body .MenuBar .navbar-nav > li > a:hover,body .MenuBar .navbar-nav > li.open > a,body .MenuBar .navbar-nav > li.active > a{background:var(--k-sage-100)!important;color:var(--k-green-900)!important}
body .MenuBar .navbar-nav > li > a{font-variant:normal}
body .MenuBar .navbar-nav > li > a::first-letter{text-transform:uppercase}
body .MenuBar ul.nav.navbar-nav:not(.kpm-menu) > li > a{text-transform:capitalize!important}
body .MenuBar .navbar-nav li + li{border-left:0!important}
body .MenuBar .navbar-nav > li{border:0!important;background:none!important}
body .MenuBar .dropdown-menu{border-radius:12px!important;border:1px solid var(--k-line)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important;padding:8px!important;background:#fff!important}
body .MenuBar .dropdown-menu > li > a{font-size:19px!important;padding:12px 16px!important;min-height:48px;color:var(--k-ink)!important;border-radius:8px;text-transform:none!important}
body .MenuBar .dropdown-menu > li > a:hover{background:var(--k-sage-100)!important}
/* cart + account icons -> labelled buttons */
body .MenuBar .navbar-right{background:transparent!important;margin:0!important;position:absolute;right:15px;top:6px}
body .MenuBar .navbar{position:relative}
body .MenuBar .navbar-right .navbar-nav{display:flex;gap:8px;padding:0}
body .MenuBar .navbar-right .navbar-nav > li > a{min-height:52px;border:2px solid var(--k-green-700)!important;color:var(--k-green-900)!important;padding:0 16px!important;gap:8px}
body .MenuBar .navbar-right .navbar-nav > li.no-wrap > a{background:var(--k-green-700)!important;color:#fff!important}
body .MenuBar .navbar-right .navbar-nav > li.no-wrap > a i{color:#fff!important}
body .MenuBar .navbar-right .icon-shopping-cart::after{content:"\00a0 Cart";font-family:var(--k-sans);font-weight:700;font-size:19px}
body .MenuBar .navbar-right .icon-user::after{content:"\00a0 Sign in";font-family:var(--k-sans);font-weight:700;font-size:19px}
body .MenuBar .navbar-right .dropdown-menu{right:0;left:auto;min-width:320px;font-size:18px}
body .MenuBar .navbar-right .dropdown-menu input[type=text],body .MenuBar .navbar-right .dropdown-menu input[type=password]{height:50px;font-size:19px!important;width:100%}
/* header snippet (HTML added in admin) */
.kpm-strip{background:var(--k-green-900);color:#fff;font-size:16px;order:0}
.kpm-strip .container{max-width:1260px;width:100%;display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.kpm-strip a{color:#fff!important;text-decoration:underline}
.kpm-short{display:none}
.kpm-actions{display:flex;gap:10px;align-items:center}
.kpm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:12px;font-weight:700;font-size:19px;text-decoration:none!important;border:2px solid transparent;white-space:nowrap}
.kpm-btn svg{width:22px;height:22px;flex:none}
body .kpm-call{background:#fff;color:var(--k-clay)!important;border-color:var(--k-clay)}
body .kpm-call:hover{background:#fff4ee}
body .kpm-shop{background:var(--k-green-700);color:#fff!important}
body .kpm-shop:hover{background:var(--k-green-900)}

/* ---------- 3. Page frame: remove blue/grey frame ---------- */
body .LayoutMiddle{background:transparent!important;max-width:1260px;width:100%;padding-top:28px;padding-bottom:40px}
body .LayoutMiddle.container{padding-left:15px;padding-right:15px}
body .LayoutContentInner{background:#fff!important;border:1px solid var(--k-line)!important;border-radius:var(--k-radius);padding:28px!important}
body .Layout > .container{max-width:1260px;width:100%}
body .Layout > .container:not(:has(img,iframe,a,p)){display:none!important}
body.Default .LayoutMiddle{text-align:left!important}
/* breadcrumbs */
body .breadcrumb{background:transparent!important;padding:0 0 14px!important;margin:0 0 6px!important;border-bottom:1px solid var(--k-line);border-radius:0;font-size:17px!important;color:var(--k-steel)!important}
body .breadcrumb a,body .breadcrumb b{font-weight:600!important;text-transform:capitalize;font-size:17px!important}
body .breadcrumb *{text-transform:none}
/* section headers ("Featured Items", "Recently Viewed") */
body .grad,body .m-b-30.grad{background:transparent!important;filter:none!important;border:0!important;box-shadow:none!important}
body .ControlHeader,body .Control h3 .ControlHeader{font-family:var(--k-serif)!important;color:var(--k-green-900)!important;font-size:28px!important;font-weight:700!important;text-align:left;padding:0!important;line-height:1.3}
body .Control h3{border:0!important;margin:0 0 8px!important;padding:0!important;background:none!important}

/* ---------- 4. Left column category menu ---------- */
body .LayoutLeftColumn .well{background:#fff!important;border:1px solid var(--k-line)!important;border-radius:var(--k-radius)!important;box-shadow:none!important;overflow:hidden}
body .LayoutLeftColumn .left-head,body .LayoutLeftColumn .well .grad{background:var(--k-green-900)!important;padding:16px 20px!important;border:0!important}
body .LayoutLeftColumn .left-head .ControlHeader,body .LayoutLeftColumn .well .grad .ControlHeader{color:#fff!important;font-size:20px!important;font-family:var(--k-sans)!important;font-weight:800!important;letter-spacing:.02em}
body .LayoutLeftColumn .nav-stacked{padding:8px!important}
body .LayoutLeftColumn .nav-stacked > li{border:0!important;margin:0!important;float:none!important;width:100%!important;display:block}
body .LayoutLeftColumn .nav-stacked > li + li{border-top:1px solid var(--k-line)!important}
body .LayoutLeftColumn .nav-stacked > li > a.category-link{display:flex;align-items:center;min-height:52px;padding:10px 12px!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;color:var(--k-green-900)!important;letter-spacing:.01em;border-radius:8px!important;background:none!important;width:auto!important}
body .LayoutLeftColumn .nav-stacked > li > a.category-link:hover{background:var(--k-sage-100)!important}
body .LayoutLeftColumn .homepage-product .caption a{font-weight:700;font-size:17px}
body .LayoutLeftColumn .homepage-product .thumbnail{border:1px solid var(--k-line)!important;border-radius:10px}
body .BillMeLaterBanner:not(:has(*)){display:none!important}

/* ---------- 5. Product grid cards (homepage, category, recently viewed) ---------- */
body .thumbnail{border:0!important;box-shadow:none!important;background:#fff!important;border-radius:0;padding:0!important}
body .quick-view{display:none!important}
body .category-product,body .LayoutContent .homepage-product{margin-bottom:26px!important}
body .category-product.grid-view,body .LayoutContent .homepage-product{display:flex}
body .category-product.grid-view > *,body .LayoutContent .homepage-product > .ControlItem{width:100%}
body .LayoutContent .homepage-product > .ControlItem,
body .category-product.grid-view{position:relative}
body .LayoutContent .homepage-product > .ControlItem,
body .product-list .category-product.grid-view{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-radius);overflow:hidden;display:flex;flex-direction:column;padding:0 0 20px!important;height:100%}
body .product-list .row,body .LayoutContent .ProductDisplay .row{display:flex;flex-wrap:wrap}
body .product-list .row::before,body .product-list .row::after,body .LayoutContent .ProductDisplay .row::before,body .LayoutContent .ProductDisplay .row::after{display:none}
body .product-list .category-product.grid-view{margin:0 15px 26px!important;width:calc(33.333% - 30px)!important}
body .LayoutContent .homepage-product{padding-left:13px;padding-right:13px}
body .LayoutContent .homepage-product .thumbnail,body .product-list .category-product .thumbnail{display:flex!important;align-items:center;justify-content:center;height:240px!important;min-height:0!important;margin:0 0 14px!important;background:#f1efe7!important;overflow:hidden;border-radius:0!important}
body .LayoutContent .homepage-product .thumbnail img,body .product-list .category-product .thumbnail img{max-height:220px!important;max-width:90%!important;width:auto!important;height:auto!important;object-fit:contain;padding:0!important;margin:0 auto}
body .caption{padding:0 18px!important;text-align:center;display:flex;flex-direction:column;gap:6px;flex:1}
body .caption a.h5,body .caption .h5,body .LayoutContent .homepage-product .caption > p > a{font-family:var(--k-sans)!important;font-size:20px!important;font-weight:700!important;color:var(--k-green-900)!important;line-height:1.3!important;text-decoration:none}
body .caption .text-muted,body .CategoryProductPrice,body .lblPrice,body .caption .lblPriceArea{font-size:20px!important;font-weight:700!important;color:var(--k-ink)!important}
body .lblPriceLabel{font-weight:400!important;color:var(--k-steel)!important;font-size:17px!important}
body .caption a.prod_view{display:flex!important;align-items:center;justify-content:center;min-height:52px;margin:auto 0 0!important;width:100%;background:var(--k-green-700)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:700!important;font-size:19px!important;text-decoration:none!important;box-shadow:none!important}
body .caption a.prod_view:hover{background:var(--k-green-900)!important}
body .caption a.prod_view{font-size:0!important}
body .caption a.prod_view::after{content:"See details";font-size:19px}
/* "Featured!" / "Spotlight!" corner ribbons -> small pills */
body .product-flag{width:auto!important;height:auto!important;transform:none!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;z-index:2}
body .product-flag span{position:static!important;display:inline-block!important;width:auto!important;background:var(--k-clay)!important;color:#fff!important;border-radius:999px;padding:3px 12px!important;font-size:15px!important;font-weight:700}
/* category page tools */
body .CategoryChildCategoryHeader{font-weight:800!important;color:var(--k-soil)!important;font-size:16px!important;letter-spacing:.06em;margin-bottom:8px;width:100%}
body .nav-pills{display:flex;flex-wrap:wrap;gap:10px}
body li.CategoryChildCategories > a{min-height:52px;display:flex!important;align-items:center;padding:0 22px!important;border:2px solid var(--k-green-700)!important;border-radius:12px!important;background:#fff!important;color:var(--k-green-900)!important;font-weight:700!important;font-size:19px!important}
body li.CategoryChildCategories > a:hover{background:var(--k-sage-100)!important}
body .LayoutContent .clearfix.pad-20.no-pad-lr{background:var(--k-sage-100);border-radius:12px;padding:12px 16px!important;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body .LayoutContent .clearfix.pad-20.no-pad-lr > div{padding:0!important}
body .LayoutContent .clearfix.pad-20.no-pad-lr .f-right{display:none}
body .CompareBucket{display:none}
body select,body input[type=text],body input[type=email],body input[type=password],body input[type=number],body textarea{min-height:48px!important;font-size:18px!important;border:2px solid var(--k-line)!important;border-radius:10px!important;color:var(--k-ink)!important;box-shadow:none!important}
body select{padding:6px 12px!important}
body .CategoryCategoryHeader{font-size:20px;margin-bottom:10px}

/* ---------- 6. Buttons (all theme buttons) ---------- */
body .ThemeButton,body input.ThemeButton,body a.ThemeButton,body .btn-primary,body .btn-danger{background:var(--k-green-700)!important;color:#fff!important;border:2px solid var(--k-green-700)!important;border-radius:12px!important;min-height:52px;padding:0 24px!important;font-family:var(--k-sans)!important;font-weight:700!important;font-size:19px!important;text-shadow:none!important;box-shadow:none!important;background-image:none!important;cursor:pointer}
body .ThemeButton:hover,body .btn-primary:hover{background:var(--k-green-900)!important;border-color:var(--k-green-900)!important}
body .btn-default{border:2px solid var(--k-green-700)!important;color:var(--k-green-900)!important;border-radius:12px!important;font-weight:700!important;min-height:48px;background:#fff!important}
body input.MoveToWishListThemeButton,body input.ContinueShoppingThemeButton,body a.ContinueShoppingThemeButton,body .MoveToWishListThemeButton,body .ContinueShoppingThemeButton,body input[value="Continue Shopping"],body a.ThemeButton[href*="default"]{background:#fff!important;color:var(--k-green-900)!important;border-color:var(--k-green-700)!important}
body input.MoveToWishListThemeButton:hover{background:var(--k-sage-100)!important}

/* ---------- 7. Product page ---------- */
body .main-product-photo,body .col-sm-6.thumbnail{background:#fff!important}
body .LayoutContent .col-sm-6.thumbnail{border:1px solid var(--k-line)!important;border-radius:var(--k-radius)!important;padding:20px!important;min-height:360px;display:flex!important;align-items:center;justify-content:center;flex-direction:column}
body #PhotoThumbnails_imgPhoto{max-height:460px;width:auto!important;max-width:100%;margin:0 auto}
body .LayoutContent .col-sm-6 > .panel{border:0!important;box-shadow:none!important;margin-bottom:14px!important;background:transparent!important}
body .ProductDetailsBullets{font-size:19px!important;line-height:1.55!important;display:block}
body .ProductDetailsBullets p{margin:0 0 6px!important}
body #dvProductPricing .h1,body .ProductDetailsPriceArea,body .ProductDetailsPriceArea *{font-family:var(--k-sans)!important;color:var(--k-green-900)!important;font-size:34px!important;font-weight:800!important}
body #dvProductPricing{border-top:1px solid var(--k-line);padding-top:14px!important}
body #dvProductVariations .Variant label,body #lblQuantity,body .ProductDetailsVariations label{font-size:19px!important;font-weight:700!important;color:var(--k-green-900)!important;margin-bottom:6px}
body #dvProductVariations select{height:54px!important;width:100%!important;font-size:19px!important}
body .ProductDetailsSwatches ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
body .ProductDetailsSwatches li{margin:0!important}
body .ProductDetailsSwatches img{height:40px!important;width:auto!important;border-radius:6px;border:2px solid var(--k-line);cursor:pointer;padding:2px}
body .ProductDetailsSwatches img.ProductDetailsSelectedVariant{border-color:var(--k-green-700);outline:2px solid var(--k-green-700)}
body #dvProductQuantity{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--k-sage-100);border-radius:var(--k-radius);padding:20px!important}
body #dvProductQuantity > label{width:100%;margin:0}
body #dvProductQuantity .qty-spinner{display:inline-flex;align-items:center;position:relative}
body #txtQuantity{width:96px!important;height:60px!important;font-size:22px!important;text-align:center;font-weight:700;padding:0 26px 0 8px!important}
body .qty-spinner a.icon-chevron-up,body .qty-spinner a.icon-chevron-down{right:6px!important;font-size:16px;color:var(--k-green-700)!important}
body #btnAddToCart{flex:1;min-width:220px;min-height:64px!important;font-size:22px!important;border-radius:12px!important}
body #dvProductQuantity > .pad-10{padding:0!important;width:100%}
body #ibtnAddToWishlist{min-height:48px!important;font-size:18px!important;width:auto}
body #dvShippingEstimationLink{width:100%}
body #dvShippingEstimationLink a{font-weight:700;font-size:18px}
/* quantity discount table */
body .ProductDetailsQuantityPriceTable{background:#fff;border:1px solid var(--k-line)!important;border-radius:var(--k-radius);border-collapse:separate!important;overflow:hidden;margin-top:24px}
body .ProductDetailsQuantityPriceTable td{padding:12px 14px!important;font-size:19px!important;border-top:1px solid var(--k-line)!important;color:var(--k-ink)!important}
body .ProductDetailsQuantityPriceTable tr:first-child td{background:var(--k-green-900)!important;color:#fff!important;border-top:0!important;font-weight:700}
body .ProductDetailsQuantityPriceTable tr:first-child td *{color:#fff!important}
body .ProductDetailsQuantityPriceTable td p{margin:0!important;font-weight:700}
body .ProductDetailsQuantityPricePrice{font-weight:700}
/* tabs */
body .nav-tabs{border-bottom:2px solid var(--k-line)!important;display:flex;gap:6px}
body .nav-tabs > li > a,body .nav-tabs > li > a.active{font-size:19px!important;font-weight:700!important;min-height:52px;display:flex!important;align-items:center;padding:0 20px!important;border-radius:10px 10px 0 0!important;background:#fff!important;color:var(--k-green-900)!important;border:1px solid var(--k-line)!important;border-bottom:0!important}
body .nav-tabs > li.active > a{background:var(--k-green-900)!important;color:#fff!important}
body .tab-content{font-size:19px!important;line-height:1.6}
body .tab-content strong,body .tab-content [style*="color"]{color:var(--k-green-900)!important}

/* ---------- 8. Cart ---------- */
body .LayoutContent table.table{font-size:18px}
body .LayoutContent table.table th{background:var(--k-sage-100);color:var(--k-green-900)}
body input[id*="Checkout" i],body a[id*="Checkout" i],body .CheckoutThemeButton,body .ProceedToCheckoutThemeButton{background:var(--k-clay)!important;border-color:var(--k-clay)!important;min-height:64px!important;font-size:22px!important}

/* ---------- 9. Footer ---------- */
body footer.LayoutBottom{background:var(--k-green-900)!important;color:#e9efe6!important;font-size:18px!important;padding:40px 0 10px;margin-top:20px}
body footer.LayoutBottom .container{max-width:1260px;width:100%}
body footer.LayoutBottom *{color:#e9efe6!important;font-family:var(--k-sans)!important}
body footer.LayoutBottom a{color:#fff!important;text-decoration:underline}
body footer.LayoutBottom .h4,body footer.LayoutBottom .nav-header,body footer.LayoutBottom .nav-header *{color:#fff!important;font-size:18px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.06em}
body footer.LayoutBottom .nav-list > li > a{display:inline-flex;align-items:center;min-height:40px;padding:0!important;font-size:18px!important;text-transform:capitalize;background:none!important}
body footer.LayoutBottom abbr{text-decoration:none;border:0;font-weight:700}
body footer.LayoutBottom .footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:20px}
body footer.LayoutBottom .footer-bottom p{font-size:16px!important;font-weight:400}
body footer.LayoutBottom a.big{font-size:26px}
body footer.LayoutBottom i[class^="icon-"],body footer.LayoutBottom i[class*=" icon-"]{font-family:FontAwesome!important;font-style:normal}
body #AmeriCommerce-powered-by-link{background:var(--k-green-900);padding:4px 0 14px;color:#cfd9ca!important}
body #AmeriCommerce-powered-by-link a{color:#cfd9ca!important}

/* ---------- 10. Tablet / phone ---------- */
@media (max-width:991px){
  body .topgrey .col-md-12::after{font-size:17px}
}
@media (max-width:767px){
  html body{font-size:19px!important}
  body .topgrey .col-md-12{min-height:76px;gap:10px;padding-left:12px;padding-right:12px}
  body .topgrey .ImageLogo{text-align:left!important}
  body .topgrey .ImageLogo img{height:54px}
  body .topgrey .col-md-12::after{content:"Call 816-324-4931";font-size:17px}
  body .kpm-hide-m,body .kpm-long,body .kpm-shop{display:none!important}
  body .kpm-short{display:inline}
  body .kpm-btn{min-height:52px;padding:0 14px;font-size:18px}
  .kpm-strip{font-size:15px}
  body .LayoutTopTop > .container{padding-left:12px;padding-right:12px}
  body .LayoutTopTop .row{margin-left:0!important;margin-right:0!important}
  body .LayoutTopTop .row > [class*=col-]{padding-left:0;padding-right:0}
  body .topgrey .col-md-12{padding-left:12px!important;padding-right:12px!important}
  /* mobile menu bar */
  body .MenuBar .navbar{min-height:0}
  body .MenuBar .navbar-header{width:100%;float:none!important;display:flex!important;align-items:center;justify-content:flex-end;flex-direction:row;margin:0!important;padding:8px 0}
  body .MenuBar .navbar-header .navbar-brand{display:none}
  body .navbar-toggle{display:inline-flex!important;align-items:center;gap:4px;flex-direction:column;justify-content:center;margin:0!important;float:none!important;min-height:52px;min-width:120px;background:var(--k-green-900)!important;border:0!important;border-radius:12px!important;padding:8px 16px!important;position:relative}
  body .navbar-toggle .icon-bar{background:#fff!important;width:24px!important;height:3px!important;margin:0!important}
  body .MenuBar .navbar-toggle{flex-direction:row;padding-left:14px!important;margin-left:auto!important}
  body .MenuBar .navbar-toggle .icon-bar{display:none}
  body .MenuBar .navbar-toggle::before{content:"\2630";color:#fff;font-size:24px;line-height:1}
  body .MenuBar .navbar-toggle::after{content:"Menu";color:#fff;font-weight:700;font-size:19px;margin-left:8px}
  body .MenuBar .navbar-collapse{border:0!important;box-shadow:none!important;max-height:none}
  body .MenuBar .navbar-nav{display:block;margin:0!important;padding:0 0 10px}
  body .MenuBar .navbar-nav > li > a{min-height:58px;border-bottom:1px solid var(--k-line)!important;border-radius:0;font-size:20px!important;padding:0 6px!important;color:var(--k-green-900)!important}
  body .MenuBar .navbar-nav .open .dropdown-menu{position:static;box-shadow:none!important;border:0!important;padding:0 0 0 16px!important}
  /* cart / sign-in buttons stay visible next to the Menu button */
  body .MenuBar .navbar-right{position:absolute;top:8px;left:0;right:auto;margin:0!important}
  body .MenuBar .navbar-collapse.collapse:not(.in) .navbar-right{display:block!important}
  body .MenuBar .navbar-right .navbar-nav{display:flex;padding:0}
  body .MenuBar .navbar-right .navbar-nav > li > a{min-height:52px;border-bottom:2px solid var(--k-green-700)!important;border-radius:12px;padding:0 14px!important;font-size:18px!important}
  body .MenuBar .navbar-right .visible-xs{display:none!important}
  body .MenuBar .navbar-right .icon-user::after{content:"\00a0Sign in";font-size:18px}
  body .MenuBar .navbar-right .navbar-nav > li > a{min-width:52px;justify-content:center}
  body .MenuBar .navbar-collapse.collapse:not(.in){display:block!important;height:0!important;overflow:visible!important;padding:0}
  body .MenuBar .navbar-collapse.collapse:not(.in) > ul.navbar-nav{display:none}
  body .h-search{max-width:none}
  body .h-search input[type=submit],body #btnSearchBox1{min-width:84px}
  /* left column toggle -> "Shop by category" */
  body .navbar-header-leftcol{display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;background:#fff!important;border:2px solid var(--k-green-700)!important;border-radius:12px!important;padding:6px 6px 6px 16px!important;margin-bottom:18px!important;box-shadow:none!important}
  body .navbar-header-leftcol .navbar-brand{font-size:0!important;padding:0!important;height:auto;float:none}
  body .navbar-header-leftcol .navbar-brand::after{content:"Shop by category";font-size:20px;font-weight:800;color:var(--k-green-900)}
  body .navbar-header-leftcol .navbar-toggle{min-width:56px}
  body .LayoutMiddle{padding-top:18px}
  body .LayoutContentInner{padding:18px!important;border-radius:12px}
  body h1,body h1.CategoryCategoryName,body h1.ProductDetailsProductName{font-size:28px!important}
  body .ControlHeader,body .Control h3 .ControlHeader{font-size:24px!important}
  body .product-list .category-product.grid-view{width:calc(100% - 30px)!important}
  body .LayoutContent .homepage-product{width:100%}
  body .LayoutContent .col-sm-6.thumbnail{min-height:240px}
  body #btnAddToCart{width:100%;flex:1 1 100%}
  body .ProductDetailsQuantityPriceTable td{padding:10px 8px!important;font-size:17px!important}
  body .overflow-x-scroll{overflow-x:auto}
  body .nav-tabs > li > a{padding:0 14px!important;font-size:18px!important}
  body footer.LayoutBottom .footer-column{margin-bottom:10px}
  body .breadcrumb{font-size:16px!important}
}
@media (min-width:768px) and (max-width:991px){
  body .product-list .category-product.grid-view{width:calc(50% - 30px)!important}
}

/* ---------- 11. Whole category card is clickable + visible "See details" button ---------- */
body .product-list .category-product.grid-view .caption{position:static}
body .product-list .category-product.grid-view .caption a.h5::after{content:"";position:absolute;inset:0;z-index:1}
body .product-list .category-product.grid-view .caption::after{content:"See details";display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:auto;border-radius:12px;background:var(--k-green-700);color:#fff;font-weight:700;font-size:19px}
body .product-list .category-product.grid-view:hover .caption::after{background:var(--k-green-900)}
body .product-list .category-product.grid-view:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}
body .product-list .category-product .caption > div{margin:0}
body .LayoutContent .clearfix.pad-20.no-pad-lr:not(:has(select,b,a,input)){display:none!important}
body .LayoutContent .Control.ProductDisplay,body .LayoutContent .Control.ProductDisplay > div{border:0!important;box-shadow:none!important;background:transparent!important}

/* =====================================================================
   v2 additions (2026-10-22): cart + checkout fixes found in the
   preview-theme checkout test, plus the home hero styles.
   ===================================================================== */

/* ---------- 10. Checkout (OnePageCheckout.aspx) ---------- */
/* Page title "Secure Checkout" was still theme-blue Source Sans */
body .LayoutContentInner .h2.bold.center{font-family:var(--k-serif)!important;color:var(--k-green-900)!important;font-size:34px!important;font-weight:700!important}
/* Section headings (Billing, Shipping, Payment, Discounts...) were 14px */
body .checkout .h4.bold,body .checkout .h4{font-family:var(--k-serif)!important;color:var(--k-green-900)!important;font-size:22px!important;font-weight:700!important;line-height:1.3!important}
/* Floating labels: placeholder sat too high in the 48px fields; the raised label was 10px (unreadable) */
body .checkout label{padding-top:26px!important}
body .checkout label > span{top:37px!important;line-height:24px!important;left:14px!important;font-size:18px!important;opacity:.65!important}
body .checkout label.active > span,body .checkout label.filled > span,body .checkout label select ~ span,body .checkout label select + span,body .checkout .address-book-label span{top:0!important;left:4px!important;font-size:15px!important;line-height:22px!important;opacity:1!important;font-weight:600!important;color:var(--k-green-900)!important}
body .checkout label span span,body .checkout label input[type=checkbox] + span{position:static!important;font-size:inherit!important}
body .checkout label span.ErrorText{position:static!important;font-size:16px!important;color:#b42318!important;opacity:1!important}
/* Phone field: the flag/globe button covered the "Phone Number" placeholder */
body .checkout .iti{display:block;width:100%}
body .checkout .iti input[type=text],body .checkout .iti input[type=tel]{padding-left:58px!important;width:100%!important}
body .checkout label:has(.iti) > span{left:62px!important}
body .checkout label.active:has(.iti) > span,body .checkout label.filled:has(.iti) > span{left:4px!important}
body .checkout .iti__selected-country{min-height:44px}
/* Checkboxes and radios were 13px */
html body input[type=checkbox],html body input[type=radio],html body .checkout input[type=checkbox],html body .checkout input[type=radio]{width:22px!important;height:22px!important;min-height:0!important;accent-color:var(--k-green-700);vertical-align:middle;margin:0 10px 0 0!important;cursor:pointer}
body input[type=checkbox] + label,body input[type=radio] + label{display:inline!important;vertical-align:middle;font-size:19px!important;cursor:pointer;font-weight:600}
body #rblSameAsBillingAddress td{padding:6px 0}
/* Coupon "Apply Code" text was cut off ("Apply Coc") */
body #CouponCodeArea .col-sm-2{width:auto!important}
body #btnAddCoupon{width:auto!important;min-width:150px;white-space:nowrap;padding:0 20px!important}
/* "Log In" link next to "Are you an existing Customer?" was a tiny 16px pill */
body .checkout a[href*="Login.aspx"]{display:inline-flex!important;align-items:center;min-height:48px;padding:0 20px!important;font-size:18px!important;font-weight:700!important;border:2px solid var(--k-green-700)!important;border-radius:12px!important;color:var(--k-green-900)!important;background:#fff!important;text-decoration:none!important}
/* Place Order: make it the clear, large final button */
body #btnPlaceOrder{background:var(--k-clay)!important;border-color:var(--k-clay)!important;min-height:64px!important;min-width:260px;font-size:22px!important}
body #btnPlaceOrder:hover{background:#963f1c!important;border-color:#963f1c!important}
/* Order summary + order table readability */
body .checkout .ShoppingCartTotals,body .checkout .ShoppingCartPrice{font-size:18px!important}
body .checkout table.OnePageCheckoutShoppingCart td,body .checkout table.OnePageCheckoutShoppingCart th{font-size:17px!important;vertical-align:middle}

/* ---------- 11. Cart page small links ---------- */
body #tblCart .RemoveFromCartLink,body #tblCart .SaveForLaterLink a,body #tblCart .UpdateButton a{display:inline-block;font-size:17px!important;padding:6px 0;font-weight:700}
body #tblCart .ShoppingCartQtyTextbox{width:64px!important;text-align:center;min-height:48px!important;font-size:19px!important}

/* "Clear Cart Items" looked like a main (green) button; make it a quiet outline so nobody empties the cart by mistake */
body input.ShoppingCartClearCartThemeButton{background:#fff!important;color:var(--k-steel)!important;border-color:var(--k-line)!important}
body input.ShoppingCartClearCartThemeButton:hover{background:#f4f4f2!important}
body input.ShoppingCartSaveCartThemeButton{background:#fff!important;color:var(--k-green-900)!important;border-color:var(--k-green-700)!important}

/* ---------- 12. Phones: cart + checkout tables (columns were cut off) ---------- */
@media (max-width:767px){
  /* Cart: stack each line item as a card; Quantity/Total columns were clipped off-screen */
  body #tblCart,body #tblCart tbody,body #tblCart tr,body #tblCart td{display:block!important;width:100%!important;white-space:normal!important}
  body #tblCart thead,body #tblCart td.ShoppingCartSpacer{display:none!important}
  body #tblCart tr{border:1px solid var(--k-line);border-radius:12px;background:#fff;padding:6px 14px 12px;margin:0 0 14px}
  body #tblCart td{border:0!important;padding:4px 0!important;text-align:left!important}
  body #tblCart td .pad-20{padding:4px 0!important}
  body #tblCart td:nth-child(3),body #tblCart td:nth-child(4),body #tblCart td:nth-child(5){display:flex!important;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--k-line)!important}
  body #tblCart td:nth-child(3)::before{content:"Price";font-weight:700;color:var(--k-green-900)}
  body #tblCart td:nth-child(4)::before{content:"Quantity";font-weight:700;color:var(--k-green-900)}
  body #tblCart td:nth-child(5)::before{content:"Total";font-weight:700;color:var(--k-green-900)}
  body #tblCart .qty-wrapper{display:flex;align-items:center;gap:12px}
  body #tblCart .qty-spinner{margin-right:34px!important}
  body #tblCart .thumbnail{margin:0 12px 6px 0!important}
  body .ShoppingCartButtons .well input{display:block;width:100%;margin:0 0 10px!important}
  /* Checkout order table: let the product column wrap so all 4 columns fit */
  body .checkout table.OnePageCheckoutShoppingCart{table-layout:auto;width:100%!important}
  body .checkout table.OnePageCheckoutShoppingCart th,body .checkout table.OnePageCheckoutShoppingCart td{padding:8px 5px!important;font-size:16px!important;white-space:normal!important}
  body .checkout table.OnePageCheckoutShoppingCart .ShoppingCartItemNr{display:block;font-size:14px}
  body .LayoutContentInner .h2.bold.center{font-size:28px!important}
  body .well.checkout{padding:8px!important}
  body .checkout .panel .pad-20{padding:16px 14px!important}
  body #btnPlaceOrder,body #btnAddCoupon{width:100%!important}
  body #CouponCodeArea .col-sm-2{width:100%!important}
}
/* ---------- Home hero (BannerAd Control_2810) ---------- */
body .kpm-hero{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#eef3ea 0%,#faf7f0 70%);border:1px solid var(--k-line,#d9dccf);border-radius:var(--k-radius,14px);padding:32px 36px;margin:0 0 28px;overflow:hidden}
body .kpm-hero-text{flex:1 1 60%;min-width:0}
body .kpm-hero .kpm-hero-title{font-family:var(--k-serif,"Merriweather",Georgia,serif)!important;font-weight:900!important;font-size:34px!important;line-height:1.2!important;color:var(--k-green-900,#1f3a2b)!important;margin:0 0 12px!important;text-transform:none!important}
body .kpm-hero .kpm-hero-sub{font-size:20px!important;line-height:1.5!important;color:var(--k-ink,#1d1d1b)!important;margin:0 0 22px!important}
body .kpm-hero-btns{display:flex;flex-wrap:wrap;gap:12px}
body .kpm-hbtn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border-radius:12px;font-weight:700!important;font-size:19px!important;text-decoration:none!important;border:2px solid transparent;line-height:1.2;text-align:center}
body .kpm-hbtn-main{background:var(--k-green-700,#2f5d3f);color:#fff!important}
body .kpm-hbtn-main:hover{background:var(--k-green-900,#1f3a2b)}
body .kpm-hbtn-alt{background:#fff;color:var(--k-green-700,#2f5d3f)!important;border-color:var(--k-green-700,#2f5d3f)}
body .kpm-hbtn-alt:hover{background:var(--k-sage-100,#eef3ea)}
body .kpm-hbtn-call{background:#fff;color:var(--k-clay,#b5562b)!important;border-color:var(--k-clay,#b5562b)}
body .kpm-hbtn-call:hover{background:#fff4ee}
body .kpm-hbtn:focus-visible{outline:3px solid #f2c94c;outline-offset:2px}
body .kpm-hero-img{flex:0 0 36%;max-width:36%;height:auto;display:block}
@media (max-width:991px){ body .kpm-hero-title{font-size:30px!important} }
@media (max-width:767px){
  body .kpm-hero{flex-direction:column-reverse;align-items:stretch;padding:20px 18px;gap:12px}
  body .kpm-hero-img{max-width:60%;flex:none;margin:0 auto;max-height:150px;width:auto}
  body .kpm-hero .kpm-hero-title{font-size:27px!important}
  body .kpm-hero .kpm-hero-sub{font-size:18px!important;margin-bottom:16px!important}
  body .kpm-hbtn{width:100%;min-height:58px;font-size:19px!important}
}

/* =====================================================================
   v3 additions (2026-10-22): mini-cart dropdown on phones + search
   results product grid. CSS only; rollback = kincaid-store-theme.v2.css
   ===================================================================== */

/* ---------- 13. Header mini-cart (SmallShoppingCart) ---------- */
/* Theme marks the panel "no-wrap", so long product names were clipped */
body .MenuBar .navbar-right .SmallShoppingCart,body .MenuBar .navbar-right .SmallShoppingCart *{white-space:normal!important}
body .SmallShoppingCart .pad-50{padding-left:12px!important;padding-right:12px!important}
body .SmallShoppingCart .SmallCartItem{display:flex;align-items:flex-start;gap:12px;margin:0!important}
body .SmallShoppingCart .SmallCartItem > .pull-left{float:none!important;margin:0!important;flex:none}
body .SmallShoppingCart .SmallCartItem > .pull-right{float:none!important;order:3;margin:4px 0 0!important;flex:none}
body .SmallShoppingCart .SmallCartItem .media-body{flex:1 1 auto;min-width:0;overflow:visible;width:auto}
body .SmallShoppingCart .SmallCartItemLink{display:block;font-size:18px!important;font-weight:700!important;line-height:1.35!important;overflow-wrap:anywhere;margin-bottom:6px}
body .SmallShoppingCart .SmallCartItem .media-body > div:last-child{display:flex;align-items:center;gap:8px;font-size:18px}
body .SmallShoppingCart input.SmallCartQtyTextbox{width:72px!important;flex:none;text-align:center;padding:0 6px!important}
body .SmallShoppingCart .clear-item-link{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%!important;font-size:22px!important;background:#fff!important;border:2px solid var(--k-line);color:var(--k-steel)!important;padding:0!important}
body .SmallShoppingCart #2971_btnCheckOut,body .SmallShoppingCart .SmallCartCheckoutThemeButton{width:100%!important;white-space:normal!important;min-height:56px!important}
body .SmallShoppingCart .update-qty-link a,body .SmallShoppingCart a.block{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-weight:700;font-size:18px!important}
@media (max-width:767px){
  /* Bootstrap drops the dropdown into the page flow on phones, which stretched the Cart
     button full width, pushed "Sign in" under it and ran the panel over the hero.
     Float it as a panel instead: full width minus 12px margins, scrolls if tall. */
  body .MenuBar .navbar-right .navbar-nav > li,body .MenuBar .navbar-right .navbar-nav > li.open{position:static!important}
  body .MenuBar .navbar-right .navbar-nav > li > .dropdown-menu,
  body .MenuBar .navbar-nav .open .dropdown-menu.dropdown-menu{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;float:none!important;
    width:calc(100vw - 24px)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px);overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    margin:0!important;padding:8px!important;background:#fff!important;border:1px solid var(--k-line)!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;z-index:1000;font-size:18px}
  body .MenuBar .navbar-right .navbar-nav > li > .dropdown-menu > li{display:block;width:100%}
  body .MenuBar .navbar-right .dropdown-menu .panel-body{padding:12px!important}
  body .MenuBar .navbar-right .dropdown-menu .FacebookButton{width:100%;white-space:normal!important}
}

/* ---------- 14. Search results grid (Search.aspx) ---------- */
/* Search wraps every 4 tiles in their own .row (col-md-3), so with 3-across cards
   rows came out 3 + 1 + 3 + 1; it also adds a "View" link that showed as a second
   "See details" button. Lay tiles out on one grid like the category pages. */
body.Search .product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
body.Search .product-list > .row{display:contents}
body.Search .product-list .category-product.grid-view{width:auto!important;max-width:none!important;margin:0 0 26px!important;float:none!important;padding:0 0 20px!important}
body.Search .product-list .caption a.prod_view{display:none!important}
body.Search .product-list .caption .text-muted.pad-b-10{padding-bottom:4px!important}
body.Search .product-list > .clearfix,body.Search .product-list > :not(.row):not(.category-product){grid-column:1 / -1}
body.Search #dlCategories{margin:4px 0 18px;font-size:18px}
body.Search #dlCategories td{padding:2px 0}
body.Search #dlCategories br{display:none}
body.Search #dlCategories tr:first-child td{font-weight:700;color:var(--k-green-900)}
body.Search .LayoutContentInner .panel-body{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body.Search .LayoutContentInner .panel-body #txtSearchBox{flex:1 1 220px;min-width:0}
body.Search .LayoutContentInner .panel-body #btnSearch{min-width:90px}
@media (min-width:768px) and (max-width:991px){
  body.Search .product-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  body.Search .product-list{grid-template-columns:minmax(0,1fr);gap:0}
  body.Search .LayoutContentInner .panel-body > *{width:100%!important}
}
@media (min-width:480px) and (max-width:767px){
  body.Search .product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
}
@media (min-width:768px){
  body .MenuBar .navbar-right li.no-wrap > .dropdown-menu{min-width:360px;max-width:calc(100vw - 30px);max-height:calc(100vh - 230px);overflow-y:auto;overscroll-behavior:contain}
}