/* OSL design system: shared palette, hierarchy and control appearance. Layout stays in page styles; contextual exceptions below preserve established designs. */ :root{ --osl-font-heading:Georgia,'Times New Roman',serif; --osl-font-body:Arial,Helvetica,sans-serif; --osl-green:#3a5845;--osl-green-rgb:58,88,69;--osl-green-dark:#354039;--osl-ink:var(--osl-green); --osl-paper:#fffdf9;--osl-ivory:#f5eee7;--osl-coral:#7a5140;--osl-muted:#6f716b;--osl-line:#ddd2c4; --osl-title-xl:clamp(30px,3vw,44px);--osl-title-lg:clamp(26px,2.5vw,36px); --osl-title-md:clamp(22px,2vw,28px);--osl-title-sm:20px;--osl-title-xs:18px; --osl-button-size:13px; --osl-control-line:#dfcebf;--osl-control-muted:#596259;--osl-control-hover:#e9e1d7; } /* Additional existing shades: shared constants, no visual recoloring. */ :root{--osl-white:#fff;--osl-muted-alt:var(--osl-control-muted);--osl-terracotta-soft:#caa290;--osl-terracotta:#ac866b;--osl-badge:#9a5c49;--osl-ivory-deep:#e4dcd1;--osl-terracotta-pale:#fde4d0;--osl-gold:#b59a7f;--osl-legacy-ink:#3e4640;--osl-error:#c63832;--osl-sand:#d7b79f;} /* Migration of legacy #F6F6F6 values; later component rules retain their design. */ /* themes/classic/assets/css/theme.css */ html body abbr[title],html body abbr[data-original-title]{border-bottom-color:var(--osl-line)} html body .blockquote{border-left-color:var(--osl-line)} html body .blockquote-footer{color:var(--osl-muted)} html body .blockquote-reverse{border-right-color:var(--osl-line)} html body .figure-caption{color:var(--osl-muted)} html body .table th,html body .table td{border-top-color:var(--osl-line)} html body .table thead th{border-bottom-color:var(--osl-line)} html body .table tbody+tbody{border-top-color:var(--osl-line)} html body .table-bordered,html body .table-bordered th,html body .table-bordered td{border-color:var(--osl-line)} html body .thead-default th{background-color:var(--osl-frame-muted)} html body .table-inverse{color:var(--osl-paper)} html body .table-reflow th,html body .table-reflow td{border-top-color:var(--osl-line);border-left-color:var(--osl-line)} html body .table-reflow th:last-child,html body .table-reflow td:last-child{border-right-color:var(--osl-line)} html body .table-reflow thead:last-child tr:last-child th,html body .table-reflow thead:last-child tr:last-child td,html body .table-reflow tbody:last-child tr:last-child th,html body .table-reflow tbody:last-child tr:last-child td,html body .table-reflow tfoot:last-child tr:last-child th,html body .table-reflow tfoot:last-child tr:last-child td{border-bottom-color:var(--osl-line)} html body .table-reflow tr th,html body .table-reflow tr td{border-color:var(--osl-line)} html body .form-control:disabled,html body .form-control[readonly],html body .btn-secondary,html body .btn-tertiary,html body .btn-secondary.disabled:focus,html body .disabled.btn-tertiary:focus,html body .btn-secondary.disabled.focus,html body .disabled.focus.btn-tertiary,html body .btn-secondary:disabled:focus,html body .btn-tertiary:disabled:focus,html body .btn-secondary:disabled.focus,html body .btn-tertiary:disabled.focus,html body .btn-secondary.disabled:hover,html body .disabled.btn-tertiary:hover,html body .btn-secondary:disabled:hover,html body .btn-tertiary:disabled:hover{background-color:var(--osl-frame-muted)} html body .btn-link:disabled:focus,html body .btn-link:disabled:hover,html body .dropdown-item.disabled,html body .dropdown-item.disabled:focus,html body .dropdown-item.disabled:hover,html body .dropdown-header{color:var(--osl-muted)} html body .input-group-addon{background-color:var(--osl-frame-muted)} html body .custom-select:disabled{color:var(--osl-muted);background-color:var(--osl-frame-muted)} html body .nav-link.disabled,html body .nav-link.disabled:focus,html body .nav-link.disabled:hover{color:var(--osl-muted)} html body .nav-tabs .nav-link:focus,html body .nav-tabs .nav-link:hover{border-color:var(--osl-line) var(--osl-line) var(--osl-line)} html body .nav-tabs .nav-link.disabled,html body .nav-tabs .nav-link.disabled:focus,html body .nav-tabs .nav-link.disabled:hover{color:var(--osl-muted)} html body .breadcrumb{background-color:var(--osl-frame-muted)} html body .breadcrumb-item+.breadcrumb-item::before,html body .breadcrumb-item.active,html body .page-item.disabled .page-link,html body .page-item.disabled .page-link:focus,html body .page-item.disabled .page-link:hover{color:var(--osl-muted)} html body .page-link:focus,html body .page-link:hover,html body .tag-default,html body .jumbotron{background-color:var(--osl-frame-muted)} html body .list-group-item.disabled,html body .list-group-item.disabled:focus,html body .list-group-item.disabled:hover{color:var(--osl-muted);background-color:var(--osl-frame-muted)} html body .list-group-item.disabled .list-group-item-text,html body .list-group-item.disabled:focus .list-group-item-text,html body .list-group-item.disabled:hover .list-group-item-text{color:var(--osl-muted)} html body .form-control-select{background:var(--osl-frame-muted) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem} html body .bootstrap-touchspin .btn-touchspin:hover{background-color:var(--osl-frame-muted)} html body .thumb-mask>.mask{border-color:var(--osl-line)} html body .definition-list dl dd,html body .definition-list dl dt,html body .definition-list dl dd:nth-of-type(even),html body .definition-list dl dt:nth-of-type(even),html body .btn.disabled,html body .btn.disabled:hover{background:var(--osl-frame-muted)} html body .header-top .search-widgets form input[type="text"]{background:var(--osl-frame-background)} html body #mobile_top_menu_wrapper .top-menu a[data-depth="0"]{border-bottom-color:var(--osl-line)} html body#checkout section.checkout-step .select-field div,html body#checkout section.checkout-step .address-item,html body#checkout section.checkout-step .delivery-options .delivery-option{background:var(--osl-frame-muted)} html body#checkout .modal-content{background-color:var(--osl-frame-muted)} html body#checkout #cart-summary-product-list img{border-color:var(--osl-line)} html body #order-items{border-right-color:var(--osl-line)} html body #order-items table tr.total-value{background-color:var(--osl-frame-muted)} @media (max-width: 767px){ html body #order-items .card-title{border-bottom-color:var(--osl-line)} html body #order-items hr{border-top-color:var(--osl-line)} html body #order-details .card-title{border-bottom-color:var(--osl-line)} } html body .page-order-detail #order-history .history-lines .history-line,html body .page-order-detail .order-items .order-item,html body .page-order-detail .messages .message,html body #history .orders .order{border-bottom-color:var(--osl-line)} @media (max-width: 991px){ html body .carousel{background-color:var(--osl-frame-muted)} } html body .products-sort-order .dropdown-menu,html body .brands-sort .dropdown-menu,html body .suppliers-sort .dropdown-menu{background:var(--osl-frame-muted)} html body .facet-dropdown{background:var(--osl-frame-muted);box-shadow:1px 1px 1px 1px var(--osl-line)} html body .facet-dropdown.open>.select-title,html body .facet-dropdown .select-title,html body .facet-dropdown .select-list{background:var(--osl-frame-muted)} html body .facet-dropdown .dropdown-menu{background:var(--osl-frame-muted);box-shadow:1px 1px 1px 1px var(--osl-line)} @media (max-width: 767px){ html body #category #left-column #search_filters{border-top-color:var(--osl-line)} html body #category #left-column #search_filters .facet{border-bottom-color:var(--osl-line)} html body #category #left-column #search_filters .facet ul li{border-top-color:var(--osl-line)} } html body #subcategories{border-top-color:var(--osl-line)} html body #subcategories ul li .subcategory-image a,html body .product-information .manufacturer-logo,html body .product-discounts>.table-product-discounts thead tr th{border-color:var(--osl-line)} html body .product-discounts>.table-product-discounts tbody tr{background:var(--osl-frame-muted)} html body .product-discounts>.table-product-discounts tbody tr td{border-color:var(--osl-line)} html body .tabs .nav-tabs{border-bottom-color:var(--osl-line)} html body #product-modal .modal-content .modal-body .image-caption{border-top-color:var(--osl-line)} html body #blockcart-modal .cart-content p.product-total,html body #blockcart-modal .cart-content .page-content.page-cms ul.product-total,html body .page-content.page-cms #blockcart-modal .cart-content ul.product-total{background-color:var(--osl-frame-muted)} html body .product-features>dl.data-sheet dd.value,html body .product-features>dl.data-sheet dt.name,html body .product-features>dl.data-sheet dd.value:nth-of-type(even),html body .product-features>dl.data-sheet dt.name:nth-of-type(even),html body .product-customization .product-message,html body .product-customization .custom-file{background:var(--osl-frame-muted)} html body .product-pack .pack-product-container .pack-product-quantity{border-left-color:var(--osl-line)} @media (max-width: 575px){ html body .cart-item{border-bottom-color:var(--osl-line)} } html body .quickview .modal-content{background:var(--osl-frame-muted)} html body #stores .page-stores .store-item-container .divide-left{border-left-color:var(--osl-line)} html body #stores .page-stores .store-item-footer.divide-top{border-top-color:var(--osl-line)} @media (max-width: 575px){ html body #stores .page-stores .store-item-footer.divide-top{border-top-color:var(--osl-line)} } html body .block-social ul li{background-color:var(--osl-frame-muted)} @media (max-width: 767px){ html body .block_newsletter{border-bottom-color:var(--osl-line)} html body .footer-container .links ul{background-color:var(--osl-frame-muted)} html body .links .title{border-bottom-color:var(--osl-line)} } html body .customization-modal .modal-content{border-color:var(--osl-line)} html body .customization-modal .modal-content .modal-body .product-customization-line,html body #header .header-nav{border-bottom-color:var(--osl-line)} html body #header .header-nav .blockcart{background:var(--osl-frame-muted)} html body #wrapper{background:var(--osl-frame-background)} /* modules/steavisgarantis/views/css/style.css */ html body #product_widget{box-shadow:0 0 2px 2px var(--osl-line)} /* themes/osl/assets/css/osl-category.css */ html body#category .osl-category-catalog .osl-filter-open:hover,html body#category .osl-category-catalog .osl-catalog-toolbar__sort .select-list:hover,html body#category .osl-category-catalog .osl-catalog-toolbar__sort .select-list.current{background:var(--osl-control-hover)} html body h1,html body h2,html body h3,html body h4,html body h5,html body h6, html body h1.h2,html body #products .page-not-found h4,html body .block-categories .h6,html body .osl-title{font-family:var(--osl-font-heading);font-weight:400;line-height:1.3;color:var(--osl-green);text-transform:none;} html body h1,html body h1.h2{font-size:var(--osl-title-xl);} html body h2{font-size:var(--osl-title-lg);} html body h3{font-size:var(--osl-title-md);} html body h4,html body #products .page-not-found h4{font-size:var(--osl-title-sm);} html body h5,html body h6{font-size:var(--osl-title-xs);} html body button,html body input[type=submit],html body .btn,html body .osl-button{font-family:var(--osl-font-body);font-size:var(--osl-button-size);font-weight:400;line-height:1.4;} html body .btn,html body .osl-button{border-radius:0;box-shadow:none;} html body .osl-subtitle{font-family:var(--osl-font-body);font-size:14px;line-height:1.6;color:var(--osl-muted);} html body .btn-primary{background:var(--osl-coral);border-color:var(--osl-coral);color:var(--osl-paper);} html body .btn-primary:not(:disabled):hover,html body .btn-primary:not(:disabled):focus-visible{background:var(--osl-green);border-color:var(--osl-green);color:var(--osl-paper);} html body .btn-secondary{background:transparent;border-color:var(--osl-line);color:var(--osl-green);} html body .btn:disabled{opacity:.5;cursor:not-allowed;} .page-cms-11 .osl-stores-eyebrow{color:var(--osl-stores-coral);font-family:var(--osl-font-body);font-size:0.65rem;font-weight:800;letter-spacing:0.2em;line-height:1.3;text-transform:uppercase;} .page-cms-11 .osl-stores-hero__copy .osl-stores-eyebrow{color:var(--osl-stores-terracotta-pale);} .page-cms-11 .osl-stores-hero h1{color:var(--osl-white);font-family:var(--osl-font-heading);font-size:clamp(2.8rem, 4.5vw, 5rem);font-weight:400;letter-spacing:-0.045em;line-height:0.98;text-transform:none;} .page-cms-11 .osl-stores-intro h2{color:var(--osl-stores-ink);font-family:var(--osl-font-heading);font-weight:400;letter-spacing:-0.04em;text-transform:none;font-size:clamp(2.25rem, 3.3vw, 3.7rem);line-height:1.04;} .page-cms-11 .osl-store-details h2{color:var(--osl-stores-ink);font-family:var(--osl-font-heading);font-weight:400;letter-spacing:-0.04em;text-transform:none;font-size:clamp(2.55rem, 3.7vw, 4.1rem);line-height:0.98;} .page-cms-11 .osl-store-button{color:var(--osl-white) !important;background:var(--osl-stores-coral);font-size:0.72rem;font-weight:800;letter-spacing:0.04em;} .page-cms-11 .osl-store-button i{font-style:normal;} .page-cms-11 .osl-store-button:hover,.page-cms-11 .osl-store-button:focus-visible{color:var(--osl-white) !important;background:var(--osl-stores-muted);} @media (max-width: 680px){ .page-cms-11 .osl-stores-hero h1{font-size:clamp(2.55rem, 10.5vw, 3.45rem);} } @media (max-width: 680px){ .page-cms-11 .osl-stores-intro h2{font-size:2.35rem;} } @media (max-width: 680px){ .page-cms-11 .osl-store-details h2{font-size:2.65rem;} } #osl-care-premium .oc-main h1{font-family:var(--osl-font-heading);font-weight:400;letter-spacing:-.03em;color:inherit;text-transform:none;} #osl-care-premium .oc-main h2{font-family:var(--osl-font-heading);font-weight:400;letter-spacing:-.03em;color:inherit;text-transform:none;font-size:clamp(29px,3.25vw,40px);line-height:1.2;} #osl-care-premium .oc-main h3{font-family:var(--osl-font-heading);font-weight:400;letter-spacing:-.03em;color:inherit;text-transform:none;font-size:25px;line-height:1.3;} #osl-care-premium .oc-eyebrow{font:400 10px/1.65 var(--osl-font-body);letter-spacing:.17em;text-transform:uppercase;color:var(--oc-copper);} #osl-care-premium .oc-hero h1{font-size:clamp(34px,4.3vw,55px);line-height:1.1;letter-spacing:-.025em;} #osl-care-premium .oc-hero .oc-eyebrow{color:var(--osl-white);} #osl-care-premium .oc-intro h2{font-size:clamp(31px,3.5vw,44px);} #osl-care-premium .oc-steel-copy h2{font-size:clamp(29px,3.1vw,41px);} #osl-care-premium .oc-steps h3{font-size:22px;} #osl-care-premium .oc-natural-body h3{font-size:29px;} #osl-care-premium .oc-habit-grid h3{font-size:25px;} #osl-care-premium .oc-main summary{font:400 15px/1.6 var(--osl-font-body);} #osl-care-premium .oc-products h3{font-size:22px;} #osl-care-premium .oc-related-grid h3{font-size:29px;} #osl-care-premium .oc-sources summary{font-size:13px;} #osl-care-premium .oc-sources summary>span{font-size:11px;color:var(--oc-muted);} @media(max-width:767px){ #osl-care-premium .oc-hero h1{font-size:clamp(33px,6.4vw,44px);} } @media(max-width:767px){ #osl-care-premium .oc-intro h2{font-size:35px;} } @media(max-width:767px){ #osl-care-premium .oc-steel-copy h2{font-size:34px;} } @media(max-width:767px){ #osl-care-premium .oc-products h3{font-size:21px;} } @media(max-width:767px){ #osl-care-premium .oc-related-grid h3{font-size:28px;} } @media(max-width:450px){ #osl-care-premium .oc-hero h1{font-size:33px;} } @media(max-width:450px){ #osl-care-premium .oc-steel-copy h2{font-size:30px;} } @media(max-width:450px){ #osl-care-premium .oc-intro h2{font-size:32px;} } @media(max-width:450px){ #osl-care-premium .oc-main h2{font-size:30px;} } @media(max-width:450px){ #osl-care-premium .oc-products h3{font-size:18px;} } @media(max-width:450px){ #osl-care-premium .oc-main summary{font-size:14px;} } html body#product .product-actions .add-to-cart:not(:disabled):hover,html body#product .product-actions .add-to-cart:not(:disabled):focus-visible{background:var(--osl-green)!important;border-color:var(--osl-green)!important;color:var(--osl-paper)!important;} html body #blockcart-modal .modal-title{font:normal 27px/1.3 var(--osl-font-heading);color:var(--osl-green);text-transform:none;} html body #blockcart-modal .modal-title>i{font-size:24px;color:var(--osl-green);} html body #blockcart-modal .cart-content .cart-content-btn .btn{font:13px/1.4 var(--osl-font-body);letter-spacing:.4px;border-radius:0;box-shadow:none;text-transform:none;} html body #blockcart-modal .cart-content-btn .btn-primary{background:var(--osl-coral);color:var(--osl-paper);} html body #blockcart-modal .cart-content-btn .btn-primary:hover{background:var(--osl-green);border-color:var(--osl-green);} html body #blockcart-modal .cart-content-btn .btn-secondary{background:transparent;color:var(--osl-green);} html body #blockcart-modal .cart-content-btn .btn-secondary:hover{background:var(--osl-ivory);} @media(max-width:767px){ html body #blockcart-modal .modal-title{font-size:22px;} } body#category .osl-category-seo__heading h2,body#category .osl-home-newsletter .osl-home-section-title{color:var(--osl-home-ink);font-family:var(--osl-font-heading);font-size:clamp(1.9rem, 2.4vw, 2.75rem);font-weight:400;line-height:1.08;letter-spacing:-.03em;text-transform:none;} body#category .osl-category-seo .osl-eyebrow,body#category .osl-home-newsletter .osl-home-eyebrow{color:var(--osl-home-coral);font:800 .65rem/1.3 var(--osl-font-body);letter-spacing:.2em;text-transform:uppercase;} .osl-home-newsletter .osl-home-section-title{color:var(--osl-home-ink);} @media (max-width: 680px){ body#category .osl-category-seo__heading h2{font-size:2rem;} } @media (max-width: 680px){ body#category .osl-home-newsletter .osl-home-section-title{font-size:2rem;} } .osl-eyebrow{color:var(--osl-terracotta);font-size:.66rem;font-weight:700;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;} .osl-category-hero__eyebrow{font-size:.67rem;font-weight:700;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;} .osl-category-hero h1{color:var(--osl-white);font-family:var(--osl-font-heading);font-size:clamp(2.8rem, 4.8vw, 5.15rem);font-weight:400;line-height:.98;letter-spacing:-.045em;text-transform:none;} .osl-catalog-heading h2{color:var(--osl-ink);font-family:var(--osl-font-heading);font-size:clamp(2.2rem, 3.2vw, 3.7rem);font-weight:400;line-height:1.02;letter-spacing:-.04em;text-transform:none;} .osl-catalog-toolbar__sort .products-sort-order .select-title{color:var(--osl-ink);font-size:.72rem;line-height:1.2;} .osl-active-filters .active-filter-title{color:var(--osl-coral);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;} .osl-filter-drawer .facet-title{color:var(--osl-ink);font-family:var(--osl-font-heading);font-size:1.08rem;font-weight:400;line-height:1.25;text-transform:none;} .osl-category-catalog .product-title,.osl-category-catalog .product-title a{color:var(--osl-ink);font-size:.76rem;font-weight:600;line-height:1.45;text-transform:none;} .osl-category-catalog .product-title small{color:var(--osl-control-muted);font-size:.62rem;font-weight:400;letter-spacing:.05em;} .osl-category-seo__heading h2{color:var(--osl-ink);font-family:var(--osl-font-heading);font-size:clamp(2.15rem, 3.25vw, 3.55rem);font-weight:400;line-height:1.04;letter-spacing:-.04em;text-transform:none;} @media (max-width: 767.98px){ .osl-category-hero__eyebrow{color:rgba(255, 255, 255, .8);font-size:.58rem;} } @media (max-width: 767.98px){ .osl-category-hero h1{font-size:clamp(2.35rem, 10.5vw, 3.25rem);line-height:1;} } @media (max-width: 767.98px){ .osl-catalog-heading h2{font-size:2.45rem;} } @media (max-width: 767.98px){ .osl-catalog-toolbar__sort .products-sort-order .select-title{font-size:.66rem;} } @media (max-width: 767.98px){ .osl-category-catalog .product-title{font-size:.68rem;line-height:1.4;} } @media (max-width: 767.98px){ .osl-category-catalog .product-title a{font-size:.68rem;line-height:1.4;} } @media (max-width: 767.98px){ .osl-category-catalog .product-title small{font-size:.57rem;} } @media (max-width: 767.98px){ .osl-category-seo__heading h2{font-size:2.35rem;} } @media (max-width: 380px){ .osl-category-hero h1{font-size:2.08rem;} } @media (max-width: 767px){ .osl-category-hero h1{font-size:clamp(2.15rem, 9.2vw, 2.85rem);line-height:1.01;} } body#category .osl-category-catalog .product-title{color:var(--osl-ink);font-family:var(--osl-font-heading) !important;font-size:1.0625rem;font-weight:400;line-height:1.45;text-transform:none;} body#category .osl-category-catalog .product-title a{color:var(--osl-ink) !important;font-family:inherit !important;font-size:inherit;font-weight:400 !important;line-height:inherit;} body#category .osl-category-catalog .product-title span{color:var(--osl-ink);} body#category .osl-category-catalog .product-title a:hover,body#category .osl-category-catalog .product-title a:focus-visible{color:var(--osl-ink) !important;} body#category .osl-category-catalog .product-title a:hover span,body#category .osl-category-catalog .product-title a:focus-visible span{color:var(--osl-coral) !important;} body#category .osl-category-catalog .product-title small{color:var(--osl-control-muted) !important;font-family:var(--osl-font-body);font-size:.75rem;font-weight:400;letter-spacing:.025em;line-height:1.35;text-transform:none;} @media (max-width: 680px){ body#category .osl-category-catalog .product-title{font-size:.9375rem;} } @media (max-width: 680px){ body#category .osl-category-catalog .product-title small{font-size:.75rem;letter-spacing:0;} } body#category .osl-category-hero__eyebrow{font-size:10px;font-weight:400;letter-spacing:.16em;line-height:1.5;} body#category .osl-category-hero h1{font-family:var(--osl-font-heading);font-size:clamp(34px, 3.7vw, 58px);font-weight:400;line-height:1.08;letter-spacing:-.025em;} body#category .osl-catalog-heading .osl-eyebrow{font-weight:400;letter-spacing:.16em;} body#category .osl-catalog-heading h2{font-size:clamp(30px, 2.8vw, 44px);line-height:1.13;letter-spacing:-.025em;} @media (max-width: 767.98px){ body#category .osl-category-hero__eyebrow{font-size:9px;letter-spacing:.12em;} } @media (max-width: 767.98px){ body#category .osl-category-hero h1{font-size:clamp(28px, 7.4vw, 38px);line-height:1.12;} } @media (max-width: 767.98px){ body#category .osl-catalog-heading h2{font-size:30px;} } body#category .osl-category-catalog #js-product-list .product-title{font-family:var(--osl-font-heading) !important;font-size:17px;font-weight:400;line-height:1.45;text-transform:none;} body#category .osl-category-catalog #js-product-list .product-title a{font-family:inherit !important;font-size:inherit;font-weight:400 !important;line-height:inherit;} body#category .osl-category-catalog #js-product-list .product-title small{color:var(--osl-control-muted) !important;font:400 12px/1.5 var(--osl-font-body);letter-spacing:.025em;} @media (max-width: 520px){ body#category .osl-category-catalog #js-product-list .product-title{font-size:15px;line-height:1.42;} } @media (max-width: 520px){ body#category .osl-category-catalog #js-product-list .product-title small{font-size:12px;letter-spacing:0;} } .osl-contact-page .osl-guide-hero h1{font-weight:400;} .osl-contact-layout h2{font:400 30px/1.2 var(--osl-font-heading);letter-spacing:-.035em;color:var(--guide-ink);text-transform:none;} .osl-contact-form .btn{background:var(--guide-ink);color:var(--osl-white);box-shadow:none;border-radius:0;font:400 12px/1.6 var(--osl-font-body);letter-spacing:.05em;text-transform:none;} .osl-faq-content h2{font-family:var(--osl-font-heading);font-weight:400;letter-spacing:-.035em;} .osl-faq-contact h2{font-family:var(--osl-font-heading);font-weight:400;letter-spacing:-.035em;font-size:38px;} .osl-faq-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;} .osl-faq-hero h1{font-size:clamp(38px,4.6vw,60px);line-height:1.15;} .osl-faq-section header h2{font-size:30px;line-height:1.2;} .osl-faq-answers summary{font-size:15px;line-height:1.6;color:var(--osl-green);} @media(max-width:700px){ .osl-faq-section header h2{font-size:29px;} } @media(max-width:700px){ .osl-faq-answers summary{font-size:14px;} } .osl-faq-answers summary h3{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;} #cms:is(.cms-id-2,.cms-id-3) .osl-service-page .osl-service-article h2{font:400 30px/1.2 var(--osl-font-heading);letter-spacing:-.035em;} #cms:is(.cms-id-2,.cms-id-3) .osl-service-page .osl-service-article h3{font:400 15px/1.85 var(--osl-font-body);letter-spacing:normal;color:var(--guide-muted);} #cms:is(.cms-id-2,.cms-id-3) .osl-service-page .osl-guide-hero h1{font-weight:400;} @media(max-width:600px){ #cms:is(.cms-id-2,.cms-id-3) .osl-service-page .osl-service-article h2{font-size:29px;} } #cms.cms-id-12 .osl-service-page .osl-service-article h2{font:400 30px/1.2 var(--osl-font-heading);letter-spacing:-.035em;} #cms.cms-id-12 .osl-service-page .osl-service-article h3{font:400 22px/1.3 var(--osl-font-heading);letter-spacing:-.025em;} #cms.cms-id-12 .osl-service-page .osl-guide-hero h1{font-weight:400;} @media(max-width:600px){ #cms.cms-id-12 .osl-service-page .osl-service-article h2{font-size:29px;} } html body .osl-newsletter .osl-newsletter-eyebrow{font:11px var(--osl-font-body)!important;letter-spacing:2px;text-transform:uppercase;color:var(--osl-coral)!important;} html body .osl-newsletter h2{font:normal clamp(28px,3vw,40px)/1.2 var(--osl-font-heading)!important;color:var(--osl-green)!important;text-transform:none!important;} html body .osl-newsletter input[type=submit]{border-radius:50%!important;background:var(--osl-green)!important;color:var(--osl-paper)!important;font:24px var(--osl-font-body)!important;letter-spacing:0!important;} #cms.cms-id-22 .oslpartner h1{color:inherit;font-family:var(--osl-font-heading);font-weight:400;text-transform:none;letter-spacing:-.025em;} #cms.cms-id-22 .oslpartner h2{color:inherit;font-family:var(--osl-font-heading);font-weight:400;text-transform:none;letter-spacing:-.025em;font-size:clamp(30px, 2.8vw, 42px);line-height:1.15;} #cms.cms-id-22 .oslpartner h3{color:inherit;font-family:var(--osl-font-heading);font-weight:400;text-transform:none;letter-spacing:-.025em;font-size:clamp(23px, 2.1vw, 28px);line-height:1.25;} #cms.cms-id-22 .oslpartner-title{font-size:clamp(34px, 3.7vw, 58px);line-height:1.08;} #cms.cms-id-22 .oslpartner-hero .oslpartner-subtitle{color:var(--osl-white);font-size:15px;} #cms.cms-id-22 .oslpartner-finalCta h2{color:inherit;} #cms.cms-id-22 .oslpartner-faq h3{font-size:24px;} #cms.cms-id-22 .osl-home-newsletter .osl-home-section-title{color:var(--osl-home-ink);font-family:var(--osl-font-heading);font-size:clamp(1.9rem, 2.4vw, 2.75rem);font-weight:400;line-height:1.08;letter-spacing:-.03em;text-transform:none;} #cms.cms-id-22 .osl-home-newsletter .osl-home-eyebrow{color:var(--osl-home-coral);font:800 .65rem/1.3 var(--osl-font-body);letter-spacing:.2em;text-transform:uppercase;} @media (max-width: 767px){ #cms.cms-id-22 .oslpartner-title{font-size:clamp(30px, 7.4vw, 42px);} } @media (max-width: 767px){ #cms.cms-id-22 .oslpartner-hero .oslpartner-subtitle{font-size:13px;line-height:1.7;} } @media (max-width: 767px){ } @media (max-width: 767px){ #cms.cms-id-22 .oslpartner-faq h3{font-size:22px;} } @media (max-width: 680px){ #cms.cms-id-22 .osl-home-newsletter .osl-home-section-title{font-size:2rem;} } .osl-univers[data-osl-univers="21"] .osl-stones-family h2{font-size:clamp(28px,3vw,38px);} .osl-univers[data-osl-univers="21"] .osl-stone-copy h3{font-size:29px;line-height:1.2;} .osl-univers[data-osl-univers="21"] .osl-stones-advice h2{font-size:30px;} .osl-univers[data-osl-univers="21"] .osl-stones-advice h3{font-size:23px;} .osl-univers[data-osl-univers="21"] .osl-stones-credits summary{color:var(--guide-muted);} body#product #main h1{font-family:var(--osl-font-heading);font-size:clamp(28px,2.8vw,42px);font-weight:400;line-height:1.2;text-transform:none;color:var(--osl-ink);} body#product .product-quantity .btn-touchspin{border-color:var(--osl-line);color:var(--osl-ink);background:var(--osl-white);} body#product .add-to-cart{background:var(--osl-coral);color:var(--osl-paper);box-shadow:none;font-size:13px;font-weight:400;letter-spacing:.04em;line-height:1.5;} body#product .add-to-cart:hover{background:var(--osl-ink);border-color:var(--osl-ink);} body#product .blockreassurance_product .block-title{font-family:var(--osl-font-heading);font-size:15px!important;font-weight:400!important;line-height:1.45;color:var(--osl-green)!important;letter-spacing:.15px;text-transform:none;} body#product .product-accessories>.h5,body#product .product-accessories>h2{font-family:var(--osl-font-heading);font-size:30px;font-weight:400;text-transform:none!important;color:var(--osl-ink);} body#product .osl-article-newsletter-eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.16em;color:var(--osl-coral)!important;} body#product #blockEmailSubscription_displayFooterBefore h2{font-family:var(--osl-font-heading);font-size:clamp(27px,3vw,40px);font-weight:400;line-height:1.2;color:var(--osl-ink);text-transform:none;} body#product #blockEmailSubscription_displayFooterBefore input[type=submit]{background:var(--osl-green);color:var(--osl-paper);font:12px var(--osl-font-body);text-transform:uppercase;letter-spacing:0;box-shadow:none;border-radius:50%;font-size:24px;} @media(max-width:767px){ body#product #main h1{font-size:29px;} } @media(max-width:767px){ body#product .product-accessories>h2{font-size:26px;} } body#product #blockEmailSubscription_displayFooterBefore input[type=submit]:hover{background:var(--osl-coral);} body#product #product-modal .osl-modal-close{background:var(--osl-frame-background);color:var(--osl-ink);font-size:24px;} body#product #product-modal .osl-lightbox-prev,body#product #product-modal .osl-lightbox-next{background:var(--osl-frame-background);color:var(--osl-ink);font:32px var(--osl-font-heading);} body#product #product-modal .osl-lightbox-zoom{border-radius:50%;background:var(--osl-white);color:var(--osl-ink);font-size:23px;} body#product #product-modal .osl-lightbox-zoom[aria-pressed=true]{background:var(--osl-ink);color:var(--osl-white);} body#product .osl-accordion summary{font-size:17px;color:var(--osl-green);} body#product .osl-product-discovery h2{font-family:var(--osl-font-heading);font-size:30px;line-height:1.3;color:var(--osl-green);} @media(max-width:767px){ body#product .osl-product-discovery h2{font-size:25px;} } body#product .osl-product-summary h1 .osl-title-reference{font-size:.5em;line-height:1.4;color:var(--osl-control-muted);font-weight:400;letter-spacing:.4px;} @media(min-width:768px){ body#product .blockreassurance_product .block-title{font-size:12px!important;line-height:1.5;} } @media(min-width:1600px){ body#product .blockreassurance_product .block-title{font-size:14px!important;} } body#search .osl-search-eyebrow{font:11px var(--osl-font-body);letter-spacing:2px;text-transform:uppercase;color:var(--osl-coral);} body#search .osl-search-heading h1{font:normal clamp(28px,3vw,44px)/1.25 var(--osl-font-heading);text-transform:none;letter-spacing:0;} body#search .osl-results-search button{background:var(--osl-coral);color:white;font-size:13px;} body#search .products-sort-order .select-title{font-size:13px;} body#search #products .product-title{font:normal 17px/1.4 var(--osl-font-heading);text-transform:none;} body#search #products .product-title a{color:var(--osl-green);} body#search #products .product-title small{font:11px/1.5 var(--osl-font-body);color:var(--osl-muted);} body#search .osl-search-empty h2{font:normal 28px/1.3 var(--osl-font-heading);} @media(max-width:767px){ body#search #products .product-title{font-size:15px;} } .osl-service-page .osl-service-eyebrow{font:400 10px/1.6 var(--osl-font-body);letter-spacing:.18em;text-transform:uppercase;} .osl-service-hero h1{font:400 clamp(34px,4.2vw,54px)/1.2 var(--osl-font-heading);letter-spacing:-.035em;} .osl-service-page .osl-service-article h2{font-size:clamp(27px,2.8vw,36px);} .osl-service-page .osl-service-article h3{font-size:25px;} .osl-service-page .osl-service-article h4{font-size:21px;} .osl-service-page-1 .osl-service-article>h2:first-child{font-size:22px;color:var(--guide-muted);} .osl-service-page-2 .osl-service-article h3{font-size:23px;} .osl-service-page-3 .osl-service-article h2,.osl-service-page-12 .osl-service-article h2{font-size:28px;} .osl-service-page-12 .osl-service-article h3{font-size:22px;} .osl-service-page .osl-partner-address h3{font-size:24px;} @media(max-width:600px){ .osl-service-page-3 .osl-service-article h2{font-size:25px;} } @media(max-width:600px){ .osl-service-page-12 .osl-service-article h2{font-size:25px;} } .osl-service-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;} .osl-service-article h2{font-size:29px;} .osl-service-article h3{font-size:24px;} .osl-service-article h4{font-size:20px;} @media(max-width:760px){ .osl-service-article h2{font-size:27px;} } @media(max-width:760px){ .osl-service-article h3{font-size:23px;} } .osl-service-page .osl-home-newsletter .osl-home-section-title{font:400 clamp(28px,3vw,40px)/1.2 var(--osl-font-heading);letter-spacing:-.03em;color:var(--osl-green);} .osl-service-page .osl-home-newsletter .osl-home-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;} #osl-search-dialog h2{font:normal 30px/1.3 var(--osl-font-heading);} #osl-search-dialog .osl-search-close{background:none;color:var(--osl-green);font-size:30px;} #osl-search-dialog button[type=submit]{background:var(--osl-coral);color:white;} @media(max-width:767px){ #osl-search-dialog h2{font-size:25px;} } html body#index .osl-home-hero .osl-home-button--primary,html body#index .osl-home-hero .osl-home-button--primary:hover,html body#index .osl-home-hero .osl-home-button--primary:focus{background:var(--osl-green-dark)!important;border-color:var(--osl-green-dark)!important;color:var(--osl-paper)!important;} .osl-sitemap-page .osl-guide-hero h1{font-weight:400;} .osl-sitemap-links h2{font:400 30px/1.2 var(--osl-font-heading);letter-spacing:-.035em;color:var(--guide-ink);} .osl-univers-home h2{font-size:34px;line-height:1.2;} .osl-univers-home h3{font-size:25px;line-height:1.3;} .osl-univers-home .osl-guide-hero h1{font-size:clamp(34px,4.6vw,58px);} .osl-univers-home .osl-guide-questions summary{font-size:14px;} .osl-univers-home .osl-guide-card h3{font-size:19px;line-height:1.3;} .osl-univers-home .osl-guide-related-card h3{font-size:25px;} @media(max-width:900px){ .osl-univers-home .osl-guide-card h3{font-size:20px;} } @media(max-width:900px){ .osl-univers-home .osl-guide-related-card h3{font-size:27px;} } @media(max-width:767px){ .osl-univers-home .osl-guide-hero h1{font-size:clamp(32px,7.2vw,42px);line-height:1.12;} } @media(max-width:767px){ .osl-univers-home .osl-guide-card h3{font-size:18px;} } @media(max-width:450px){ .osl-univers-home .osl-guide-article h2{font-size:28px;} } @media(max-width:450px){ .osl-univers-home .osl-guide-questions summary{font-size:15px;line-height:1.55;} } @media(max-width:450px){ .osl-univers-home .osl-guide-card h3{font-size:17px;line-height:1.35;} } @media (min-width: 768px){ #header .osl-navigation-row #osl-menu-univers > .osl-menu-item-heading > .osl-univers-link{line-height:1.25;} } .osl-univers-premium .osl-guide-hero h1{font-size:clamp(44px,5.6vw,76px);letter-spacing:-.035em;} .osl-univers-premium .osl-journal-heading h2{font-size:clamp(34px,3.6vw,48px);font-weight:400;line-height:1.18;} .osl-univers-premium .osl-journal-heading>p:last-child{font-size:15px;line-height:1.9;color:var(--osl-control-muted);} .osl-univers-premium .osl-journal-card h3{font-size:28px;font-weight:400;line-height:1.25;} @media(max-width:900px){ .osl-univers-premium .osl-journal-card h3{font-size:24px;} } @media(max-width:650px){ .osl-univers-premium .osl-journal-heading h2{font-size:34px;} } @media(max-width:650px){ .osl-univers-premium .osl-journal-card h3{font-size:28px;} } .osl-univers h2{font-size:clamp(29px,3vw,40px);line-height:1.2;} .osl-univers h3{font-size:26px;line-height:1.3;} .osl-guide-hero h1{font-size:clamp(34px,3.7vw,58px);line-height:1.08;} .osl-guide-questions summary{font-size:15px;line-height:1.6;} .osl-univers .osl-guide-card h3{font-size:22px;} .osl-univers .osl-guide-related-card h3{font-size:28px;} .osl-univers .osl-home-newsletter .osl-home-section-title{font:400 clamp(31px,2.7vw,44px)/1.15 var(--osl-font-heading);letter-spacing:-.025em;} .osl-univers .osl-home-newsletter .osl-home-eyebrow{color:var(--guide-copper);font:400 10px/1.6 var(--osl-font-body);text-transform:uppercase;letter-spacing:.18em;} @media(max-width:600px){ .osl-guide-hero h1{font-size:clamp(30px,8vw,42px);line-height:1.12;} } @media(max-width:600px){ .osl-guide-questions summary{font-size:14px;} } @media(max-width:600px){ .osl-univers .osl-guide-card h3{font-size:20px;} } #header .osl-mobile-menu-heading{color:var(--osl-ink);font-family:var(--osl-font-heading);font-size:1.35rem;} .osl-footer-group summary{color:var(--osl-terracotta-pale);font-family:var(--osl-font-body);font-size:.68rem;font-weight:800;letter-spacing:.11em;line-height:1.35;text-transform:uppercase;} @media (max-width: 680px){ .osl-footer-group summary span{font-family:var(--osl-font-heading);font-size:1.25rem;font-weight:400;} } @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a{color:var(--osl-green) !important;font-size:13px;font-weight:400;letter-spacing:0;line-height:1;text-transform:none;font-family:var(--osl-font-heading);} } @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading > a{color:var(--osl-coral) !important;} } @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading > a{color:var(--osl-coral) !important;} } @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li.current > .osl-menu-item-heading > a{color:var(--osl-coral) !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .top-menu[data-depth="1"] > li > .osl-menu-item-heading > a{color:var(--osl-green) !important;font-family:var(--osl-font-heading);font-size:1rem;font-weight:400;letter-spacing:0.01em;line-height:1.25;text-transform:none;} } @media (min-width: 768px){ #header .osl-mega-menu__links .top-menu[data-depth="1"] > li > .osl-menu-item-heading > a:hover{color:var(--osl-coral) !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .top-menu[data-depth="1"] > li > .osl-menu-item-heading > a:focus{color:var(--osl-coral) !important;} } @media (min-width: 768px){ #header .osl-menu-signature__eyebrow{color:var(--osl-coral);font-size:0.64rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;} } @media (min-width: 768px){ #header .osl-menu-signature__title{color:var(--osl-green);font-family:var(--osl-font-heading);font-size:1.05rem;font-weight:400;line-height:1.2;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-menu-item-heading > a{color:var(--osl-green) !important;font-size:0.9rem;font-weight:400;letter-spacing:0.025em;line-height:1.3;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a{font-size:13px !important;letter-spacing:0 !important;text-transform:none !important;font-family:var(--osl-font-heading) !important;color:var(--osl-green) !important;font-weight:400 !important;line-height:1.2 !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="1"] > li > .osl-menu-item-heading > a{font-size:0.88rem;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a{color:var(--osl-muted-alt) !important;font-size:0.82rem;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-mobile-menu-heading{color:var(--osl-green);font-family:var(--osl-font-heading);font-size:20px;font-weight:400;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > span.dropdown-item{font-family:var(--osl-font-heading) !important;font-size:13px !important;letter-spacing:0 !important;text-transform:none !important;color:var(--osl-green) !important;font-weight:400 !important;line-height:1.2 !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle{color:var(--osl-muted-alt) !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle{color:var(--osl-green) !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-green) !important;font-family:var(--osl-font-body) !important;font-size:13px !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.25 !important;text-transform:none !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a{font-size:12px !important;line-height:1.25 !important;color:var(--osl-green) !important;font-family:var(--osl-font-body) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{font-size:12px !important;line-height:1.25 !important;color:var(--osl-green) !important;font-family:var(--osl-font-body) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;} } @media (min-width: 768px){ #header .osl-desktop-search-slot .search-widget form button[type="submit"]{color:var(--osl-coral);} } #header .osl-menu-item-heading > span.dropdown-item{color:var(--osl-green);} @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-green) !important;font-family:var(--osl-font-heading);font-size:13px;font-weight:400;letter-spacing:0;line-height:1;text-transform:none;} } @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-coral) !important;} } @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-coral) !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .top-menu[data-depth="1"] > li > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-green) !important;font-family:var(--osl-font-heading);font-size:1rem;font-weight:400;letter-spacing:0.01em;line-height:1.25;text-transform:none;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-menu-item-heading > span.dropdown-item{color:var(--osl-green) !important;font-size:0.9rem;font-weight:400;letter-spacing:0.025em;line-height:1.3;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="1"] > li > .osl-menu-item-heading > span.dropdown-item{font-size:0.88rem;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-muted-alt) !important;font-size:0.82rem;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(2) > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-terracotta) !important;font-family:var(--osl-font-body) !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.15em !important;line-height:1 !important;text-transform:uppercase !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-curated-menu > li:first-child .top-menu[data-depth="2"] > li:first-child > .osl-menu-item-heading > a{font-weight:700 !important;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-curated-menu > li:first-child .top-menu[data-depth="2"] > li:first-child > .osl-menu-item-heading > span.dropdown-item{font-weight:700 !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .osl-curated-menu[data-depth="1"] > li > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-terracotta) !important;font-family:var(--osl-font-body) !important;font-size:10px !important;font-weight:700 !important;letter-spacing:0.15em !important;line-height:1.2 !important;text-transform:uppercase !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .osl-nested-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a{color:var(--osl-muted-alt) !important;font-family:var(--osl-font-body) !important;font-size:12px !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.2 !important;text-transform:none !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .osl-nested-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-muted-alt) !important;font-family:var(--osl-font-body) !important;font-size:12px !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.2 !important;text-transform:none !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .osl-curated-menu > li:first-child .top-menu[data-depth="2"] > li:first-child > .osl-menu-item-heading > a{color:var(--osl-green) !important;font-weight:700 !important;} } @media (min-width: 768px){ #header .osl-mega-menu__links .osl-curated-menu > li:first-child .top-menu[data-depth="2"] > li:first-child > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-green) !important;font-weight:700 !important;} } @media (min-width: 768px){ html body #header .osl-menu-signature__eyebrow{color:var(--osl-paper) !important;font-family:var(--osl-font-body) !important;font-size:10px !important;font-weight:700 !important;letter-spacing:0.14em !important;line-height:1.2 !important;} } @media (min-width: 768px){ html body #header .osl-menu-signature__title{color:var(--osl-paper) !important;font-family:var(--osl-font-heading) !important;font-size:25px !important;font-weight:400 !important;line-height:1.02 !important;} } @media (min-width: 768px){ html body#index #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a{color:var(--osl-paper) !important;} } @media (min-width: 768px){ html body#index #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > span.dropdown-item{color:var(--osl-paper) !important;} } @media (min-width: 768px){ html body#index #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading .osl-menu-to-create{color:#ffc6b7 !important;} } .osl-immersive-drawer h2{color:inherit;font:400 32px/1.2 var(--osl-font-heading);text-transform:none;} .osl-immersive-drawer summary{color:inherit;font:20px/1.35 var(--osl-font-heading);} .osl-home-eyebrow{color:var(--osl-home-coral);font-family:var(--osl-font-body);font-size:0.65rem;font-weight:800;letter-spacing:0.2em;line-height:1.3;text-transform:uppercase;} .osl-home-section-title{color:inherit;font-family:var(--osl-font-heading);font-size:clamp(1.9rem, 2.4vw, 2.75rem);font-weight:400;letter-spacing:-0.03em;line-height:1.08;text-transform:none;} .osl-home-button{font-family:var(--osl-font-body);font-size:0.72rem;font-weight:800;letter-spacing:0.04em;} .osl-home-button--primary{color:var(--osl-white) !important;background:var(--osl-home-coral);} .osl-home-button--primary:hover,.osl-home-button--primary:focus{color:var(--osl-white) !important;background:var(--osl-home-sea);} .osl-home-product-heading .osl-home-text-link{font-weight:500;} .osl-home-product-heading .osl-home-text-link:hover,.osl-home-product-heading .osl-home-text-link:focus-visible{color:var(--osl-home-coral) !important;} .osl-home-hero__title{color:var(--osl-white);font-family:var(--osl-font-heading);font-size:clamp(2.8rem, 4.2vw, 4.8rem);font-weight:400;letter-spacing:-0.04em;line-height:1;text-transform:none;} .osl-home-hero__controls > button,.osl-home-hero__dots button{color:inherit;background:transparent;} .osl-home-section-heading > p{color:var(--osl-home-muted);font-size:0.84rem;line-height:1.7;} .osl-home-collection-card h2{color:var(--osl-white);font-family:var(--osl-font-heading);font-size:1.75rem;font-weight:400;line-height:1.12;text-transform:none;} .osl-home-collection-card h2 small{color:#ffb7aa;font-family:var(--osl-font-body);font-size:0.48rem;font-weight:700;} .osl-home-native .featured-products .product-title{color:var(--osl-home-ink);font-family:var(--osl-font-body) !important;font-size:0.77rem;font-weight:700;line-height:1.4;text-transform:none;} .osl-home-native .featured-products .product-title a{color:var(--osl-home-ink) !important;font-family:var(--osl-font-body) !important;font-size:inherit;font-weight:inherit !important;line-height:inherit;} .osl-home-native .featured-products .product-title span{color:var(--osl-home-ink);} .osl-home-native .featured-products .product-title a:hover,.osl-home-native .featured-products .product-title a:focus-visible{color:var(--osl-home-ink) !important;} .osl-home-native .featured-products .product-title a:hover span,.osl-home-native .featured-products .product-title a:focus-visible span{color:var(--osl-home-coral) !important;} .osl-home-native .featured-products .product-title small{color:var(--osl-home-muted) !important;font-family:var(--osl-font-body);font-size:0.58rem;font-weight:600;letter-spacing:0.045em;line-height:1.35;text-transform:none;} .osl-home-material-grid h3{color:var(--osl-home-ink);font-family:var(--osl-font-heading);font-size:1.65rem;font-weight:400;line-height:1.15;text-transform:none;} .osl-home-signature__copy .osl-home-eyebrow{color:var(--osl-home-terracotta-pale);} .osl-home-signature__copy .osl-home-section-title{font-size:clamp(2.35rem, 2.55vw, 3rem);line-height:1.04;} @media (max-width: 680px){ .osl-home-hero__title{font-size:clamp(2.55rem, 11vw, 3.45rem);} } @media (max-width: 680px){ .osl-home-section-title{font-size:2rem;} } @media (max-width: 680px){ .osl-home-native .featured-products .product-title{font-size:0.68rem;} } @media (max-width: 680px){ .osl-home-native .featured-products .product-title small{font-size:0.56rem;} } @media (max-width: 680px){ .osl-home-signature__copy .osl-home-section-title{font-size:2rem;} } body#index :is(#selection-osl,#nouveautes) .osl-home-eyebrow{font-size:.75rem;font-weight:400;letter-spacing:.16em;} body#index :is(#selection-osl,#nouveautes) .osl-home-section-title{font-size:clamp(2.2rem, 3.6vw, 3.5rem);font-weight:400;letter-spacing:-.025em;line-height:1.15;} body#index :is(#selection-osl,#nouveautes) .featured-products .product-title{font-family:var(--osl-font-heading) !important;font-size:17px;font-weight:400;line-height:1.45;text-transform:none;} body#index :is(#selection-osl,#nouveautes) .featured-products .product-title a{font-family:inherit !important;font-weight:400 !important;font-size:inherit;line-height:inherit;} body#index :is(#selection-osl,#nouveautes) .featured-products .product-title small{font-size:.75rem;font-weight:400;letter-spacing:.025em;color:var(--osl-control-muted) !important;font:400 12px/1.5 var(--osl-font-body);} @media (max-width: 680px){ body#index :is(#selection-osl,#nouveautes) .featured-products .product-title{font-size:.9375rem;} } @media (max-width: 680px){ body#index :is(#selection-osl,#nouveautes) .featured-products .product-title small{font-size:.75rem;letter-spacing:0;} } @media (min-width: 768px) and (max-height: 800px){ body#index .osl-home-hero__title{font-size:clamp(2.2rem,7svh,4rem);} } @media (max-width: 767.98px){ body#index .osl-home-hero__title{font-size:clamp(1.85rem,4.6svh,2.4rem);line-height:1.08;} } @media (max-width: 520px){ body#index :is(#selection-osl,#nouveautes) .featured-products .product-title{font-size:15px;line-height:1.42;} } @media (max-width: 520px){ body#index :is(#selection-osl,#nouveautes) .featured-products .product-title small{font-size:12px;letter-spacing:0;} } /* Shared newsletter text contrast on the terracotta background. */ :root{--osl-newsletter-ink:#252c26;} html body .osl-newsletter h2, html body .osl-newsletter .osl-newsletter-eyebrow, html body .osl-newsletter form>label, html body .osl-newsletter input[type=email], html body .osl-newsletter input[type=email]::placeholder, html body .osl-newsletter .osl-newsletter-conditions, html body .osl-newsletter .gdpr_consent, html body .osl-newsletter .gdpr_consent label, html body .osl-newsletter .psgdpr_consent_message, html body .osl-newsletter .psgdpr_consent_message label, html body .osl-newsletter a{ color:var(--osl-newsletter-ink)!important; } html body .osl-newsletter input[type=email]::placeholder{opacity:1;} /* Cart confirmation: compact product name and single-line action labels. */ html body #blockcart-modal .cart-content .cart-content-btn .btn{ white-space:nowrap!important;font-size:12px!important;letter-spacing:0!important;padding-inline:9px!important; } @media(max-width:767px){} /* Cart confirmation: compact product name and single-line action labels. */ html body #blockcart-modal .product-name{font-size:16px!important;line-height:1.4!important;} html body #blockcart-modal .cart-content .cart-content-btn .btn{ white-space:nowrap!important;font-size:12px!important;letter-spacing:0!important;padding-inline:9px!important; flex:1 1 0!important;width:auto!important;min-width:0!important;display:inline-flex;align-items:center;justify-content:center; } html body #blockcart-modal .cart-content .cart-content-btn{width:100%!important;max-width:none!important;} html body #blockcart-modal .cart-content .cart-content-btn .btn .material-icons{font-size:18px;margin-right:4px;} @media(max-width:767px){ html body #blockcart-modal .cart-content .cart-content-btn{gap:8px;} html body #blockcart-modal .cart-content .cart-content-btn .btn{font-size:10px!important;padding-inline:5px!important;} html body #blockcart-modal .cart-content .cart-content-btn .btn .material-icons{font-size:14px;margin-right:2px;} } /* Cart type hierarchy and control appearance: shared design system. */ html body#cart #main h1{font:400 var(--osl-title-xl)/1.25 var(--osl-font-heading);color:var(--osl-green);text-transform:none;margin:0;} html body#cart .osl-cart-summary-title{font:400 25px/1.3 var(--osl-font-heading);color:var(--osl-green);} html body#cart .product-line-grid-body .product-line-info>.label{font:400 18px/1.4 var(--osl-font-heading);color:var(--osl-green);text-transform:none;overflow-wrap:anywhere;} html body#cart #main .product-line-info .value,html body#cart #main .product-line-info .label{color:var(--osl-green);} html body#cart .product-line-grid-body .product-price{font:400 16px/1.5 var(--osl-font-body);color:var(--osl-coral);} html body#cart .product-line-grid-right .product-price{font:400 15px/1.5 var(--osl-font-body);color:var(--osl-green);} html body#cart .cart-summary-line{font:400 14px/1.5 var(--osl-font-body);color:var(--osl-green);} html body#cart .cart-summary-line .label,html body#cart .cart-summary-line .value{font-weight:400;color:var(--osl-green);} html body#cart .cart-summary-line.cart-total{font:400 21px/1.4 var(--osl-font-heading);} html body#cart .cart-grid-body>a.label,html body#cart .remove-from-cart,html body#cart .promo-code a{font-family:var(--osl-font-body);color:var(--osl-green);} html body#cart .cart-grid-body>a.label:hover,html body#cart .remove-from-cart:hover{color:var(--osl-coral);} html body#cart .cart-overview .no-items{font:400 20px/1.5 var(--osl-font-heading);color:var(--osl-green);} html body#cart .blockreassurance_product .block-title{font:400 14px/1.5 var(--osl-font-heading)!important;color:var(--osl-green)!important;} html body#cart .cart-summary .checkout .btn{font:400 14px/1.5 var(--osl-font-body);text-transform:none;background:var(--osl-coral);border-color:var(--osl-coral);color:var(--osl-paper);} html body#cart .cart-summary .checkout .btn:not(:disabled):hover{background:var(--osl-green);border-color:var(--osl-green);} @media(max-width:767px){ html body#cart .product-line-grid-body .product-line-info>.label{font-size:16px;} } html body#cart .block-promo a{color:var(--osl-green);font:400 13px/1.5 var(--osl-font-body);} html body#cart .block-promo a:hover{color:var(--osl-coral);} html body#cart .cart-summary-line>.label{text-align:left;} html body#cart .cart-summary-line>.value{text-align:right;} /* Focused cart: shared typography variants. */ html body#cart .osl-checkout-brand{font:400 29px/1.2 var(--osl-font-heading);color:var(--osl-green);} html body#cart .osl-checkout-help{font:400 13px/1.5 var(--osl-font-body);color:var(--osl-green);} html body#cart .osl-checkout-help:hover{color:var(--osl-coral);} html body#cart .osl-checkout-security,html body#cart #main .osl-cart-count{font:400 13px/1.5 var(--osl-font-body);color:var(--osl-muted);} html body#cart .osl-checkout-footer,html body#cart .osl-checkout-footer a{font:400 12px/1.5 var(--osl-font-body);color:var(--osl-paper);} html body#cart .osl-checkout-footer a:hover{text-decoration:underline;text-underline-offset:3px;} @media(max-width:767px){ html body#cart .osl-checkout-brand{font-size:22px;} html body#cart .osl-checkout-help,html body#cart .osl-checkout-security{font-size:11px;} } /* Checkout hierarchy and functional text: shared design system. */ html body#checkout .osl-checkout-page-title{font:400 var(--osl-title-xl)/1.25 var(--osl-font-heading);color:var(--osl-green);text-transform:none;} html body#checkout .checkout-step .step-title{font:400 24px/1.35 var(--osl-font-heading);color:var(--osl-green);text-transform:none;} html body#checkout .checkout-step.-unreachable .step-title{color:var(--osl-muted);} html body#checkout .checkout-step .step-number{font:400 13px/1 var(--osl-font-body);color:var(--osl-green);} html body#checkout .checkout-step .step-edit{font:400 12px/1.4 var(--osl-font-body);color:var(--osl-muted);} html body#checkout .checkout-step .step-edit .material-icons{font-size:16px;} html body#checkout .checkout-step form,html body#checkout .checkout-step label,html body#checkout .form-control{font:400 14px/1.6 var(--osl-font-body);color:var(--osl-green);} html body#checkout .form-control-comment,html body#checkout .checkout-step .text-muted{font:400 11px/1.6 var(--osl-font-body);color:var(--osl-muted);} html body#checkout .checkout-step .form-informations{font:400 14px/1.6 var(--osl-font-body);color:var(--osl-green);} html body#checkout .checkout-step a{color:var(--osl-green);} html body#checkout .checkout-step a:hover{color:var(--osl-coral);} html body#checkout .osl-checkout-summary-title{font:400 25px/1.3 var(--osl-font-heading);color:var(--osl-green);} html body#checkout .cart-summary-line,html body#checkout .cart-summary-products{font:400 14px/1.6 var(--osl-font-body);color:var(--osl-green);} html body#checkout .cart-summary-line .label,html body#checkout .cart-summary-line .value{font-weight:400;color:var(--osl-green);} html body#checkout .cart-total{font:400 21px/1.4 var(--osl-font-heading);} html body#checkout .cart-grid-right a{color:var(--osl-green);} html body#checkout .cart-grid-right .product-name{font:400 16px/1.4 var(--osl-font-heading);color:var(--osl-green);} html body#checkout .blockreassurance_product .block-title{font:400 13px/1.5 var(--osl-font-heading)!important;color:var(--osl-green)!important;} html body#checkout .continue,html body#checkout #payment-confirmation .btn{font:400 14px/1.5 var(--osl-font-body);text-transform:none;} @media(max-width:767px){ html body#checkout .checkout-step .step-title{font-size:21px;} } /* Focused cart: shared typography variants. */ html body#checkout .osl-checkout-brand{font:400 29px/1.2 var(--osl-font-heading);color:var(--osl-green);} html body#checkout .osl-checkout-help{font:400 13px/1.5 var(--osl-font-body);color:var(--osl-green);} html body#checkout .osl-checkout-help:hover{color:var(--osl-coral);} html body#checkout .osl-checkout-security,html body#checkout #main .osl-cart-count{font:400 13px/1.5 var(--osl-font-body);color:var(--osl-muted);} html body#checkout .osl-checkout-footer,html body#checkout .osl-checkout-footer a{font:400 12px/1.5 var(--osl-font-body);color:var(--osl-paper);} html body#checkout .osl-checkout-footer a:hover{text-decoration:underline;text-underline-offset:3px;} @media(max-width:767px){ html body#checkout .osl-checkout-brand{font-size:22px;} html body#checkout .osl-checkout-help,html body#checkout .osl-checkout-security{font-size:11px;} } /* Native checkout indicators follow the OSL palette. */ /* Native checkout indicators follow the OSL palette. */ html body#checkout section.checkout-step .step-number{background:var(--osl-ivory)!important;color:var(--osl-green)!important;} html body#checkout section.checkout-step.-current .step-number{background:var(--osl-green)!important;border-color:var(--osl-green);color:var(--osl-paper)!important;} html body#checkout section.checkout-step .step-title .done{color:var(--osl-green)!important;} html body#checkout section.checkout-step .form-control-label{font:400 14px/1.6 var(--osl-font-body)!important;color:var(--osl-green)!important;} html body#checkout .cart-grid-right .product-price,html body#checkout .cart-grid-right .price{color:var(--osl-coral)!important;font:400 14px/1.5 var(--osl-font-body);} /* Shared visual treatment for checkout account choices */ body#checkout .osl-checkout-choices .nav-link{font:600 15px/1.4 var(--osl-font-body)!important;color:var(--osl-green)!important;border:1px solid var(--osl-control-line)!important;box-shadow:none!important;text-decoration:none!important} body#checkout .osl-checkout-choices .nav-link.active,body#checkout .osl-checkout-choices .nav-link:hover{border-color:var(--osl-green)!important} body#checkout .osl-checkout-choices .nav-link:focus-visible{outline:2px solid var(--osl-green);outline-offset:3px} body#checkout .osl-checkout-choices .osl-choice-caption{font:400 12px/1.5 var(--osl-font-body)!important;color:var(--osl-control-muted)!important} body#checkout .osl-checkout-choices .nav-separator{font:400 12px/1.4 var(--osl-font-body)!important;color:var(--osl-control-muted)!important} body#checkout .osl-register-heading{font:400 24px/1.3 var(--osl-font-heading);color:var(--osl-green)} /* Native password reveal: consistent accessible eye control */ body .input-group .input-group-btn .btn.osl-password-toggle{ display:inline-flex!important;align-items:center;justify-content:center; width:48px!important;min-width:48px!important;height:auto!important;align-self:stretch;padding:0!important; font-size:0!important;line-height:0!important;color:var(--osl-green)!important; background:var(--osl-ivory)!important;border:1px solid var(--osl-control-line)!important;box-shadow:none!important; } body .btn.osl-password-toggle::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat} body .input-group:has(input.js-visible-password[type="text"]) .osl-password-toggle::after{content:"";position:absolute;width:26px;height:2px;background:currentColor;transform:rotate(-45deg)} body .input-group .input-group-btn .btn.osl-password-toggle:hover{background:var(--osl-control-hover)!important;color:var(--osl-green)!important} body .input-group .input-group-btn .btn.osl-password-toggle:focus-visible{outline:2px solid var(--osl-green)!important;outline-offset:2px} body#checkout .osl-checkout-choices .nav-link:focus:not(:focus-visible){outline:none!important} /* Password recovery: stable email label and shared navigation appearance. */ body#password .forgotten-password .center-email-fields{display:flex;align-items:center;gap:16px;flex-wrap:wrap} body#password .forgotten-password .center-email-fields .form-control-label{white-space:nowrap;flex:0 0 auto;width:auto;max-width:none;padding:0;margin:0;font:400 14px/1.4 var(--osl-font-body);color:var(--osl-green)} body#password .forgotten-password .center-email-fields .email{flex:1 1 240px;width:auto;padding:0} body#password #back-to-login{display:inline-flex;align-items:center;gap:8px;font:400 14px/1.5 var(--osl-font-body);color:var(--osl-green)!important;text-decoration:none} body#password #back-to-login:hover{color:var(--osl-coral)!important;text-decoration:underline;text-underline-offset:4px} body#password #back-to-login:focus-visible{outline:2px solid var(--osl-green);outline-offset:4px} /* Keep input fill and border consistent on entry, focus and browser autofill. */ body#password .forgotten-password input.form-control{background:var(--osl-paper)!important;color:var(--osl-green)!important;border:1px solid var(--osl-control-line)!important;box-shadow:none!important;outline:none} body#password .forgotten-password input.form-control:focus{border-color:var(--osl-green)!important;box-shadow:none!important;outline:none} body#password .forgotten-password input.form-control:-webkit-autofill, body#password .forgotten-password input.form-control:-webkit-autofill:hover, body#password .forgotten-password input.form-control:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px var(--osl-paper) inset!important;box-shadow:0 0 0 1000px var(--osl-paper) inset!important;-webkit-text-fill-color:var(--osl-green)!important;caret-color:var(--osl-green)} @media(max-width:767px){ body#password .forgotten-password .center-email-fields{align-items:stretch;gap:12px} body#password .forgotten-password .center-email-fields .form-control-label,body#password .forgotten-password .center-email-fields .email{flex-basis:100%} body#password .forgotten-password .form-control-submit{margin-left:0} } body#password .forgotten-password .btn-primary:hover, body#password .forgotten-password .btn-primary:focus, body#password .forgotten-password .btn-primary:active{background:var(--osl-green)!important;border-color:var(--osl-green)!important;color:var(--osl-paper)!important;box-shadow:none!important} /* Shared border weight: all framed controls and panels keep the same stroke. */ :root{--osl-border-width:1px} html body :is(.form-control,.input-group-addon,.input-group-btn>.btn,.btn,.osl-button,.osl-checkout-choices .nav-link,.card,.modal-content,.alert,.list-group-item,.dropdown-menu,.product-miniature,.thumbnail-container,.product-cover,.thumb,.osl-checkout-summary-panel,.cart-summary,.block-promo,.custom-checkbox input+span,.custom-radio input+span){border-width:var(--osl-border-width)!important} /* Mouse focus uses color; keyboard focus retains a separate visible marker. */ html body :is(.form-control,.btn,.osl-button,.osl-checkout-choices .nav-link):focus:not(:focus-visible){outline:none!important} html body :is(.form-control,.btn,.osl-button,.osl-checkout-choices .nav-link):focus-visible{outline:var(--osl-border-width) solid var(--osl-green)!important;outline-offset:3px!important} html body :is(.btn,.osl-button,.osl-checkout-choices .nav-link):is(:hover,:focus,:active){box-shadow:none!important} html body#checkout .osl-change-account{margin:18px 0 24px} html body#checkout .osl-change-account .form-control-comment{margin:12px 0 0;max-width:540px} html body#checkout .osl-change-account .btn{padding:12px 20px} /* Stretch the eye control to the native input height on each form. */ html body .input-group:has(.osl-password-toggle){display:flex;align-items:stretch} html body .input-group:has(.osl-password-toggle)>.form-control{flex:1 1 0;min-width:0;float:none} html body .input-group:has(.osl-password-toggle)>.input-group-btn{display:flex;align-items:stretch;align-self:stretch;height:auto!important;flex:0 0 48px;width:48px;position:static} /* Shared native form appearance, including login and browser autofill. */ html body .form-control{border:var(--osl-border-width) solid var(--osl-control-line)!important;background:var(--osl-paper)!important;color:var(--osl-green)!important;border-radius:0;box-shadow:none!important} html body .form-control:focus{border-color:var(--osl-green)!important} html body input.form-control:-webkit-autofill, html body input.form-control:-webkit-autofill:hover, html body input.form-control:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px var(--osl-paper) inset!important;box-shadow:0 0 0 1000px var(--osl-paper) inset!important;-webkit-text-fill-color:var(--osl-green)!important;caret-color:var(--osl-green)} html body .btn-primary:not(:disabled):active, html body .btn-primary:not(:disabled):focus, html body .btn-primary:not(:disabled).active, html body .show>.btn-primary.dropdown-toggle{background:var(--osl-green)!important;border-color:var(--osl-green)!important;color:var(--osl-paper)!important;box-shadow:none!important} /* Shared frame palette for legacy account, contact, catalogue and order pages. */ html body :is(.card,.modal-content,.popover,.dropdown-menu,.list-group-item,.address,.address-item,.address-footer,.order-confirmation-table,.table-bordered,.table-bordered th,.table-bordered td,.table th,.table td,.table tbody+tbody,.table-product-discounts th,.table-product-discounts td,.input-group-addon,.custom-select,.custom-file-control,.img-thumbnail,.page-link,.nav-tabs .nav-link,.form-control-select,.osl-checkout-summary-panel,.cart-summary,.block-promo){ border-width:var(--osl-border-width)!important;border-color:var(--osl-control-line)!important; } html body :is(.card,.modal-content,.address,.address-item,.order-confirmation-table){box-shadow:none!important;border-radius:0} html body :is(.address-item.selected,.list-group-item.active,.nav-tabs .nav-link.active,.page-item.active .page-link),html body :is(.custom-select,.form-control-select):focus{border-color:var(--osl-green)!important} html body .search-widget form input[type="text"]{border:var(--osl-border-width) solid var(--osl-control-line)!important;background:var(--osl-paper)!important;color:var(--osl-green)!important} html body .search-widget form input[type="text"]:focus{border-color:var(--osl-green)!important} /* Validation states remain recognisable instead of becoming neutral frames. */ html body .has-error .form-control,html body .form-control:is(.is-invalid,[aria-invalid="true"]){border-color:#a94442!important} /* Generic frame surfaces: all tokens and component mappings live here. */ :root{--osl-frame-background:var(--osl-paper);--osl-frame-muted:var(--osl-ivory);--osl-frame-selected:var(--osl-paper)} html body :is(.osl-frame,.card,.modal-content,.popover,.dropdown-menu,.page-addresses .address,.order-confirmation-table){background:var(--osl-frame-background)} html body :is(.osl-frame-muted,.osl-checkout-summary-panel){background:var(--osl-frame-muted)!important} html body#checkout section.checkout-step :is(.address-item,.delivery-option,.payment-option){background:var(--osl-frame-muted)!important;border:var(--osl-border-width) solid var(--osl-control-line)!important} html body#checkout section.checkout-step :is(.address-item.selected,.delivery-option:has(input[type="radio"]:checked),.payment-option:has(input[type="radio"]:checked)){background:var(--osl-frame-selected)!important;border-color:var(--osl-green)!important} html body#checkout .osl-checkout-choices .nav-link{background:var(--osl-frame-background)!important} html body#checkout .osl-checkout-choices .nav-link.active{background:var(--osl-frame-muted)!important} /* Nested summary cards share their containing panel's surface. */ html body#checkout .cart-grid-right .card{background:transparent} html body#checkout .cart-summary-products img,html body#checkout .promo-code input{background:var(--osl-frame-background)} html body#checkout .input-group .btn{background:var(--osl-frame-muted)} /* Shared inactive appearance: newsletter and final checkout action. */ html body .osl-newsletter input[type="submit"]:disabled, html body#checkout #payment-confirmation .btn:disabled, html body#checkout #payment-confirmation .btn.disabled{ background:var(--osl-green)!important;border-color:var(--osl-green)!important; color:var(--osl-paper)!important;opacity:.5!important;cursor:default;box-shadow:none!important; } /* Legacy frame surfaces identified in the page audit. */ html body.page-customer-account #content, html body.page-order-detail .box, html body .contact-form, html body :is(#search_filters,#search_filters_brands,#search_filters_suppliers), html body .pagination:not(.osl-pagination) .page-list, html body .active_filters .filter-block, html body :is(.products-sort-order,.brands-sort,.suppliers-sort) .select-title, html body#checkout #order-summary-content .summary-selected-carrier, html body#checkout .modal-content, html body .quickview .modal-content, html body #blockcart-modal :is(.modal-header,.modal-body){background:var(--osl-frame-background)!important} html body :is(.card-header,.card-footer,.input-group-addon,.active_filters), html body #order-items table tr.total-value, html body #blockcart-modal .cart-content .product-total, html body :is(.products-sort-order,.brands-sort,.suppliers-sort) .dropdown-menu, html body .product-discounts .table-product-discounts tbody tr{background:var(--osl-frame-muted)!important} html body .product-discounts .table-product-discounts tbody tr:nth-of-type(even), html body .product-discounts .table-product-discounts thead th{background:var(--osl-frame-background)!important} html body .table-striped tbody tr:nth-of-type(odd), html body .table-hover tbody tr:hover{background:var(--osl-frame-muted)} /* Address text inherits its enclosing selectable card surface. */ html body#checkout .address-item .address{background:transparent!important} /* Native definition panels (cheque, bank transfer and account details). */ html body .definition-list dl :is(dt,dd){background:var(--osl-frame-muted)!important;border:var(--osl-border-width) solid var(--osl-control-line)!important;color:var(--osl-green);font-family:var(--osl-font-body)} /* Order confirmation page uses the shared paper surface. */ html body#order-confirmation,html body#order-confirmation #wrapper,html body.page-order-confirmation,html body.page-order-confirmation #wrapper{background:var(--osl-frame-background, var(--osl-paper))!important;background-image:none!important} /* Charter font inheritance: replace the parent theme Manrope default. */ html,html body {font-family:var(--osl-font-body)} html body .product-description .osl-product-legacy-copy {font-family:var(--osl-font-body)} /* Partner form: common surfaces and a single native consent checkbox. */ html body .oslpartner-form {background:var(--osl-frame-muted)!important;border-color:var(--osl-control-line)!important;border-width:var(--osl-border-width)!important} html body .oslpartner-form .psgdpr_consent_message input[type="checkbox"] {appearance:auto!important;position:static!important;opacity:1!important;width:18px!important;height:18px!important;margin:0 8px 0 0!important;vertical-align:middle;accent-color:var(--osl-green)} html body .oslpartner-form .psgdpr_consent_message input[type="checkbox"]+span {display:none!important} /* Partner calls to action: charter typography, surfaces and interaction states. */ html body#cms.cms-id-22 .oslpartner .btn {font:400 var(--osl-button-size)/1.4 var(--osl-font-body);text-transform:none;letter-spacing:0;border:var(--osl-border-width) solid var(--osl-line);border-radius:0;box-shadow:none} html body#cms.cms-id-22 .oslpartner .btn-primary {background:var(--osl-coral);border-color:var(--osl-coral);color:var(--osl-paper)} html body#cms.cms-id-22 .oslpartner :is(.btn-light,.btn-outline-light) {background:var(--osl-paper);border-color:var(--osl-line);color:var(--osl-green)} html body#cms.cms-id-22 .oslpartner .btn:not(:disabled):not(.disabled):is(:hover,:focus-visible,:active) {background:var(--osl-green);border-color:var(--osl-green);color:var(--osl-paper)} html body#cms.cms-id-22 .oslpartner .btn:is(:disabled,.disabled) {background:var(--osl-green)!important;border-color:var(--osl-green)!important;color:var(--osl-paper)!important;opacity:.5;cursor:not-allowed} /* Gift wrapping controls: clear checked surface, single focus border. */ html body#checkout .custom-checkbox #input_gift+span, html body#checkout .custom-checkbox #input_gift:checked+span, html body#checkout .custom-checkbox #input_gift:checked+span .checkbox-checked{background:var(--osl-paper)!important;color:var(--osl-green)!important} html body#checkout #gift_quantity.form-control:focus, html body#checkout #gift_quantity.form-control:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--osl-green)!important} /* Header cart count: one palette color, desktop and mobile. */ html body #header .osl-cart-count, html body #header .cart-products-count{color:var(--osl-paper);-webkit-text-fill-color:currentColor;} /* Shared elevation tokens; existing shadow geometry and opacity preserved. */ :root{--osl-shadow-dropdown:0 8px 24px #3e46401a;--osl-shadow-modal:0 18px 60px #1d282633;} /* Reassurance color belongs to the shared appearance, not page layout files. */ html body:is(#product,#cart,#checkout) .blockreassurance_product>div:not(.clearfix)::before{background:var(--osl-coral);} /* Shared palette and button appearance for the home product carousel. */ html body#index #nouveautes .osl-new-products-arrow{background:var(--osl-paper);color:var(--osl-green);border:1px solid var(--osl-line);font-family:var(--osl-font-body);font-size:1.35rem;line-height:1;box-shadow:none;} html body#index #nouveautes .osl-new-products-arrow:hover:not(:disabled),html body#index #nouveautes .osl-new-products-arrow:focus-visible{background:var(--osl-green);color:var(--osl-paper);border-color:var(--osl-green);} html body#index #nouveautes .osl-new-products-arrow:disabled{opacity:.4;cursor:default;} /* Shared mobile breadcrumb typography; photo overlays retain their color. */ @media (max-width: 767.98px) { html body:not(#cart):not(#checkout) nav:is(.breadcrumb,.osl-breadcrumb-trail,.osl-guide-breadcrumb,.oslpartner-breadcrumb) { font-family: var(--osl-font-body); font-size: 12px; font-weight: 400; line-height: 1.65; letter-spacing: 0; } html body:not(#cart):not(#checkout) nav.breadcrumb, html body:not(#cart):not(#checkout) nav.breadcrumb :is(a,span) { color: var(--osl-ink); } } /* Catalog pagination appearance shares the site palette and body typeface. */ html body nav.osl-pagination { border-top: 1px solid var(--osl-control-line); } html body nav.osl-pagination .osl-pagination__summary { color: var(--osl-control-muted); font: 400 12px/1.5 var(--osl-font-body); text-align: center; } html body nav.osl-pagination .page-list { list-style: none; background: transparent; box-shadow: none; border: 0; } html body nav.osl-pagination .page-list a { border: 1px solid var(--osl-control-line); border-radius: 50%; color: var(--osl-green); background: var(--osl-paper); font: 400 14px/1 var(--osl-font-body); text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; } html body nav.osl-pagination .page-list a:is(.previous,.next) { border-radius: 24px; font-size: 12px; } html body nav.osl-pagination .page-list a:hover { background: var(--osl-frame-muted); border-color: var(--osl-green); color: var(--osl-green); } html body nav.osl-pagination .page-list .current a, html body nav.osl-pagination .page-list a[aria-current="page"] { background: var(--osl-green); border-color: var(--osl-green); color: var(--osl-paper); font-weight: 600; opacity: 1; } html body nav.osl-pagination .page-list a:focus-visible { outline: 2px solid var(--osl-green); outline-offset: 3px; } html body nav.osl-pagination .page-list .spacer { color: var(--osl-control-muted); font: 400 14px/1 var(--osl-font-body); } /* Loyalty account uses the shared surfaces, palette and typographic roles. */ html body#module-loyaltyplus-account,html body#module-loyaltyplus-account #wrapper,html body#module-loyaltyplus-account #content{background:var(--osl-paper);color:var(--osl-ink);box-shadow:none;border:0;} .osl-loyalty-account{font:400 14px/1.65 var(--osl-font-body);} .osl-loyalty-card{background:var(--osl-paper);border:1px solid var(--osl-control-line);} .osl-loyalty-card--available{background:var(--osl-frame-muted);} .osl-loyalty-account .osl-loyalty-label{font:600 11px/1.5 var(--osl-font-body);letter-spacing:.12em;text-transform:uppercase;} .osl-loyalty-account .osl-loyalty-value{font:400 36px/1.2 var(--osl-font-heading);color:var(--osl-green);} .osl-loyalty-value span{font:400 13px/1.4 var(--osl-font-body);} .osl-loyalty-card p:last-child,.osl-loyalty-action p{font-size:12px;color:var(--osl-control-muted);} .osl-loyalty-convert{border-block:1px solid var(--osl-control-line);} .osl-loyalty-account progress{background:var(--osl-control-hover);color:var(--osl-green);border-radius:8px;} .osl-loyalty-account progress::-webkit-progress-bar{background:var(--osl-control-hover);border-radius:8px;} .osl-loyalty-account progress::-webkit-progress-value{background:var(--osl-green);border-radius:8px;} .osl-loyalty-account progress::-moz-progress-bar{background:var(--osl-green);border-radius:8px;} .osl-loyalty-rules li::before{font:400 20px/1.2 var(--osl-font-heading);color:var(--osl-coral);} /* Native footer destinations: account panels, informational empty states and lists. Functional danger/success notifications retain their own semantics. */ html body.page-customer-account #main{color:var(--osl-green);} html body #left-column .block-categories{background:var(--osl-frame-background);border:var(--osl-border-width) solid var(--osl-control-line);box-shadow:none;} html body #left-column .block-categories .h6{font-size:var(--osl-title-sm);} html body #left-column .block-categories .category-sub-menu a{color:var(--osl-green);font-weight:400;} html body #left-column .block-categories .category-sub-menu a:hover{color:var(--osl-coral);} html body #left-column .block-categories :is(.collapse-icons,.arrows){color:var(--osl-green);} html body .page-not-found #search_widget input[name="s"]{ background:var(--osl-frame-background);color:var(--osl-green); border:var(--osl-border-width) solid var(--osl-control-line); } html body .page-not-found #search_widget input[name="s"]::placeholder, html body .page-not-found #search_widget i{color:var(--osl-control-muted);} html body:is(#history,#order-slip,#addresses,#discount) #content #notifications .alert-warning, html body.page-customer-account #main .table thead th{ background:var(--osl-frame-muted);color:var(--osl-green); border:var(--osl-border-width) solid var(--osl-control-line);box-shadow:none; } html body.page-customer-account #main .table :is(td,th){border-color:var(--osl-control-line);} html body.page-customer-account #main :is(.page-footer .account-link,.address-body,.address-footer a){color:var(--osl-green);} html body.page-customer-account #main .page-footer .account-link:hover, html body.page-customer-account #main .address-footer a:hover{color:var(--osl-coral);} html body#my-account #main .links a .link-item{ background:var(--osl-frame-background);color:var(--osl-green); border:var(--osl-border-width) solid var(--osl-control-line);box-shadow:none; font-family:var(--osl-font-body);font-size:14px;font-weight:400; line-height:1.5;text-transform:none; } html body#my-account #main .links a .link-item i{color:var(--osl-coral);font-size:30px;} html body#my-account #main .links a:hover .link-item, html body#my-account #main .links a:focus-visible .link-item{ background:var(--osl-frame-muted);border-color:var(--osl-green); } html body:is(#new-products,#prices-drop) #main .page-not-found{ background:var(--osl-frame-muted);border:var(--osl-border-width) solid var(--osl-control-line);box-shadow:none; } html body:is(#new-products,#prices-drop) #main .page-not-found p, html body#cms .osl-stones-credits li, html body#cms :is(.oslpartner-list,.oslpartner-checks) li, html body#cms.cms-id-22 .oslpartner :is(.oslpartner-formSmall,.oslpartner-privacy){color:var(--osl-control-muted);} /* Keep the bag icon available but suppress its empty quantity badge. */ html body #header .osl-cart-count:empty{display:none;} /* Hero mobile: equal reassurance text and icon metrics. */ @media(max-width:767.98px){ html body#index .osl-home-hero__services > .osl-service-item{font:400 11px/1.25 var(--osl-font-body);letter-spacing:0;text-align:center;} html body#index .osl-home-hero__services .osl-service-icon{font-size:20px;line-height:1;} } @media(max-width:767.98px) and (max-height:650px){ html body#index .osl-home-hero__title{font-size:clamp(1.6rem,4.6svh,1.8rem);line-height:1.05;} html body#index .osl-home-hero__kicker{font-size:9px;letter-spacing:.1em;line-height:1.35;} html body#index .osl-home-hero__text{font-size:12.5px;line-height:1.4;} html body#index .osl-home-hero__actions :is(.osl-home-button,.osl-home-text-link){min-height:44px;width:100%;padding:8px 10px;gap:6px;white-space:normal;font-size:11px;line-height:1.25;text-align:center;justify-content:center;} } /* Consentement cookies OSL : apparence commune, choix symétriques. */ html body .osl-consent-banner,html body .osl-consent-dialog{background:var(--osl-paper);color:var(--osl-ink);border:1px solid var(--osl-control-line,var(--osl-line));font:400 13px/1.5 var(--osl-font-body);text-align:left} html body .osl-consent-banner h2,html body .osl-consent-dialog h2{font:400 26px/1.15 var(--osl-font-heading);color:var(--osl-ink)} html body .osl-consent-dialog h3,html body .osl-consent-purpose-title{font:600 14px/1.4 var(--osl-font-body);color:var(--osl-ink)} html body .osl-consent-eyebrow{font:600 10px/1.4 var(--osl-font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--osl-coral)} html body .osl-consent-button{font:500 12px/1.3 var(--osl-font-body);color:var(--osl-paper);background:var(--osl-green);border:1px solid var(--osl-green);border-radius:0;box-shadow:none;text-transform:none;white-space:normal;cursor:pointer} html body .osl-consent-button:hover:not(:disabled){background:var(--osl-green-dark);border-color:var(--osl-green-dark)} html body .osl-consent-button:disabled{opacity:.65;cursor:wait} html body .osl-consent-close{font:400 26px/1 var(--osl-font-body);background:transparent;border:1px solid var(--osl-line);color:var(--osl-ink);cursor:pointer} html body .osl-consent-reopen{font:inherit;color:inherit;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer} html body .osl-consent-purpose{border-bottom:1px solid var(--osl-line);font:400 13px/1.5 var(--osl-font-body);color:var(--osl-ink)} html body .osl-consent-purpose input{accent-color:var(--osl-green);box-shadow:none;outline-offset:3px} html body :is(.osl-consent-banner,.osl-consent-dialog) a{color:var(--osl-coral);text-decoration:underline;text-underline-offset:3px} html body :is(.osl-consent-button,.osl-consent-close,.osl-consent-reopen):focus-visible{outline:2px solid var(--osl-green);outline-offset:3px} @media(max-width:767.98px){html body .osl-consent-banner h2{font-size:23px}html body .osl-consent-banner{font-size:12px;line-height:1.45}html body .osl-consent-banner .osl-consent-button{font-size:11px}} html body .osl-consent-purpose{text-align:left} /* Confidentialité : hiérarchie et apparence dans le CSS commun. */ html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article{font:400 15px/1.65 var(--osl-font-body);color:var(--osl-ink)} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-photo-hero h1{font-size:var(--osl-title-xl);line-height:1.12} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article h2{font:400 var(--osl-title-md)/1.25 var(--osl-font-heading);letter-spacing:-.02em;color:var(--osl-ink)} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article h3{font:400 var(--osl-title-sm)/1.3 var(--osl-font-heading);color:var(--osl-ink)} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article :is(.osl-privacy-lead,.osl-legal-lead){font:400 var(--osl-title-sm)/1.35 var(--osl-font-heading);color:var(--osl-ink)} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article :is(.osl-privacy-date,.osl-legal-date){font:400 12px/1.4 var(--osl-font-body);color:var(--osl-muted-alt)} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article .osl-privacy-use h3{font-size:var(--osl-title-xs)} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article :is(.osl-privacy-use p,.osl-privacy-retention){font-size:14px;line-height:1.6} html body#cms:is(.cms-id-1,.cms-id-9,.cms-id-2,.cms-id-3,.cms-id-12) .osl-service-article .osl-privacy-retention dt{font-weight:600;color:var(--osl-ink)} html body#cms:is(.cms-id-2,.cms-id-3) .osl-legal-facts{font-size:14px;line-height:1.6} html body#cms:is(.cms-id-2,.cms-id-3) .osl-legal-facts dt{font-weight:600;color:var(--osl-ink)} /* Rétractation : apparence commune, disposition dans le module. */ html body .osl-withdrawal{font:400 15px/1.65 var(--osl-font-body);color:var(--osl-ink)} html body .osl-withdrawal-lead{font:400 var(--osl-title-sm)/1.35 var(--osl-font-heading);color:var(--osl-ink)} html body .osl-withdrawal-card h2{font:400 var(--osl-title-md)/1.25 var(--osl-font-heading);color:var(--osl-ink)} html body .osl-withdrawal-receipt{font:400 14px/1.65 var(--osl-font-body);color:var(--osl-ink)} html body .osl-withdrawal-product span{font-size:12px;color:var(--osl-muted-alt)} html body .osl-withdrawal a:not(.btn){color:var(--osl-coral);text-decoration:underline;text-underline-offset:3px} html body:is(#order-follow,#order-return) #main{color:var(--osl-ink)}