/* KingDing sitewide breadcrumb width and Rose & Etta Petal overview layout. */
.pageTrail{width:min(1920px,calc(100% - 32px))!important;max-width:1920px!important;box-sizing:border-box;margin-inline:auto!important;padding:9px max(18px,calc((100% - 1380px)/2))!important;justify-content:flex-start;border-left:4px double #bd9a61;border-right:4px double #bd9a61}
.pageTrail:after{right:24px}
.petal-art-problem-layout{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:clamp(18px,3vw,38px);align-items:center;margin:clamp(18px,3vw,34px) 0}
.petal-art-problem-layout .petalPackageArt{width:100%;max-width:360px!important;margin:0!important;align-self:center}
.petal-art-problem-layout .petalPackageArt img{display:block;width:100%;max-height:min(70vh,560px);object-fit:contain}
.petal-art-problem-layout .problemPanel{min-width:0;margin:0!important;padding:clamp(18px,2.6vw,34px)}
.petal-art-problem-layout .problemPanel h2{margin-top:0}
.petal-art-problem-layout .problemPoints{margin:.5rem 0 0;padding-left:1.35rem}
.petal-art-problem-layout .problemPoints li{margin:.7rem 0;line-height:1.7}
@media(max-width:720px){.petal-art-problem-layout{grid-template-columns:minmax(0,1fr)}.petal-art-problem-layout .petalPackageArt{max-width:min(100%,320px)!important;margin-inline:auto!important}.petal-art-problem-layout .petalPackageArt img{max-height:55vh}}

/* KD_LAYOUT_REPAIR_20261021 */
.pageHero,.pageTrail{width:min(1920px,calc(100% - 32px))!important;max-width:1920px!important;box-sizing:border-box!important;margin-inline:auto!important}
.pageTrail{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:.5rem!important;padding:9px 3.1rem 9px 18px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin;white-space:nowrap!important}
.pageTrail>*{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;width:auto!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}
.pageTrail:after{right:14px!important}
.petal-family-nav{display:flex!important;flex-flow:row wrap!important;align-items:center!important;gap:.45rem!important;margin:0 0 1.1rem!important;padding:.65rem!important;border:1px solid #d7bd91!important;border-radius:12px!important;background:#fff7e8!important}
.petal-family-nav>a{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;padding:.43rem .68rem!important;border:1px solid #dec9a6!important;border-radius:999px!important;background:#fffdf8!important;color:#5b3448!important;text-decoration:none!important;white-space:nowrap!important;line-height:1.25!important}
.petal-family-nav>a:hover{background:#f3e9ee!important;border-color:#b98a6b!important;color:#7d3154!important}
.petal-family-nav>a[aria-current="page"]{background:#0c251a!important;color:#fff9ed!important;border-color:#d9a85a!important;font-weight:700!important}
@media(max-width:620px){.pageHero,.pageTrail{width:calc(100% - 20px)!important}.pageTrail{gap:.35rem!important;padding:8px 2.8rem 8px 12px!important;font-size:.82rem!important}.petal-family-nav{gap:.32rem!important;padding:.5rem!important}.petal-family-nav>a{padding:.4rem .52rem!important;font-size:.78rem!important}}

/* KD_MOBILE_VIEWPORT_LAYOUT_20261021 */
@media(max-width:620px){
 html,body{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
 .pageHero,.pageTrail{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin-left:10px!important;margin-right:10px!important}
 .pageHero{overflow:hidden!important}
 .pageHero>img{max-width:100%!important}
 .pageTrail{padding-right:2.8rem!important}
 main.catalog{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin-left:16px!important;margin-right:16px!important;box-sizing:border-box!important}
 main.catalog .split,main.catalog .split>*,main.catalog .catalogNav,main.catalog .gardenNav,main.catalog .detail,main.catalog .petal-family-nav{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 main.catalog .gardenNav *,main.catalog .detail *{min-width:0!important;box-sizing:border-box}
 main.catalog .gardenSearch{width:100%!important;max-width:100%!important;min-width:0!important}
 .petal-family-nav{overflow-wrap:anywhere!important}
 .petal-family-nav>a{max-width:100%!important;flex:0 1 auto!important}
 .kdGpuHeroControls{right:8px!important;bottom:8px!important;max-width:calc(100% - 16px)!important}
 .kdGpuHeroControls button{max-width:100%!important;white-space:nowrap!important}
 .kdOfferFooter,footer{max-width:calc(100vw - 20px)!important;box-sizing:border-box!important}
}

