.hara-pgrid{background:#fcfcfc}.hara-pgrid__head{padding-bottom:calc(9 * var(--hara-u));border-bottom:1px solid var(--hara-gray-200)}.hara-pgrid__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(13 * var(--hara-u));margin:calc(13 * var(--hara-u)) 0 0;padding:0;list-style:none}.hara-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--hara-gray-200);transition:border-color .15s ease,box-shadow .15s ease;border-radius:4px}.hara-card:hover{border-color:var(--hara-gray-400);box-shadow:0 2px 8px #1018280f}.hara-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:calc(8 * var(--hara-u));border-bottom:1px solid var(--hara-gray-100);overflow:hidden}.hara-card__img,.hara-card__media img{width:92%;height:92%;object-fit:contain;transition:transform .2s ease}.hara-card:hover .hara-card__img,.hara-card:hover .hara-card__media img{transform:scale(1.04)}.hara-card__vendor{position:absolute;top:calc(5 * var(--hara-u));left:calc(5 * var(--hara-u));display:inline-flex;align-items:center;min-height:calc(17 * var(--hara-u));padding:0 calc(6 * var(--hara-u));background:var(--hara-gray-100);border:1px solid var(--hara-gray-200);font-size:calc(8 * var(--hara-u));line-height:1;color:var(--hara-gray-600);max-width:calc(100% - calc(10 * var(--hara-u)));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hara-card__badge{position:absolute;top:calc(5 * var(--hara-u));right:calc(5 * var(--hara-u));display:inline-flex;align-items:center;justify-content:center;min-width:calc(32 * var(--hara-u));height:calc(16 * var(--hara-u));padding:0 calc(5 * var(--hara-u));background:var(--hara-green);font-family:var(--hara-font-heading);font-weight:700;font-size:calc(8 * var(--hara-u));line-height:1;letter-spacing:.02em;text-transform:uppercase;color:#fff}.hara-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:calc(12 * var(--hara-u))}.hara-card__sku{margin:0;font-family:var(--hara-font-mono);font-size:calc(9 * var(--hara-u));line-height:calc(12 * var(--hara-u));color:var(--hara-gray-400);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hara-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:calc(6 * var(--hara-u));min-height:calc(30 * var(--hara-u));font-family:var(--hara-font-heading);font-weight:700;font-size:calc(13 * var(--hara-u));line-height:calc(15 * var(--hara-u));color:var(--hara-gray-800);text-decoration:none}.hara-card__title:hover{color:var(--hara-green)}.hara-card__pricing{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--hara-u));margin-top:calc(9 * var(--hara-u))}.hara-card__msrp{display:flex;align-items:baseline;gap:calc(4 * var(--hara-u));margin:0;font-size:calc(10 * var(--hara-u));line-height:calc(14 * var(--hara-u))}.hara-card__msrp-label{color:var(--hara-gray-500)}.hara-card__msrp-value{color:var(--hara-gray-800);font-weight:700}.hara-card__marginrow{margin:0}.hara-card__margin-label{display:none}.hara-card__margin{display:inline-flex;gap:calc(3 * var(--hara-u));align-items:center;min-height:calc(19 * var(--hara-u));padding:0 calc(7 * var(--hara-u));background:#f0fdf4;font-size:calc(10 * var(--hara-u));line-height:1;font-weight:700;color:var(--hara-green-700);white-space:nowrap}.hara-card__foot{margin-top:auto;padding-top:calc(13 * var(--hara-u));border-top:1px solid var(--hara-gray-100)}.hara-card__foot>*+*{margin-top:calc(8 * var(--hara-u))}.hara-card__login,.hara-card__price{display:flex;align-items:center;justify-content:center;min-height:calc(37 * var(--hara-u));margin:0;padding:0 calc(8 * var(--hara-u));background:var(--hara-gray-50);border:1px solid var(--hara-gray-100);font-family:var(--hara-font-heading);font-weight:700;font-size:calc(9 * var(--hara-u));line-height:1;letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--hara-green);text-decoration:none;border-radius:4px}.hara-card__price{font-size:calc(13 * var(--hara-u));letter-spacing:0;color:var(--hara-gray-900)}.hara-card__login:hover{background:#fff;border-color:var(--hara-green)}.hara-card__form{margin:calc(8 * var(--hara-u)) 0 0}.hara-card__add{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(27 * var(--hara-u));padding:0 calc(8 * var(--hara-u));background:var(--hara-gray-800);border:0;font-family:var(--hara-font-heading);font-weight:700;font-size:calc(10 * var(--hara-u));line-height:1;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-decoration:none;cursor:pointer;transition:background-color .15s ease;border-radius:4px}.hara-card__add:hover{background:var(--hara-green);color:#fff}.hara-card__add--disabled{background:var(--hara-gray-400);cursor:not-allowed}@media screen and (max-width:1200px){.hara-pgrid__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:1000px){.hara-pgrid__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:640px){.hara-pgrid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--hara-u))}}@media screen and (max-width:749px){.hara-pgrid__head{padding-bottom:8px}.hara-pgrid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.hara-card__body{padding:10px}.hara-card__vendor{top:4px;left:4px;min-height:15px;padding:0 5px;font-size:7px}.hara-card__badge{top:4px;right:4px;min-width:26px;height:15px;font-size:8px}.hara-card__sku{font-size:8px;line-height:11px}.hara-card__title{margin-top:6px;min-height:28px;font-size:10px;line-height:14px}.hara-card__pricing{display:block;margin-top:8px}.hara-card__msrp,.hara-card__marginrow{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;line-height:13px}.hara-card__marginrow{margin-top:5px}.hara-card__msrp-value{font-size:9px}.hara-card__margin-label{display:inline;font-weight:700;color:var(--hara-green-700)}.hara-card__margin-word{display:none}.hara-card__margin{min-height:17px;padding:0 6px;font-size:9px}.hara-card__foot{padding-top:10px}.hara-card__login{min-height:37px;font-size:8px}.hara-card__price{min-height:37px;font-size:12px}.hara-card__add{min-height:26px;font-size:9px}.hara-pgrid{background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-hara-product-grid.css.map */