/* Modern treatment for API-connected legacy catalogue and checkout components. */
body.dg-app #dgMain > main.dg-page,
body.dg-app #dgMain > .dg-page { padding: 38px 0 68px; }
body.dg-app .categories { background: transparent; }
body.dg-app .header-search input,
body.dg-app .sample.one input {
  min-height: 46px; padding: 0 48px 0 15px; background: #fff;
  border: 1px solid var(--dg-line); border-radius: 13px; outline: none;
}
body.dg-app .header-search input:focus,
body.dg-app .sample.one input:focus { border-color: var(--dg-green); box-shadow: 0 0 0 4px #dceee6; }
body.dg-app .btn-search { background: var(--dg-forest) !important; border-radius: 11px !important; }
body.dg-app .cartcarousel-container { padding: 12px 0; }
body.dg-app .cartcarousel { gap: 10px; }
body.dg-app .category-item,
body.dg-app .littlecarousel-item { background: #fff; border: 1px solid var(--dg-line) !important; border-radius: 14px !important; }
body.dg-app .products:not(.table-layout) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
body.dg-app .productcard { padding: 11px; background: #fff; border: 1px solid var(--dg-line); border-radius: 18px; box-shadow: 0 2px 12px rgba(18,55,44,.04); }
body.dg-app .productcard img { height: 176px !important; object-fit: cover; background: var(--dg-mint); }
body.dg-app .productcard .price-line { color: var(--dg-green); margin-top: 8px; }
body.dg-app .icon-circle { background: #fff; border: 1px solid var(--dg-line) !important; border-radius: 12px !important; }
body.dg-app .widgetcontainer { padding: 40px 0 65px; }
body.dg-app .widget { background: #fff; border: 1px solid var(--dg-line); border-radius: 24px; overflow: hidden; box-shadow: var(--dg-shadow); }
body.dg-app .slide-card { display: grid; grid-template-columns: minmax(280px,1fr) minmax(300px,.9fr); gap: 0; margin: 0; }
body.dg-app .slide-card > img { width: 100%; height: 520px; object-fit: contain; padding: 34px; background: var(--dg-mint); }
body.dg-app .slide-card figcaption { padding: clamp(30px,5vw,70px); align-self: center; }
body.dg-app .slide-card h3 { font-size: clamp(30px,4vw,48px); }
body.dg-app .dg-price { color: var(--dg-green); font: 800 25px Manrope; }
body.dg-app .dg-add-to-cart { background: var(--dg-forest) !important; border-color: var(--dg-forest) !important; border-radius: 11px; }
body.dg-app .checkout-container { padding: 38px 0 70px; }
body.dg-app .checkout-cart,
body.dg-app .checkout-payment { padding: 22px !important; background: #fff; border: 1px solid var(--dg-line); border-radius: 18px; }
body.dg-app .checkout-payment { height: max-content; position: sticky; top: 135px; }
body.dg-app .checkout-address-card { background: var(--dg-mint); border: 1px solid #d7e7de; border-radius: 14px; padding: 18px; }
body.dg-app .order-summary { border-top: 1px solid var(--dg-line); margin-top: 18px; padding-top: 18px; }
body.dg-app #galleryModal > div,
body.dg-app #addProductModal > div { border-radius: 20px !important; border: 1px solid var(--dg-line); }
body.dg-app .form-control { border-color: #d7dfda; border-radius: 10px; }
body.dg-app .form-control:focus { border-color: var(--dg-green); box-shadow: 0 0 0 4px #dceee6; }
@media(max-width:1000px){body.dg-app .products:not(.table-layout){grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){body.dg-app .products:not(.table-layout){grid-template-columns:repeat(2,1fr)}body.dg-app .slide-card{grid-template-columns:1fr}body.dg-app .slide-card>img{height:330px}.checkout-payment{position:static!important}}
@media(max-width:540px){body.dg-app .products:not(.table-layout){grid-template-columns:1fr}body.dg-app .widgetcontainer{padding-top:22px}body.dg-app .slide-card figcaption{padding:24px}}