.ocol-root{display:block;background:var(--orlea-offwhite, #F7F5F1)}.ocol-root .ocol-inner{max-width:var(--container, 1400px);margin:0 auto;padding:40px var(--horizontal-spacing)}.ocol-root .main_collection_product_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ocol-root .ocol-hero{position:relative;aspect-ratio:21 / 9;overflow:hidden}.ocol-root .ocol-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ocol-root .ocol-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--orlea-voile-depart, rgba(5,18,25,0)) 40%,var(--orlea-voile-fort, rgba(5,18,25,.42)) 100%)}.ocol-root .ocol-hero-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(24px,4vw,56px) var(--horizontal-spacing);text-align:center;color:var(--orlea-creme-clair, #FBF9F5)}.ocol-root .ocol-hero-eyebrow{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;opacity:.9}.ocol-root .ocol-hero-cta{display:inline-block;margin-top:18px;padding:13px 30px;border:1px solid var(--orlea-creme-clair, #FBF9F5);border-radius:var(--orlea-pilule, 999px);font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orlea-creme-clair, #FBF9F5);text-decoration:none;transition:background .2s ease,color .2s ease}.ocol-root .ocol-hero-cta:hover{background:var(--orlea-creme-clair, #FBF9F5);color:var(--orlea-ancre, #051219)}.ocol-root .ocol-head-plain{padding:clamp(40px,5vw,72px) var(--horizontal-spacing) 0;text-align:center}.ocol-root .ocol-head-plain .ocol-hero-title{color:var(--orlea-ancre, #051219)}.ocol-root .ocol-head-eyebrow{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orlea-fumee, #7C8486);margin:0 0 14px}.ocol-root .ocol-head-sub{font-family:var(--font-body-family);font-size:1.45rem;color:var(--orlea-fumee, #7C8486);margin:12px auto 0;max-width:52ch}.ocol-root .ocol-hero-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(3.2rem,5vw,6rem);line-height:1.02;letter-spacing:-.02em;margin:0}.ocol-root .ocol-hero-sub{font-family:var(--font-body-family);font-size:1.5rem;margin:10px 0 0;opacity:.92}.ocol-root .ocol-pills{position:sticky;top:0;z-index:5;background:var(--orlea-offwhite, #F7F5F1);border-bottom:1px solid var(--orlea-bord-leger, rgba(5, 18, 25, .08))}.ocol-root .ocol-pills-rail{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:var(--container, 1400px);margin:0 auto;padding:16px var(--horizontal-spacing);list-style:none}.ocol-root .ocol-pill{display:inline-block;padding:9px 20px;border:1px solid var(--orlea-bord, rgba(5, 18, 25, .22));border-radius:var(--orlea-pilule, 999px);font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orlea-ancre, #051219);text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.ocol-root .ocol-pill:hover{border-color:var(--orlea-pacane, #7F5639);color:var(--orlea-pacane, #7F5639)}.ocol-root .ocol-pill.is-on{background:var(--orlea-pacane, #7F5639);border-color:var(--orlea-pacane, #7F5639);color:var(--orlea-creme-clair, #FBF9F5)}.ocol-root .ocol-pill:focus-visible{outline:2px solid var(--orlea-pacane, #7F5639);outline-offset:2px}@media(max-width:899px){.ocol-root .ocol-hero{aspect-ratio:4 / 5}.ocol-root .ocol-pills-rail{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:15px}.ocol-root .ocol-pills-rail::-webkit-scrollbar{display:none}.ocol-root .ocol-pills-rail li{scroll-snap-align:start}}.ocol-root .ocol-carte{display:flex;flex-direction:column;width:100%;background:var(--orlea-blanc, #FFFFFF);border-radius:var(--orlea-radius, 16px);overflow:hidden;box-shadow:0 1px 3px var(--orlea-bord-leger, rgba(5, 18, 25, .08));transition:box-shadow .3s ease}.ocol-root .ocol-carte:hover{box-shadow:var(--orlea-ombre-survol, 0 6px 18px rgba(5, 18, 25, .1))}.ocol-root .ocol-photo{position:relative;aspect-ratio:1 / 1;background:var(--orlea-creme, #F1EEE7);overflow:hidden}.ocol-root .ocol-photo-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none}.ocol-root .ocol-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .5s ease}.ocol-root .ocol-ph{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--orlea-creme, #F1EEE7)}@media(hover:hover){.ocol-root .ocol-carte:hover .ocol-photo img{transform:scale(1.05)}}.ocol-root .ocol-photo-link:focus-visible{outline:2px solid var(--orlea-ancre, #051219);outline-offset:-2px}.ocol-root .ocol-info{display:block;padding:16px 16px 20px;text-decoration:none;color:inherit}.ocol-root .ocol-pname{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:var(--orlea-ancre, #051219);font-size:1.95rem;line-height:1.12;letter-spacing:-.01em;margin:0 0 3px}.ocol-root .ocol-pdesc{font-family:var(--font-body-family);font-size:1.3rem;color:var(--orlea-fumee, #7C8486);line-height:1.35;margin:0 0 8px}.ocol-root .ocol-pprice{font-family:var(--font-body-family);font-size:1.35rem;color:var(--orlea-ancre, #051219);font-variant-numeric:tabular-nums;margin:0}.ocol-root .ocol-qa{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;pointer-events:none;z-index:2}@media(hover:hover){.ocol-root .ocol-carte:hover .ocol-qa{opacity:1;transform:none;pointer-events:auto}}@media(hover:none){.ocol-root .ocol-qa{opacity:1;transform:none;pointer-events:auto}}.ocol-root .ocol-qa product-form,.ocol-root .ocol-qa .ocol-form{display:contents}.ocol-root .ocol-qa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:12px 18px;border:0;border-radius:var(--orlea-pilule, 999px);background:var(--orlea-pacane, #7F5639);color:var(--orlea-creme-clair, #FBF9F5);font-family:var(--font-body-family);font-size:1.18rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1;cursor:pointer;box-shadow:var(--orlea-ombre-flottant, 0 6px 20px rgba(5, 18, 25, .28));transition:background .22s ease,transform .12s ease,box-shadow .22s ease;-webkit-appearance:none;appearance:none}.ocol-root .ocol-qa-btn:hover{background:var(--orlea-pacane-fonce, #6B4830);box-shadow:var(--orlea-ombre-flottant-survol, 0 8px 24px rgba(5, 18, 25, .34))}.ocol-root .ocol-qa-btn:active{transform:scale(.98)}.ocol-root .ocol-qa-btn:focus-visible{outline:2px solid var(--orlea-creme-clair, #FBF9F5);outline-offset:2px}.ocol-root .ocol-qa-btn[disabled]{background:var(--orlea-fumee-desactive, rgba(124, 132, 134, .92));color:var(--orlea-creme, #F1EEE7);cursor:not-allowed;box-shadow:none}.ocol-root .ocol-qa-btn.is-added{background:var(--orlea-succes, #4B7A5B)}.ocol-root .ocol-qa-btn.is-loading .ocol-qa-label{visibility:hidden}.ocol-root .ocol-qa-btn .form_loader{width:15px;height:15px;border:2px solid var(--orlea-creme-clair-voile, rgba(251, 249, 245, .4));border-top-color:var(--orlea-creme-clair, #FBF9F5);border-radius:50%;animation:ocol-spin .7s linear infinite}.ocol-root .ocol-qa-btn .form_loader.hidden{display:none}@keyframes ocol-spin{to{transform:rotate(360deg)}}.ocol-root .ocol-shades{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:9px 11px;background:var(--orlea-panneau-fond, rgba(251, 249, 245, .96));border-radius:14px;box-shadow:var(--orlea-ombre-panneau, 0 4px 16px rgba(5, 18, 25, .16));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-height:132px;overflow-y:auto}.ocol-root .ocol-shades[hidden]{display:none}.ocol-root .ocol-shade{width:26px;height:26px;flex:none;padding:0;border-radius:50%;border:1px solid var(--orlea-bord-pastille, rgba(5, 18, 25, .18));background-color:var(--sw, var(--orlea-sable, #E7E1D8));background-size:cover;background-position:center;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.ocol-root .ocol-shade:hover{transform:scale(1.12)}.ocol-root .ocol-shade[aria-pressed=true]{box-shadow:0 0 0 2px var(--orlea-creme-clair, #FBF9F5),0 0 0 4px var(--orlea-pacane, #7F5639)}.ocol-root .ocol-shade:focus-visible{outline:2px solid var(--orlea-pacane, #7F5639);outline-offset:2px}.ocol-root .ocol-shade.is-unavailable{opacity:.35;cursor:not-allowed;position:relative}.ocol-root .ocol-shade.is-unavailable:after{content:"";position:absolute;inset:50% 2px auto 2px;height:1px;background:var(--orlea-ancre, #051219);transform:rotate(-20deg);transform-origin:center}@media(max-width:899px){.ocol-root .main_collection_product_grid{grid-template-columns:repeat(2,1fr);gap:14px}.ocol-root .ocol-info{padding:12px 12px 16px}.ocol-root .ocol-pname{font-size:1.65rem}}.ocol-root .ocol-ctrl{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--container, 1400px);margin:0 auto;padding:26px var(--horizontal-spacing) 18px}.ocol-root .ocol-count{font-family:var(--font-body-family);font-size:1.25rem;color:var(--orlea-fumee, #7C8486);margin:0;font-variant-numeric:tabular-nums}.ocol-root collection-filters{display:inline-flex;align-items:center;gap:10px}.ocol-root .ocol-sort-lbl{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orlea-fumee, #7C8486)}.ocol-root .ocol-sort{font-family:var(--font-body-family);font-size:1.25rem;color:var(--orlea-ancre, #051219);background:transparent;border:1px solid var(--orlea-bord, rgba(5, 18, 25, .22));border-radius:var(--orlea-pilule, 999px);padding:8px 34px 8px 16px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23051219' fill='none' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.ocol-root .ocol-sort:focus-visible{outline:2px solid var(--orlea-pacane, #7F5639);outline-offset:2px}.ocol-root .ocol-filter-btn{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;background:transparent;border:1px solid var(--orlea-bord, rgba(5, 18, 25, .22));border-radius:var(--orlea-pilule, 999px);padding:9px 20px;cursor:pointer;color:var(--orlea-ancre, #051219)}.ocol-root .loader_wrapper{display:none;justify-content:center;padding:30px 0}.ocol-root .loader_wrapper.active{display:flex}.ocol-root .infinite_scroll_wrapper{display:flex;justify-content:center;padding:44px 0 12px}.ocol-root .infinite-scroll--next{font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:1px solid var(--orlea-pacane, #7F5639);color:var(--orlea-pacane, #7F5639);border-radius:var(--orlea-pilule, 999px);padding:14px 34px;cursor:pointer;transition:background .2s ease,color .2s ease}.ocol-root .infinite-scroll--next:hover{background:var(--orlea-pacane, #7F5639);color:var(--orlea-creme-clair, #FBF9F5)}.ocol-root .infinite-scroll--next .hidden{display:none}@media(max-width:899px){.ocol-root .ocol-ctrl{padding:18px 15px 14px}}.ocol-root .filter_drawer_wrapper{background:var(--orlea-creme-clair, #FBF9F5)}.ocol-root .filter_drawer_wrapper .drawer_header h5{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:var(--orlea-ancre, #051219);margin:0}.ocol-root .filter_drawer_wrapper .main_drawer_close{background:transparent;border:0;cursor:pointer}.ocol-root .ocol-lifestyle{position:relative;grid-column:1 / -1;aspect-ratio:21 / 8;overflow:hidden;border-radius:var(--orlea-radius, 16px)}.ocol-root .ocol-lifestyle img{width:100%;height:100%;object-fit:cover;display:block}.ocol-root .ocol-ls-txt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;background:linear-gradient(180deg,var(--orlea-voile-leger, rgba(5,18,25,.1)),var(--orlea-voile-moyen, rgba(5,18,25,.38)))}.ocol-root .ocol-ls-phrase{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:var(--orlea-creme-clair, #FBF9F5);font-size:clamp(2.4rem,3.4vw,4.2rem);line-height:1.08;letter-spacing:-.02em;margin:0;max-width:20ch}.ocol-root .ocol-ls-cta{display:inline-block;padding:13px 30px;border:1px solid var(--orlea-creme-clair, #FBF9F5);border-radius:var(--orlea-pilule, 999px);font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orlea-creme-clair, #FBF9F5);text-decoration:none;transition:background .2s ease,color .2s ease}.ocol-root .ocol-ls-cta:hover{background:var(--orlea-creme-clair, #FBF9F5);color:var(--orlea-ancre, #051219)}@media(max-width:899px){.ocol-root .ocol-lifestyle{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/orlea-collection.css.map */