/* Quiet, premium interaction language shared by navigation, imagery and controls. */
.nav{position:relative;isolation:isolate;--nav-underline-x:0px;--nav-underline-width:0px;--nav-underline-opacity:0}
.nav::after{content:"";position:absolute;left:0;bottom:0;width:var(--nav-underline-width);height:3px;border-radius:999px;background:linear-gradient(90deg,#ff8a5f,var(--orange));opacity:var(--nav-underline-opacity);transform:translate3d(var(--nav-underline-x),0,0);transition:transform .46s cubic-bezier(.22,.72,.18,1),width .34s cubic-bezier(.22,.72,.18,1),opacity .18s ease;pointer-events:none;box-shadow:0 3px 12px color-mix(in srgb,var(--orange) 22%,transparent)}
.nav a{transition:color .24s ease,transform .32s cubic-bezier(.22,.72,.18,1)}
.nav a:hover,.nav a:focus-visible,.nav a.active{color:#11130f}
.nav a:hover,.nav a:focus-visible{transform:translateY(-2px)}
.nav a.active::after{display:none}

.product-visual,.chat-product-image,.detail-image,.board-item-image,.composition-products>a>div,.mini-product,.entry-hero{overflow:hidden}
.product-visual img,.chat-product-image img,.detail-image img,.board-item-image img,.composition-products img,.mini-product img,.entry-hero>img{transform:scale(1);transition:transform .72s cubic-bezier(.2,.72,.2,1),filter .45s ease}
.card:hover .product-visual img,.card:focus-within .product-visual img,.chat-product:hover .chat-product-image img,.chat-product:focus-within .chat-product-image img,.detail-image:hover img,.board-item:hover .board-item-image img,.board-item:focus-visible .board-item-image img,.composition-products>a:hover img,.composition-products>a:focus-visible img,.mini-product:hover img,.entry-hero:hover>img{transform:scale(1.045);filter:saturate(1.03) contrast(1.01)}

.card,.chat-product,.composition-products>a{transition:transform .38s cubic-bezier(.22,.72,.18,1),box-shadow .38s ease,border-color .25s ease,background-color .38s ease,color .3s ease}
.entry-paths>a{transition:transform .46s cubic-bezier(.22,.72,.18,1),box-shadow .62s ease,border-color .56s ease,background-color .68s ease-in-out,color .5s ease-in-out}
.card:hover,.card:focus-within{transform:translateY(-6px);border-color:#dcd5ca;box-shadow:0 22px 48px #33271912}
.chat-product:hover,.chat-product:focus-within{transform:translateY(-3px);border-color:#d8d5ca;box-shadow:0 14px 32px #3327190e}
.composition-products>a:hover,.composition-products>a:focus-visible{transform:translateY(-3px)}

.entry-paths>a{position:relative;isolation:isolate;overflow:hidden}
.entry-paths>a::before{content:"";position:absolute;z-index:-1;width:330px;height:330px;right:-190px;bottom:-220px;border-radius:50%;opacity:0;transform:scale(.7);transition:opacity .62s ease-in-out,transform .82s cubic-bezier(.2,.72,.2,1)}
.entry-paths>a:first-child::before{background:radial-gradient(circle,#ffba92 0,#ff865b 42%,transparent 72%)}
.entry-paths>a:nth-child(2)::before{background:radial-gradient(circle,#72816a 0,#3d473a 46%,transparent 72%)}
.entry-paths>a:hover::before,.entry-paths>a:focus-visible::before{opacity:1;transform:scale(1.35)}
.entry-paths>a:first-child:hover,.entry-paths>a:first-child:focus-visible{background:var(--orange);border-color:var(--orange);color:#241b17;box-shadow:0 24px 60px #b6461f35;transform:translateY(-7px) rotate(-.15deg)}
.entry-paths>a:nth-child(2):hover,.entry-paths>a:nth-child(2):focus-visible{background:#293028;border-color:#293028;color:white;box-shadow:0 24px 60px #1d251c26;transform:translateY(-7px) rotate(.15deg)}
.entry-paths>a:first-child:hover span,.entry-paths>a:first-child:focus-visible span{color:#4f2a1c}
.entry-paths>a:first-child:hover p,.entry-paths>a:first-child:focus-visible p{color:#38251d}
.entry-paths>a:first-child:hover strong,.entry-paths>a:first-child:focus-visible strong{color:#fff8f3}
.entry-paths>a:nth-child(2):hover span,.entry-paths>a:nth-child(2):focus-visible span{color:#c5d0bd}
.entry-paths>a:nth-child(2):hover p,.entry-paths>a:nth-child(2):focus-visible p{color:#e2e7df}
.entry-paths>a:nth-child(2):hover strong,.entry-paths>a:nth-child(2):focus-visible strong{color:#ffa680}
.entry-paths>a h2,.entry-paths>a p,.entry-paths>a span,.entry-paths>a strong{transition:color .48s ease-in-out}

.btn,.business-button,.footer-cta,.chat-send,.chat-mic,.taste-actions button,.chat-quick-replies button,.icon-button{transition:transform .28s cubic-bezier(.22,.72,.18,1),box-shadow .28s ease,background-color .22s ease,border-color .22s ease,color .22s ease,filter .22s ease}
.btn:not(:disabled):hover,.business-button:hover,.footer-cta:hover,.chat-send:not(:disabled):hover,.chat-mic:not(:disabled):hover,.taste-actions button:not(:disabled):hover,.chat-quick-replies button:not(:disabled):hover,.icon-button:hover{transform:translateY(-2px)}
.btn:not(:disabled):active,.business-button:active,.footer-cta:active,.chat-send:not(:disabled):active,.chat-mic:not(:disabled):active,.taste-actions button:not(:disabled):active,.chat-quick-replies button:not(:disabled):active,.icon-button:active{transform:translateY(0) scale(.98);transition-duration:.1s}
.btn.primary:not(:disabled):hover,.chat-send:not(:disabled):hover{box-shadow:0 12px 26px color-mix(in srgb,var(--orange) 28%,transparent)}

.text-btn,.footer-navigation a,.footer-legal a,.chat-route-links a,.back-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .34s cubic-bezier(.22,.72,.18,1),color .22s ease}
.text-btn:hover,.text-btn:focus-visible,.footer-navigation a:hover,.footer-navigation a:focus-visible,.footer-legal a:hover,.footer-legal a:focus-visible,.chat-route-links a:hover,.chat-route-links a:focus-visible,.back-link:hover,.back-link:focus-visible{background-size:100% 1px;text-decoration:none}
.footer-cta span,.welcome-cta span,.entry-paths strong{display:inline-block;transition:transform .34s cubic-bezier(.22,.72,.18,1)}
.footer-cta:hover span,.footer-cta:focus-visible span,.welcome-cta:hover span,.welcome-cta:focus-visible span{transform:translateX(5px)}
.entry-paths>a:hover strong,.entry-paths>a:focus-visible strong{transform:translate(4px,-2px)}

/* Shared interaction language for search, detail, concept, account and quote pages. */
main .panel,main .search-box,main .direct-page form,main .result-composition,main .detail-image,main .empty{border-color:#dedfd6;box-shadow:0 10px 34px #2f312a08;transition:border-color .35s ease,box-shadow .45s ease,background-color .35s ease}
main .panel:focus-within,main .search-box:focus-within,main .direct-page form:focus-within{border-color:#e2a181;box-shadow:0 16px 42px #a94f2420}
.field input,.field select,.field textarea,input.input,.direct-page textarea{transition:border-color .24s ease,box-shadow .28s ease,background-color .24s ease}
.field input:hover,.field select:hover,.field textarea:hover,input.input:hover,.direct-page textarea:hover{border-color:#bbbdb3}
.field input:focus,.field select:focus,.field textarea:focus,input.input:focus,.direct-page textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px #f5663418;background:#fff}
.account-sidebar button,.category-button,.card-request,.direct-package-products>a,.mini-product{transition:transform .28s cubic-bezier(.22,.72,.18,1),background-color .28s ease,border-color .28s ease,box-shadow .32s ease}
.account-sidebar button:hover,.account-sidebar button:focus-visible,.category-button:hover,.category-button:focus-visible{background:#fff0e8;color:#9e431f}
.direct-package-products>a:hover,.direct-package-products>a:focus-visible{transform:translateY(-2px);background:#ffffff14;border-color:#ffffff42;box-shadow:0 12px 24px #10150e24}
.mini-product:hover{background:#faf8f3}
.data-table tbody tr{transition:background-color .24s ease}.data-table tbody tr:hover{background:#faf8f3}
details{transition:border-color .25s ease,background-color .25s ease}details:hover{border-color:#d1d3c9}
@media(prefers-reduced-motion:no-preference){main>.wrap{animation:site-page-in .46s ease both}@keyframes site-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}

@media(hover:none){.card:hover,.chat-product:hover,.composition-products>a:hover,.entry-paths>a:hover{transform:none}.entry-paths>a:hover::before{opacity:0}.entry-paths>a:first-child:hover,.entry-paths>a:nth-child(2):hover{background:#ffffffc9;border-color:#ddded5;color:inherit;box-shadow:none}.entry-paths>a:first-child:hover span,.entry-paths>a:nth-child(2):hover span{color:#797d71}.entry-paths>a:nth-child(2):hover p{color:#73766c}.entry-paths>a:nth-child(2):hover strong{color:#ce5326}.card:hover .product-visual img,.chat-product:hover .chat-product-image img,.composition-products>a:hover img,.entry-hero:hover>img{transform:none}}
@media(prefers-reduced-motion:reduce){.nav::after,.nav a,.product-visual img,.chat-product-image img,.detail-image img,.board-item-image img,.composition-products img,.mini-product img,.entry-hero>img,.card,.chat-product,.entry-paths>a,.composition-products>a,.btn,.business-button,.footer-cta,.chat-send,.chat-mic,.taste-actions button,.chat-quick-replies button,.icon-button,.text-btn,.footer-navigation a,.footer-legal a,.chat-route-links a,.back-link,.footer-cta span,.welcome-cta span,.entry-paths strong{transition:none!important}.nav a:hover,.nav a:focus-visible,.card:hover,.card:focus-within,.chat-product:hover,.chat-product:focus-within,.composition-products>a:hover,.composition-products>a:focus-visible,.btn:hover,.business-button:hover,.footer-cta:hover,.chat-send:hover,.chat-mic:hover,.taste-actions button:hover,.chat-quick-replies button:hover,.icon-button:hover{transform:none!important}.card:hover .product-visual img,.card:focus-within .product-visual img,.chat-product:hover .chat-product-image img,.chat-product:focus-within .chat-product-image img,.detail-image:hover img,.board-item:hover .board-item-image img,.composition-products>a:hover img,.mini-product:hover img,.entry-hero:hover>img{transform:none!important}}
