:root{--fr-card-hover-line: var(--fr-navy, #0F172A);--fr-card-hover-shadow: 0 14px 30px -16px rgba(15, 23, 42, .38);--fr-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%230F172A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h8M6.5 2.5 10 6l-3.5 3.5'/%3E%3C/svg%3E");--fr-arrow-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h8M6.5 2.5 10 6l-3.5 3.5'/%3E%3C/svg%3E")}html body :is(.ph-card,.cp-scard) .ph-card__buy :is(.ph-btn,.ph-add .ph-btn),html body .bl-mini .ph-btn{width:auto;padding:9px 14px;border-width:1px;font-size:13px;line-height:1.2;filter:none;transform:none}html body :is(.ph-card,.cp-scard) .ph-card__buy :is(.ph-btn--red,.ph-add .ph-btn--red){border-color:#fecaca;background:#fef2f2;color:#b91c1c}html body :is(.ph-card,.cp-scard) .ph-card__buy :is(.ph-btn--red,.ph-add .ph-btn--red):hover{border-color:#fca5a5;background:#fee2e2;color:#991b1b;filter:none;transform:none}html body :is(.ph-card,.cp-scard) .ph-card__buy :is(.ph-btn:not(.ph-btn--red),.ph-add .ph-btn:not(.ph-btn--red)),html body .bl-mini .ph-btn:not(.ph-btn--red){border-color:#cbd5e1;background:#fff;color:var(--fr-navy, #0F172A)}html body :is(.ph-card,.cp-scard) .ph-card__buy :is(.ph-btn:not(.ph-btn--red),.ph-add .ph-btn:not(.ph-btn--red)):hover,html body .bl-mini .ph-btn:not(.ph-btn--red):hover{border-color:var(--fr-navy, #0F172A);background:#f8fafc;transform:none}html body .cp-scard .ph-card__buy{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}html body .cp-scard .ph-card__buy .ph-add{width:auto}html body .cp .ph-card__buy .ph-btn{white-space:nowrap}html .ph-btn:hover,html .pp-btn:hover{transform:none}html .ph-btn:not(.ph-btn--red):not(.ind-btn--ghost):hover,html .pp-btn:not(.pp-btn--red):hover{background:#f3f4f6}html .ph-btn--red:hover,html .pp-btn--red:hover{filter:none;border-color:var(--fr-red-hover, #B91C1C);background:var(--fr-red-hover, #B91C1C)}html :is(.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go)){position:relative;cursor:pointer}html :is(.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go)) h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html :is(.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go)) :is(a,button,label,input,select):not(h3 a){position:relative;z-index:1}html :is(.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go)):has(h3 a:focus-visible){outline:2px solid var(--fr-blue, #2563EB);outline-offset:3px}html :is(.ind-nfam,.bl-card,.pp-card,.ph-info) h3 a:focus-visible{outline:0}html :is(.ph-card,.cp-scard,.ph-fam,.cp-tile,.ph-door,.ind-tile,.ind-other,.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go),.hm-wa){transition:border-color .15s ease,box-shadow .2s ease,background-color .15s ease,scale .12s var(--fr-ease, ease)}html :is(.ph-card,.cp-scard,.ph-fam,.cp-tile,.ph-door,.ind-tile,.ind-other,.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go),.hm-wa):hover{border-color:var(--fr-card-hover-line);box-shadow:var(--fr-card-hover-shadow);transform:none}html :is(.ph-card,.cp-scard,.ind-nfam,.bl-card,.pp-card,.ph-info) h3 a:hover{color:inherit}html .ph-fam--all:hover{border-color:var(--fr-navy, #0F172A);background:#1e293b;box-shadow:0 14px 30px -16px #0f172a80}html .ph-fam--all .ph-fam__go:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:-1px;background:var(--fr-arrow-light) center / 12px no-repeat;transition:transform .2s var(--fr-ease, ease)}html .ph-fam--all:hover .ph-fam__go:after{transform:translate(4px)}html :is(.ph-card,.cp-scard,.ph-fam:not(.ph-fam--all),.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go)) h3:after{content:"";display:inline-block;width:12px;height:12px;margin-left:6px;vertical-align:0;background:var(--fr-arrow) center / 12px no-repeat;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .15s ease,transform .2s var(--fr-ease, ease)}html :is(.ph-card,.cp-scard,.ph-fam:not(.ph-fam--all),.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go)):is(:hover,:focus-visible,:has(h3 a:focus-visible)) h3:after{opacity:1;transform:none}html :is(.ph-door,.hm-wa) svg:last-child{transition:transform .2s var(--fr-ease, ease),color .15s ease}html :is(.ph-door,.hm-wa):hover svg:last-child{color:var(--fr-navy, #0F172A);transform:translate(3px)}html .cp-tile__tx>span{display:inline-block;transition:transform .2s var(--fr-ease, ease)}html .cp-tile:hover .cp-tile__tx>span{transform:translate(3px)}@media(prefers-reduced-motion:no-preference){html :is(.ph-card__im,.ph-fam__im,.cp-tile__im,.ind-tile__im,.ind-nfam__im,.bl-card__im) img{transition:transform .25s var(--fr-ease, ease)}html :is(.ph-card,.cp-scard,.ph-fam,.cp-tile,.ind-tile,.ind-nfam,.bl-card):hover :is(.ph-card__im,.ph-fam__im,.cp-tile__im,.ind-tile__im,.ind-nfam__im,.bl-card__im) img{transform:scale(1.05)}}html :is(.ph-fam,.cp-tile,.ph-door,.ind-other,.hm-wa):focus-visible{outline:2px solid var(--fr-blue, #2563EB);outline-offset:3px;border-radius:14px}html .ind-tile:focus-visible{outline:2px solid var(--fr-blue, #2563EB);outline-offset:3px;border-radius:18px}@media(hover:none){html :is(.ph-card,.cp-scard,.ph-fam:not(.ph-fam--all),.ind-nfam,.bl-card,.pp-card:has(h3 a),.ph-info:has(.ph-go)) h3:after{opacity:1;transform:none}}html .ph-info:not(:has(.ph-go)):hover{border-color:var(--ph-line, #E5E7EB);box-shadow:none}html .ph-info:not(:has(.ph-go)) h3 a{text-decoration:underline;text-decoration-color:#cbd5e1;text-decoration-thickness:1.5px;text-underline-offset:4px;transition:text-decoration-color .15s ease}html .ph-info:not(:has(.ph-go)) h3 a:hover{text-decoration-color:var(--fr-navy, #0F172A)}html .ph-info .ph-chip:hover{border-color:var(--fr-navy, #0F172A);background:#fff;color:var(--fr-navy, #0F172A)}html .bl-feat{position:relative;cursor:pointer;transition:border-color .15s ease,box-shadow .2s ease}html .bl-feat h2 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html .bl-feat :is(a,button):not(h2 a){position:relative;z-index:1}html .bl-feat:hover{border-color:var(--fr-card-hover-line);box-shadow:var(--fr-card-hover-shadow)}html .bl-feat h2 a:hover{color:inherit}html .bl-feat:has(h2 a:focus-visible){outline:2px solid var(--fr-blue, #2563EB);outline-offset:3px}html .bl-feat h2 a:focus-visible{outline:0}html .bl-feat h2:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;vertical-align:2px;background:var(--fr-arrow) center / 16px no-repeat;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .15s ease,transform .2s var(--fr-ease, ease)}html .bl-feat:is(:hover,:has(h2 a:focus-visible)) h2:after{opacity:1;transform:none}html body .bl-feat .ph-btn{border-width:1px;filter:none;transform:none}html body .bl-feat .ph-btn--red{border-color:#fecaca;background:#fef2f2;color:#b91c1c}html body .bl-feat .ph-btn--red:hover{border-color:#fca5a5;background:#fee2e2;color:#991b1b}html body .bl-feat .ph-btn:not(.ph-btn--red){border-color:#cbd5e1;background:#fff;color:var(--fr-navy, #0F172A)}html body .bl-feat .ph-btn:not(.ph-btn--red):hover{border-color:var(--fr-navy, #0F172A);background:#f8fafc}html .bl-mini__tx b a:hover{color:inherit;text-decoration:underline;text-underline-offset:3px}html .sr-text{position:relative;cursor:pointer;transition:border-color .15s ease,box-shadow .2s ease}html .sr-text h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html .sr-text:hover{border-color:var(--fr-card-hover-line);box-shadow:var(--fr-card-hover-shadow)}html .sr-text h3 a:hover{color:inherit}html .sr-text:has(h3 a:focus-visible){outline:2px solid var(--fr-blue, #2563EB);outline-offset:3px}html .sr-text h3 a:focus-visible{outline:0}html .sr-text h3:after{content:"";display:inline-block;width:12px;height:12px;margin-left:6px;background:var(--fr-arrow) center / 12px no-repeat;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .15s ease,transform .2s var(--fr-ease, ease)}html .sr-text:is(:hover,:has(h3 a:focus-visible)) h3:after{opacity:1;transform:none}@media(hover:none){html :is(.sr-text h3,.bl-feat h2):after{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){html :is(.bl-feat__im,.sr-text__im) img{transition:transform .25s var(--fr-ease, ease)}html .bl-feat:hover .bl-feat__im img,html .sr-text:hover .sr-text__im img{transform:scale(1.04)}}html .mega-btn:hover{transform:none}html .mega-btn--red:hover{border-color:var(--fr-red-hover, #B91C1C);background:var(--fr-red-hover, #B91C1C);color:#fff}html body .mega-row .mega-btn{border-width:1px}html body .mega-row .mega-btn--red{border-color:#fecaca;background:#fef2f2;color:#b91c1c}html body .mega-row .mega-btn--red:hover{border-color:#fca5a5;background:#fee2e2;color:#991b1b}html body .mega-row .mega-btn:not(.mega-btn--red){border-color:#cbd5e1;background:#fff;color:var(--fr-navy, #0F172A)}html body .mega-row .mega-btn:not(.mega-btn--red):hover{border-color:var(--fr-navy, #0F172A);background:#f8fafc}html .mega-row__nm:hover{color:inherit;text-decoration:underline;text-underline-offset:3px}html .mega-ft{transition:border-color .15s ease,box-shadow .2s ease}html .mega-ft:hover{border-color:var(--fr-card-hover-line);box-shadow:0 10px 22px -14px #0f172a59}html body .cp-custom .ph-btn{border-width:1px;border-color:#cbd5e1}html body .cp-custom .ph-btn:hover{border-color:var(--fr-navy, #0F172A);background:#f8fafc}html .pp-row2:hover b{color:inherit;text-decoration:underline;text-underline-offset:3px}html .pp-row2 .pp-go{display:inline-block;transition:transform .2s var(--fr-ease, ease)}html .pp-row2:hover .pp-go{transform:translate(3px)}html .cp-file>span:last-child{display:inline-block;transition:transform .2s var(--fr-ease, ease)}html .cp-file:hover>span:last-child{transform:translate(3px)}@media(prefers-reduced-motion:reduce){html :is(.sr-text h3,.bl-feat h2):after,html :is(.pp-row2 .pp-go,.cp-file>span:last-child){transition:none;transform:none}html :is(.ph-card,.cp-scard,.ph-fam,.ind-nfam,.bl-card,.pp-card,.ph-info) h3:after,html .ph-fam--all .ph-fam__go:after,html :is(.ph-door,.hm-wa) svg:last-child,html .cp-tile__tx>span{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/fr-cards.css.map */
