[data-modern-product-tile]{--pto-modern-surface:var(--brand-white);--pto-modern-media-surface:color-mix(in srgb,var(--brand-primary)5%,var(--brand-neutral-surface-2));--pto-modern-border:color-mix(in srgb,var(--brand-primary)12%,var(--brand-border-color-light));--pto-modern-border-hover:color-mix(in srgb,var(--brand-primary)32%,var(--brand-border-color));--pto-modern-heading:var(--brand-primary-deep);--pto-modern-text:var(--brand-neutral-text);--pto-modern-accent:var(--brand-primary);--pto-modern-radius:var(--radius-card-sm);--pto-modern-media-height:var(--gap-180);--pto-modern-body-min-height:calc(var(--gap-100) + var(--gap-30));--pto-modern-transition:.2s ease}[data-modern-product-tile].pto-modern{box-sizing:border-box;border:1px solid var(--pto-modern-border);border-block-start:var(--gap-2)solid var(--pto-modern-accent);border-radius:var(--pto-modern-radius);background:var(--pto-modern-surface);width:100%;max-width:100%;height:100%;min-height:0;color:var(--pto-modern-text);text-align:start;transition:border-color var(--pto-modern-transition),box-shadow var(--pto-modern-transition);flex-direction:column;display:flex;overflow:hidden}[data-modern-product-tile].pto-modern:hover{border-color:var(--pto-modern-border-hover);border-block-start-color:var(--pto-modern-accent);box-shadow:var(--btn-shadow-soft)}[data-modern-product-tile] .pto-modern__link{min-width:0;min-height:0;color:inherit;text-align:start;flex-direction:column;flex:auto;text-decoration:none;display:flex}[data-modern-product-tile] .pto-modern__link:focus-visible,[data-modern-product-tile] .pto-modern__inquire:focus-visible{outline:var(--gap-2)solid var(--pto-modern-accent);outline-offset:calc(-1*var(--gap-2))}[data-modern-product-tile] .pto-modern__media{width:calc(100% - var(--gap-24));height:var(--pto-modern-media-height);min-width:0;min-height:var(--pto-modern-media-height);flex:0 0 var(--pto-modern-media-height);margin-block:var(--gap-12)0;margin-inline:var(--gap-12);border:1px solid color-mix(in srgb,var(--pto-modern-accent)10%,transparent);border-radius:var(--pto-modern-radius);background:var(--pto-modern-media-surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}[data-modern-product-tile] .pto-modern__placeholder{inset:var(--gap-8);border-radius:var(--pto-modern-radius);background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-white)86%,transparent),color-mix(in srgb,var(--pto-modern-accent)8%,transparent));position:absolute}[data-modern-product-tile] .pto-modern__placeholder:after{content:"";width:var(--gap-40);height:var(--gap-40);border:1px solid color-mix(in srgb,var(--pto-modern-accent)20%,transparent);border-radius:var(--radius-card-full);background:color-mix(in srgb,var(--pto-modern-accent)7%,var(--brand-white));position:absolute;inset:50% auto auto 50%;translate:-50% -50%}[data-modern-product-tile] .pto-modern__image{z-index:1;box-sizing:border-box;padding:var(--gap-8);object-fit:contain;object-position:center;transition:transform var(--pto-modern-transition)}[data-modern-product-tile] .pto-modern__body{min-width:0;min-height:var(--pto-modern-body-min-height);gap:var(--gap-6);padding:var(--gap-12);flex-direction:column;flex:auto;display:flex}[data-modern-product-tile] .pto-modern__title{width:100%;min-height:calc(2*var(--body-small-line-height));-webkit-line-clamp:2;color:var(--pto-modern-heading);font-size:var(--body-small-size);font-weight:var(--font-weight-semibold);line-height:var(--body-small-line-height);overflow-wrap:anywhere;text-overflow:ellipsis;transition:color var(--pto-modern-transition);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}[data-modern-product-tile] .pto-modern__meta{gap:var(--gap-2);flex-direction:column;width:100%;min-width:0;margin:auto 0 0;display:flex}[data-modern-product-tile] .pto-modern__meta-row{align-items:baseline;gap:var(--gap-4);grid-template-columns:fit-content(65%) minmax(0,1fr);min-width:0;display:grid}[data-modern-product-tile] .pto-modern__meta-label,[data-modern-product-tile] .pto-modern__meta-value{font-size:var(--body-caption-size);line-height:var(--body-caption-line-height);margin:0}[data-modern-product-tile] .pto-modern__meta-label{color:var(--pto-modern-text);font-weight:var(--font-weight-normal);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-modern-product-tile] .pto-modern__meta-value{min-width:0;color:var(--pto-modern-heading);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-modern-product-tile] .pto-modern__actions{border-block-start:1px solid var(--pto-modern-border);background:color-mix(in srgb,var(--pto-modern-accent)3%,var(--pto-modern-surface));flex:none}[data-modern-product-tile] .pto-modern__inquire{width:100%;min-height:var(--gap-35);justify-content:space-between;align-items:center;gap:var(--gap-8);min-width:0;padding:var(--gap-7)var(--gap-12);color:var(--pto-modern-accent);cursor:pointer;font-family:inherit;font-size:var(--body-small-size);font-weight:var(--font-weight-semibold);line-height:var(--body-small-line-height);text-align:start;transition:background-color var(--pto-modern-transition),color var(--pto-modern-transition);background:0 0;border:0;margin:0;display:flex}[data-modern-product-tile] .pto-modern__inquire-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-modern-product-tile] .pto-modern__inquire-icon{width:var(--gap-12);height:var(--gap-10);color:currentColor;transition:translate var(--pto-modern-transition);flex-shrink:0}@media (hover:hover) and (pointer:fine){[data-modern-product-tile]:hover .pto-modern__image{transform:scale(1.035)}[data-modern-product-tile] .pto-modern__link:hover .pto-modern__title{color:var(--pto-modern-accent)}[data-modern-product-tile] .pto-modern__inquire:hover{background:color-mix(in srgb,var(--pto-modern-accent)8%,var(--pto-modern-surface));color:var(--brand-primary-deep)}[data-modern-product-tile] .pto-modern__inquire:hover .pto-modern__inquire-icon{translate:var(--gap-4)0}[dir=rtl] [data-modern-product-tile] .pto-modern__inquire:hover .pto-modern__inquire-icon{translate:calc(-1*var(--gap-4))0}}[data-modern-product-tile-presentation=category-slider].pto-modern{--pto-modern-border:var(--brand-border-color-light);--pto-modern-border-hover:var(--brand-border-color);--pto-modern-heading:var(--brand-black);border-block-start-width:1px}[data-modern-product-tile-presentation=category-slider] .pto-modern__media{width:100%;height:6.5rem;min-height:6.5rem;padding:var(--gap-6)var(--gap-12)0;background:var(--brand-white);border:0;border-radius:0;flex-basis:6.5rem;margin:0}[data-modern-product-tile-presentation=category-slider] .pto-modern__placeholder{inset:var(--gap-6)var(--gap-12)0;border-radius:var(--radius-card-sm);background:var(--brand-neutral-surface-4)}[data-modern-product-tile-presentation=category-slider] .pto-modern__placeholder:after{display:none}[data-modern-product-tile-presentation=category-slider] .pto-modern__image{padding:var(--gap-6)var(--gap-12)0;background:var(--brand-white)}[data-modern-product-tile-presentation=category-slider] .pto-modern__body{align-items:flex-start;gap:var(--gap-6);min-height:0;padding:var(--gap-6)var(--gap-12)var(--gap-10)}[data-modern-product-tile-presentation=category-slider] .pto-modern__title{-webkit-box-orient:initial;-webkit-line-clamp:unset;min-height:0;color:var(--brand-black);white-space:nowrap;line-height:1.3;display:block}[data-modern-product-tile-presentation=category-slider] .pto-modern__meta{gap:var(--gap-2);margin:0}[data-modern-product-tile-presentation=category-slider] .pto-modern__meta-row{grid-template-columns:max-content minmax(0,1fr);align-items:flex-start}[data-modern-product-tile-presentation=category-slider] .pto-modern__meta-label,[data-modern-product-tile-presentation=category-slider] .pto-modern__meta-value{color:var(--brand-neutral-text);font-weight:var(--font-weight-normal);line-height:1.3}[data-modern-product-tile-presentation=category-slider] .pto-modern__actions{display:none}@media (hover:hover) and (pointer:fine){[data-modern-product-tile-presentation=category-slider]:hover .pto-modern__image{transform:none}[data-modern-product-tile-presentation=category-slider] .pto-modern__link:hover .pto-modern__title{color:var(--brand-black)}}@media (min-width:768px){[data-modern-product-tile-presentation=category-slider] .pto-modern__media{flex-basis:6rem;height:6rem;min-height:6rem}}@media (prefers-reduced-motion:reduce){[data-modern-product-tile].pto-modern,[data-modern-product-tile] .pto-modern__image,[data-modern-product-tile] .pto-modern__title,[data-modern-product-tile] .pto-modern__inquire,[data-modern-product-tile] .pto-modern__inquire-icon{transition:none}}