/* Shared public components. Loaded after the legacy page/card styles. */
body {background:#fff;color:var(--dtl-body);-webkit-font-smoothing:antialiased;}
body.home-glow-bg {background:#fff;}
main[id] {color:var(--dtl-body);}
main[id] .breadcrumb {padding-block:22px;color:var(--dtl-muted);font-size:13px;}
main[id] .breadcrumb a {color:var(--dtl-muted);}
main[id] .breadcrumb .current-page {color:var(--dtl-ink);}
main[id] .page-heading h1 {color:var(--dtl-ink);font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.04em;}
:is(#page-home,main[id]) .p-item.home-product-card {
    display:flex;flex-direction:column;position:relative;min-width:0;padding:0;
    border:1px solid #dfe8e2;border-radius:12px;background:#fff;box-shadow:0 3px 12px #193d2705;
    transition:border-color .2s,background .2s;
}
:is(#page-home,main[id]) .home-product-summary {min-width:0;padding:20px 18px 16px;}
:is(#page-home,main[id]) .p-item.home-product-card .home-product-summary .p-name {display:block;width:100%;height:auto!important;margin:0;overflow:visible;text-transform:none;}
:is(#page-home,main[id]) .p-item.home-product-card .p-img {padding:18px;aspect-ratio:1.3;border-block:1px solid #e5eee8;background:radial-gradient(ellipse at 85% 15%,#b8d8c480,transparent 65%),radial-gradient(ellipse at 10% 100%,#d9eadf90,transparent 65%),#f7faf8;border-radius:0;}
:is(#page-home,main[id]) .p-item.home-product-card .p-img img {width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
:is(#page-home,main[id]) .p-item.home-product-card .p-text {display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:10px;margin-top:auto;padding:18px;border:0;background:#fff;}
/* The base card sheet uses !important on headings; override at the same hook. */
:is(#page-home,main[id]) .p-item.home-product-card .p-name h3 {height:81px;min-height:81px;font-size:18px!important;line-height:27px!important;-webkit-line-clamp:3;color:var(--dtl-ink);font-weight:600;letter-spacing:-.025em;}
:is(#page-home,main[id]) .p-item.home-product-card .home-product-category {margin:0 48px 10px 0;color:#616b64;font-size:13px;line-height:1.5;}
:is(#page-home,main[id]) .p-item.home-product-card .p-text .p-price {color:var(--dtl-price);font-variant-numeric:tabular-nums;font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.045em;}
:is(#page-home,main[id]) .p-item.home-product-card .p-text .p-old-price {color:#717a74;font-size:13px;}
:is(#page-home,main[id]) .p-item.home-product-card .p-price u {font-size:.7em;text-decoration:none;}
:is(#page-home,main[id]) .p-item.home-product-card .home-product-discount {top:16px;left:auto;right:14px;background:var(--dtl-price);border-radius:5px;padding:4px 7px;font-size:12px;font-weight:600;}
:is(#page-home,main[id]) .p-item.home-product-card :is(.home-inquiry,.home-add-cart) {display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--dtl-green);color:#fff;}
:is(#page-home,main[id]) .p-item.home-product-card :is(.home-inquiry,.home-add-cart) svg {display:block;width:20px;height:20px;}
:is(#page-home,main[id]) .p-item.home-product-card .p-btn-group {grid-column:1/-1;}
:is(#page-home,main[id]) .p-item.home-product-card .home-add-cart:hover {background:var(--dtl-green-dark);}
:is(#page-home,main[id]) .p-item.home-product-card .home-inquiry:hover {background:var(--dtl-green-dark);color:#fff;}
main[id] .pagination {gap:8px;padding-block:28px;}
main[id] .pagination :is(a,span) {display:grid;place-items:center;min-width:40px;min-height:44px;border:1px solid var(--dtl-line);border-radius:8px;background:#fff;color:var(--dtl-ink);}
main[id] .pagination [aria-current=page] {background:var(--dtl-green);color:#fff;border-color:var(--dtl-green);}
.component-modal-variation .component-modal-variation-content {border-radius:16px;box-shadow:var(--dtl-shadow-l);}
@media(hover:hover) {
    :is(#page-home,main[id]) .p-item.home-product-card:hover {border-color:#9cbea8;background:#fff;box-shadow:0 8px 24px #214f3210;transform:none;}
}
@media(max-width:767px) {
    main[id] .breadcrumb {padding-block:16px;}
    :is(#page-home,main[id]) .home-product-summary {padding:14px 12px 12px;}
    :is(#page-home,main[id]) .p-item.home-product-card .p-img {padding:12px;}
    :is(#page-home,main[id]) .p-item.home-product-card .p-text {padding:14px 12px;gap:10px;}
    :is(#page-home,main[id]) .p-item.home-product-card .p-text .p-price {font-size:20px;}
    :is(#page-home,main[id]) .p-item.home-product-card .p-name h3 {font-size:16px!important;line-height:24px!important;height:72px;min-height:72px;}
    :is(#page-home,main[id]) .p-item.home-product-card .home-product-category {font-size:12px;margin-right:34px;}
    :is(#page-home,main[id]) .p-item.home-product-card .home-product-discount {top:12px;right:10px;font-size:11px;padding:3px 5px;}
    :is(#page-home,main[id]) .p-item.home-product-card .p-text .p-old-price {font-size:12px;}
}
@media(max-width:479px) {
    :is(#page-home,main[id]) .p-item.home-product-card .p-text {grid-template-columns:minmax(0,1fr);}
    :is(#page-home,main[id]) .p-item.home-product-card .p-text .p-price-group {grid-column:1/-1;}
    :is(#page-home,main[id]) .p-item.home-product-card :is(.home-add-cart,.home-inquiry) {justify-self:end;}
}
@media(prefers-reduced-motion:reduce) {
    :is(#page-home,main[id]) .p-item.home-product-card,
    :is(#page-home,main[id]) .p-item.home-product-card img {transition:none;}
    :is(#page-home,main[id]) .p-item.home-product-card:hover {transform:none;}
}