.exit-recommend-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity));z-index:var(--layer-overlay);display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;visibility:hidden;transition:opacity var(--animation-values),visibility var(--animation-values);overscroll-behavior:none}.exit-recommend-overlay.active{opacity:1;visibility:visible}.exit-recommend{background:var(--color-background);border-radius:16px 16px 0 0;border:none;width:100%;max-height:90vh;box-shadow:0 -4px 24px #00000026;position:relative;transform:translateY(100%);opacity:1;transition:transform var(--animation-timing-bounce) .35s;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.exit-recommend-overlay.active .exit-recommend{transform:translateY(0)}.exit-recommend-close{position:sticky;top:0;align-self:flex-end;background:transparent;border:0;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--style-border-radius-50);color:var(--color-foreground);cursor:pointer;transition:background var(--animation-values);margin:16px 16px 0 auto;z-index:1;min-width:44px;min-height:44px}.exit-recommend-close:hover,.exit-recommend-close:focus{background:rgb(var(--color-foreground-rgb) / var(--opacity-10));outline:2px solid var(--color-primary);outline-offset:2px}.exit-recommend-close svg{width:24px;height:24px}.exit-recommend-header{padding:0 20px 16px;text-align:center}.exit-recommend-title{margin:0 0 12px;color:var(--font-h4--color, var(--color-foreground));font-family:var(--font-h4--family, var(--font-h3--family));font-style:var(--font-h4--style, var(--font-h3--style));font-weight:var(--font-h4--weight, var(--font-h3--weight));font-size:clamp(20px,4vw,var(--font-h4--size, 24px));line-height:1.3}.exit-recommend-subtitle{margin:0 0 20px;color:var(--color-foreground-muted);font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight, 400);font-size:clamp(14px,3.5vw,var(--font-paragraph--size, 16px));line-height:1.5}.exit-recommend-body{padding:0 20px 20px;overflow-y:auto;max-height:calc(90vh - 140px);-webkit-overflow-scrolling:touch}.exit-recommend-grid{display:grid;grid-template-columns:1fr;gap:16px}.exit-recommend-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-background)}.exit-recommend-card .image{flex-shrink:0;width:64px;height:64px;border-radius:6px;overflow:hidden}.exit-recommend-card .image img{width:100%;height:100%;object-fit:cover}.exit-recommend-card .content{flex:1;min-width:0}.exit-recommend-card .title{color:var(--color-foreground);font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exit-recommend-card product-price .price{font-size:13px;color:var(--color-foreground-muted, var(--color-foreground));font-weight:600}.exit-recommend-actions{margin-top:16px;padding:16px 20px 0;text-align:center;border-top:1px solid var(--color-border, #f0f0f0);background:var(--color-background)}.exit-recommend-actions .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:16px 24px;background:var(--color-primary-button-background);color:var(--color-primary-button-text);border:var(--style-border-width-primary, 0) solid var(--color-primary-button-border);border-radius:8px;font-family:var(--button-font-family-primary);font-weight:var(--button-font-weight-primary, 600);font-size:16px;text-transform:var(--button-text-case-primary);text-decoration:none;transition:background var(--animation-values),color var(--animation-values),border-color var(--animation-values),opacity .2s ease}.exit-recommend-actions .btn:hover,.exit-recommend-actions .btn:focus{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border);outline:2px solid var(--color-primary, transparent);outline-offset:2px}.exit-recommend-actions .btn:active{opacity:.8}@media(min-width:768px){.exit-recommend-overlay{align-items:center;padding:var(--padding-lg, 24px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exit-recommend{border-radius:var(--style-border-radius-popover, 12px);border:var(--style-border-popover, 1px solid var(--color-border));max-width:600px;max-height:none;box-shadow:var(--shadow-popover, 0 8px 32px rgb(0 0 0 / .12));transform:translateY(30px) scale(.98);opacity:0;transition:transform var(--animation-timing-bounce, cubic-bezier(.34, 1.56, .64, 1)) .35s,opacity var(--animation-values, .3s ease);padding-bottom:0}.exit-recommend-overlay.active .exit-recommend{transform:translateY(0) scale(1);opacity:1}.exit-recommend-close{position:absolute;top:var(--padding-lg, 24px);right:var(--padding-lg, 24px);width:36px;height:36px;margin:0}.exit-recommend-close svg{width:20px;height:20px}.exit-recommend-header{padding:var(--padding-4xl, 48px) var(--padding-3xl, 32px) 0;text-align:center}.exit-recommend-title{margin:0 0 var(--font-h4--spacing, 16px);font-size:var(--font-h3--size, 32px);line-height:var(--font-h3--line-height, 1.2)}.exit-recommend-subtitle{margin:0 0 var(--margin-3xl, 32px);font-size:var(--font-paragraph--size, 16px)}.exit-recommend-body{padding:0 var(--padding-3xl, 32px) var(--padding-3xl, 32px);overflow-y:visible;max-height:none}.exit-recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-xl, 24px)}.exit-recommend-card{display:grid;gap:var(--gap-sm, 8px);padding:0;border:none;border-radius:0;background:transparent}.exit-recommend-card .image{width:auto;height:auto;aspect-ratio:1;border-radius:var(--style-border-radius-sm, 8px)}.exit-recommend-card .image img{object-fit:cover}.exit-recommend-card .content{flex:none}.exit-recommend-card .title{font-size:var(--font-size--md, 16px);line-height:var(--line-height--body-normal, 1.5);margin-bottom:var(--gap-sm, 8px);display:block;-webkit-line-clamp:none;-webkit-box-orient:initial;overflow:visible}.exit-recommend-card product-price .price{font-size:var(--font-size--sm, 14px);font-weight:400}.exit-recommend-actions{margin-top:var(--margin-3xl, 32px);padding:0;border-top:none}.exit-recommend-actions .btn{width:auto;min-height:auto;padding:var(--button-padding-block, 12px) var(--button-padding-inline, 24px);border-radius:var(--style-border-radius-buttons-primary, 4px);font-size:var(--button-font-size-primary, 14px)}.exit-recommend-actions .btn:hover{transform:translateY(-2px);outline:none}}@media(min-width:900px){.exit-recommend{max-width:900px}.exit-recommend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/exit-recommend-popup.css.map */