.yl-product-policies { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.yl-product-policy { display: flex; align-items: center; gap: .85rem; min-width: 0; padding: 1.15rem; text-align: left; color: inherit; background: #fff; border: 1px solid #dce4eb; border-radius: var(--yl-theme-radius, .75rem); transition: border-color .15s, box-shadow .15s; }
.yl-product-policy:hover, .yl-product-policy:focus-visible { border-color: #087f80; box-shadow: 0 4px 16px #087f8014; }
.yl-product-policy > i:first-child { color: #087f80; font-size: 1.5rem; }
.yl-product-policy > i:last-child { margin-left: auto; color: #64748b; font-size: .8rem; }
.yl-product-policy span { min-width: 0; overflow-wrap: anywhere; }
.yl-product-policy strong, .yl-product-policy small { display: block; }
.yl-product-policy small { margin-top: .35rem; color: #64748b; line-height: 1.5; }
.yl-product-policy-modal .modal-content { border-radius: var(--yl-theme-radius, .75rem); overflow: hidden; }
.yl-product-policy-modal .modal-header { background: #f5f8fa; }
.yl-product-policy-modal .modal-title { overflow-wrap: anywhere; }
.yl-product-policy-modal .modal-body { overflow-wrap: anywhere; min-width: 0; line-height: 1.75; }
.yl-product-policy-modal .modal-body img, .yl-product-policy-modal .modal-body iframe { max-width: 100%; }
.yl-product-policy-modal .modal-body img { height: auto !important; }
.yl-product-policy-modal .modal-body table { display: block; max-width: 100%; overflow-x: auto; }
.yl-product-policy-modal .modal-body pre { white-space: pre-wrap; }
.yl-product-policy-modal .modal-header .btn-close { flex-shrink: 0; }
@media (max-width: 991.98px) { .yl-product-policies { grid-template-columns: 1fr; } }