
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;1,400&family=Manrope:wght@400;600;700&display=swap');
.clo-home {font:14px/1.5 Manrope,Arial,sans-serif;--ivory:#f8f5ef;--ink:#1a1d1c;--petrol:#114c47;--gold:#bc8c3b}
.clo-home * {box-sizing:border-box}
.clo-home a {color:inherit;text-decoration:none}
.clo-home a:hover {text-decoration:underline;text-underline-offset:4px}
.clo-home .clo-hero {display:grid;grid-template-columns:1.03fr 1fr}
.clo-home .clo-intro {padding:clamp(26px,6cqw,65px) 8%}
.clo-home .clo-kicker {font-size:11px;letter-spacing:.16em;font-weight:700;color:#6b522e;margin:0 0 9px}
.clo-home h1,.clo-home h2 {font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.045em;margin:0;color:var(--ink)}
.clo-home h1 {font-size:clamp(34px,5.5cqw,59px);line-height:1.03}
.clo-home h1 em {color:var(--petrol);font-weight:400}
.clo-home h2 {font-size:clamp(28px,4cqw,42px);line-height:1.08}
.clo-home .clo-lead {color:#444944;margin:17px 0 19px;max-width:39ch}
.clo-home .clo-actions {display:flex;gap:8px;flex-wrap:wrap}
.clo-home .clo-actions a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:12px;font-weight:700;border:1px solid var(--petrol)}
.clo-home .clo-solid {background:var(--petrol);color:white}
.clo-home .clo-outline,.clo-home .clo-textlink {color:var(--petrol)}
.clo-home .clo-textlink {display:inline-block;margin-top:12px;padding:5px 0;text-decoration:underline;font-size:13px}
.clo-home .clo-art {position:relative;min-height:240px;overflow:hidden;isolation:isolate;background:linear-gradient(142deg,#a17751,#e9cda2 43%,#c39c6a 100%)}
.clo-home .clo-benefits {display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:8px 16px;text-align:center;padding:14px 5%;border-block:1px solid #ded7c9;background:#fff;color:var(--petrol);font-size:12px;font-weight:700}
.clo-home .clo-section {padding:35px 5%}
.clo-home .clo-cats,.clo-home .clo-products {display:grid;gap:12px;margin-top:18px}
.clo-home .clo-cats {grid-template-columns:repeat(3,minmax(0,1fr))}
.clo-home .clo-products {grid-template-columns:repeat(4,minmax(0,1fr))}
.clo-home .clo-tile {position:relative;aspect-ratio:1.65;background:#e9dfd1;overflow:hidden}
.clo-home .clo-kids {background:#eddbd2}
.clo-home .clo-cats b {display:flex;justify-content:space-between;gap:4px;margin-top:9px}
.clo-home .clo-featured {background:#fff}
.clo-home .clo-products .clo-tile {margin-bottom:9px;background:#f3eee6}
.clo-home .clo-products p {margin:2px 0;color:#484d47;font-size:12px}
.clo-home .clo-brand div {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:18px}
.clo-home .clo-brand {scroll-margin-top:48px}
.clo-home .clo-brand a {display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #ded7c9;color:var(--petrol);font-size:12px;font-weight:700;letter-spacing:.05em}
.clo-home .clo-brand a:hover,.clo-home .clo-brand a:focus-visible {background:var(--petrol);color:#fff;text-decoration:none}
.clo-home .clo-brand {background:#fff;border-bottom:1px solid #ded7c9}
.clo-home .clo-brand div {display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}
.clo-home .clo-brand a {justify-content:center;min-height:58px;text-align:center}
.clo-home .clo-cats .clo-category-portrait {object-position:84% 32%}
.clo-home .clo-cats .clo-kids {background:#e5ebe4}
.clo-home .clo-cats .clo-kids img {object-fit:contain}
.clo-home .clo-look {background:#e9e2d4}
.clo-home .clo-look-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.clo-home .clo-look-grid article {background:#fff;min-width:0;padding:12px}
.clo-home .clo-look-grid .clo-tile img {object-fit:contain}
.clo-home .clo-look-grid h3 {font-size:15px;line-height:1.35;margin:10px 0 4px}
.clo-home .clo-look-price {margin:0;color:var(--petrol);font-weight:700}
@container (max-width:590px) {
  .clo-home .clo-look-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .clo-home .clo-look-grid article {padding:8px}
}
.clo-home .clo-visit {display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--petrol);color:white;padding:30px 5%}
.clo-home .clo-visit h2 {color:white}
.clo-home .clo-visit p {max-width:48ch;margin-bottom:0}
.clo-home .clo-visit .clo-kicker {color:#edd2a2;margin-bottom:9px}
.clo-home .clo-visitlinks {display:grid;gap:10px;flex-shrink:0}
.clo-home .clo-visitlinks a {text-decoration:underline;text-underline-offset:4px}
.clo-home footer,.clo-home footer div {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 18px}
.clo-home footer {padding:17px 5%;font-size:12px}
.clo-home .clo-art {background:#e8ddd0}
.clo-home .clo-art img,.clo-home .clo-fitphoto img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%}
.clo-home .clo-tile {display:grid;place-items:center;background:#f1ebe1}
.clo-home .clo-tile img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.clo-home .clo-tile img.clo-cover {mix-blend-mode:normal}
.clo-home .clo-tile.clo-kids {background:#dce8df;color:var(--petrol);padding:7px;font:clamp(14px,3cqw,32px)/1.06 Fraunces,Georgia,serif;text-align:center}
.clo-home .clo-fit {display:grid;grid-template-columns:1fr 1fr;background:#e9e2d4}
.clo-home .clo-fitphoto {position:relative;min-height:245px}
.clo-home .clo-fitphoto img {object-position:82% 40%}
.clo-home .clo-fitcopy {padding:clamp(24px,5cqw,54px)}
.clo-home .clo-fitcopy p:not(.clo-kicker) {margin:14px 0 0;max-width:44ch}
.clo-home .clo-lenses ol {list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.clo-home .clo-lenses li {background:white;border-top:2px solid var(--petrol);padding:14px;display:grid;gap:5px}
.clo-home .clo-lenses li span {color:#765628;font-size:12px}
.clo-home .clo-lenses li p {margin:0;color:#444944}
.clo-home .clo-faq {background:white}
.clo-home .clo-faq div {margin-top:16px;border-top:1px solid #d9d2c6}
.clo-home .clo-faq details {border-bottom:1px solid #d9d2c6}
.clo-home .clo-faq summary {padding:13px 0;font-weight:700;min-height:44px}
.clo-home .clo-faq details p {margin:0 0 14px;max-width:65ch}
.clo-home .clo-faq a {text-decoration:underline}
@container (max-width:590px) {
  .clo-home .clo-hero {grid-template-columns:1fr}
  .clo-home .clo-intro {padding:26px 5% 21px}
  .clo-home .clo-art {min-height:205px;aspect-ratio:1.65}
  .clo-home .clo-art img {object-position:63% 32%}
  .clo-home .clo-fit,.clo-home .clo-lenses ol {grid-template-columns:1fr}
  .clo-home .clo-fitphoto {min-height:180px}
  .clo-home .clo-section {padding:26px 5%}
  .clo-home .clo-cats,.clo-home .clo-products {gap:14px 9px}
  .clo-home .clo-cats b {font-size:12px}
  .clo-home .clo-products {grid-template-columns:repeat(2,minmax(0,1fr))}
  .clo-home .clo-visit {align-items:flex-start;flex-direction:column}
}

.clo-redesign{--clo-ink:#1a1d1c;--clo-petrol:#114c47;--clo-paper:#f8f5ef;--clo-line:#ded7c9;background:var(--clo-paper);color:var(--clo-ink);font-family:Manrope,Arial,sans-serif}
.clo-redesign #page{background:var(--clo-paper)}
.clo-redesign :is(h1,h2,.page-title){font-family:Fraunces,Georgia,serif;color:var(--clo-ink);font-weight:400}
.clo-redesign a:focus-visible,.clo-redesign button:focus-visible,.clo-redesign summary:focus-visible{outline:2px solid #946323;outline-offset:3px}
.clo-topline{padding:7px 12px;background:var(--clo-petrol);color:#fff;text-align:center;font-size:12px;letter-spacing:.12em}
.clo-topline span{color:#edd2a2;padding:0 6px}
.clo-global-header{background:#fff;border-bottom:1px solid var(--clo-line);position:relative;z-index:5}
.clo-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1440px;margin:auto;padding:12px clamp(12px,4vw,54px)}
.clo-wordmark{color:var(--clo-petrol);font-weight:700;letter-spacing:.11em;line-height:1.08;white-space:nowrap}
.clo-wordmark span{display:block;font-size:10px;letter-spacing:.45em;margin-top:4px}
.clo-desktop-nav,.clo-header-actions{display:flex;align-items:center;gap:clamp(10px,1.8vw,24px)}
.clo-header-row a,.clo-header-row summary{color:var(--clo-ink);font-size:13px}
.clo-header-row :is(a,summary){padding-block:10px}
.clo-header-row summary{cursor:pointer;list-style:none}
.clo-search form,.clo-mobile-nav nav{position:absolute;right:4%;top:100%;width:min(300px,92vw);background:#fff;padding:15px;border:1px solid var(--clo-line);box-shadow:0 12px 24px #0001}
.clo-search form{display:grid;gap:8px}
.clo-search input{width:100%}
.clo-search-bar{display:flex;align-items:center;flex:0 1 240px;min-width:130px;margin:0;border:1px solid var(--clo-line);background:var(--clo-paper);border-radius:24px}
.clo-search-bar:focus-within{outline:2px solid var(--clo-petrol);outline-offset:2px}
.clo-search-bar input[type=search]{flex:1;min-width:0;width:100%;min-height:44px;padding:0 0 0 14px;border:0;background:transparent;color:var(--clo-ink);font-size:16px}
.clo-search-bar button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--clo-petrol);border-radius:50%}
@media(max-width:950px){
  .clo-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .clo-header-row .clo-desktop-nav,.clo-header-row .clo-account-link{display:none}
  .clo-header-row .clo-mobile-nav{display:block}
  .clo-search-bar{grid-column:1/-1;grid-row:2;width:100%}
  .clo-header-actions{grid-column:2;grid-row:1}
}
.clo-mobile-nav{display:none}
.clo-mobile-nav nav a{display:block}
.clo-global-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;background:#eae4d9;padding:clamp(24px,5vw,60px) 5%;border-top:1px solid var(--clo-line)}
.clo-global-footer nav{display:grid;align-content:start;gap:8px}
.clo-global-footer a{color:var(--clo-petrol)}
.clo-global-footer p{margin:12px 0 0}
.clo-home{background:var(--clo-paper);color:var(--clo-ink)}
.clo-home-layout{container-type:inline-size;max-width:1440px;margin:auto}
.clo-home .clo-art img,.clo-home .clo-fitphoto img{max-width:none}
.clo-home .clo-appointment{background:#f0eade}
.clo-home .clo-appointment form{max-width:560px}
.clo-home .clo-appointment input:not([type=submit]){max-width:100%;width:100%}
.clo-redesign .banner-wrapper{background:#eae4d9;padding:24px 0;margin:0 0 26px}
.clo-redesign .banner-wrapper .page-title{font-size:clamp(32px,5vw,60px);margin-bottom:6px}
.clo-redesign .product-inner{background:#fff;border:1px solid var(--clo-line);height:100%}
.clo-redesign .product-item .product-thumb{background:#f0ebe2;overflow:hidden}
.clo-redesign .product-item .product-thumb img{mix-blend-mode:multiply}
.clo-redesign .product-item .product-info{padding:12px 14px 16px}
.clo-redesign .product-item .product-info a{color:var(--clo-ink)}
.clo-redesign .product-item .price,.clo-redesign .summary .price{color:var(--clo-petrol);font-weight:700}
.clo-redesign .single-product .summary,.clo-redesign.single-product .summary{background:#fff;padding:clamp(16px,2.5vw,34px);border:1px solid var(--clo-line)}
.clo-redesign .summary .product_title{font-size:clamp(30px,4vw,48px);line-height:1.1}
.clo-redesign.single-product .main-contain-summary {align-items:flex-start;gap:clamp(12px,2vw,28px)}
.clo-redesign.single-product .woocommerce-product-gallery {background:#f1ebe1;min-width:0}
.clo-redesign.single-product .woocommerce-product-gallery__image img {display:block;width:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}
.clo-redesign.single-product .woocommerce-product-gallery .flex-control-thumbs img {aspect-ratio:1;object-fit:contain}
.clo-frame-details {margin:14px 0 18px;padding:13px;background:#f8f5ef;border:1px solid var(--clo-line)}
.clo-frame-details h2 {font-size:19px;margin:0 0 8px}
.clo-frame-details dl {display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
.clo-frame-details dt {font-size:12px;color:var(--clo-petrol);font-weight:700}
.clo-frame-details dd {margin:0}
.clo-redesign.single-product .wapf-wrapper {background:#f8f5ef;padding:clamp(12px,2vw,20px);border:1px solid var(--clo-line)}
.clo-redesign.single-product .wapf-field-label {color:var(--clo-petrol);font-weight:700}
.clo-redesign.single-product .wapf-field-radio .wapf-radios {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.clo-redesign.single-product .wapf-radio {margin:0}
.clo-redesign.single-product .wapf-radio .wapf-input-label {display:flex;align-items:center;gap:7px;min-height:44px;padding:8px;border:1px solid var(--clo-line);background:#fff}
.clo-redesign.single-product .wapf-radio .wapf-input-label:has(input:checked) {border-color:var(--clo-petrol);background:#e6eeea}
.clo-redesign.single-product .wapf-radio .wapf-input-label:focus-within {outline:2px solid var(--clo-petrol);outline-offset:1px}
.clo-redesign.single-product .wapf-field-file .dzone {background:#fff;border:1px dashed var(--clo-petrol);min-height:68px}
.clo-redesign.single-product .wapf-field-file .dz-message {padding:10px;color:var(--clo-petrol)}
.clo-redesign.single-product .wapf-field-file .dz-message span {font-weight:700;text-decoration:underline}
.clo-redesign.single-product .wapf-field-file .dz-message:focus-visible {outline:2px solid var(--clo-petrol);outline-offset:2px}
.clo-rx-hint {font-size:13px;margin:4px 0 8px;color:#404742}
@media(max-width:767px){
  .clo-redesign.single-product .main-contain-summary {display:block}
  .clo-redesign.single-product .main-contain-summary :is(.contain-left,.summary) {width:100%;max-width:100%;float:none}
  .clo-redesign.single-product .woocommerce-product-gallery__image img {aspect-ratio:16/10}
  .clo-redesign.single-product .summary {margin-top:14px}
  .clo-redesign.single-product .wapf-field-select select {min-height:44px;width:100%;font-size:16px}
  .clo-redesign.single-product .single_add_to_cart_button {min-height:44px}
}
.clo-product-help{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--clo-line);font-size:14px}
.clo-product-help p{margin:0 0 5px}
.clo-product-help a,.clo-checkout-note a{color:var(--clo-petrol);text-decoration:underline}
.clo-redesign :is(.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-MyAccount-content,.wc-block-cart__main,.wc-block-cart__sidebar,.woocommerce-billing-fields,.woocommerce-shipping-fields){background:#fff;border:1px solid var(--clo-line);padding:clamp(12px,2vw,24px)}
.clo-redesign .wc-block-cart__main,.clo-redesign .wc-block-cart__sidebar{min-width:0}
.clo-redesign .wc-block-cart__submit-button,.clo-redesign .wc-block-components-button:not(.is-link),.clo-redesign .woocommerce :is(button.button,a.button),.clo-redesign .single_add_to_cart_button,.clo-redesign #place_order,.clo-redesign .clo-appointment input[type=submit],.clo-search button{background:var(--clo-petrol);color:#fff;border-color:var(--clo-petrol);border-radius:0}
.clo-redesign .woocommerce :is(input.input-text,textarea,select),.clo-search input{border:1px solid var(--clo-line);background:#fff;color:var(--clo-ink);min-height:42px;padding:8px}
.clo-checkout-note{padding:12px 16px;background:#f0eade;border-left:3px solid var(--clo-petrol)}
.clo-redesign .woocommerce :is(.woocommerce-info,.woocommerce-message){border-top-color:var(--clo-petrol)}
@media(max-width:850px){.clo-desktop-nav,.clo-header-actions .clo-account-link{display:none}.clo-mobile-nav{display:block}}
@media(max-width:550px){.clo-global-footer{grid-template-columns:1fr 1fr}.clo-global-footer>div{grid-column:1/-1}.clo-header-actions{gap:8px}.clo-header-row a,.clo-header-row summary{font-size:12px}}

.clo-service-intro{background:#eae4d9;padding:clamp(24px,5vw,54px) max(5%,calc((100% - 1260px)/2));margin-bottom:24px}
.clo-service-intro h1{font-size:clamp(34px,5vw,65px);line-height:1.08;margin:4px 0 10px}
.clo-service-kicker{color:#765628;letter-spacing:.14em;font-weight:700;font-size:12px;margin:0}
.clo-service-intro p:last-child{margin:0}
.clo-service-content{width:min(1260px,92%);margin:auto;padding-bottom:clamp(30px,6vw,72px)}
.clo-service-content .elementor .e-con-inner{max-width:100%}
.clo-catalog-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.clo-redesign:is(.woocommerce-shop,.tax-product_brand,.tax-product_cat,.post-type-archive-product) .product-item .product-thumb {background:#f1ebe1;aspect-ratio:4/3}
.clo-redesign:is(.woocommerce-shop,.tax-product_brand,.tax-product_cat,.post-type-archive-product) .product-item .thumb-link {display:block;height:100%}
.clo-redesign:is(.woocommerce-shop,.tax-product_brand,.tax-product_cat,.post-type-archive-product) .product-item .product-thumb img {width:100%;height:100%;object-fit:contain}
.clo-card-brand,.clo-card-model {display:block}
.clo-card-brand {font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--clo-petrol);margin-bottom:4px}
.clo-card-model {font-size:14px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:767px){
  .clo-redesign .shop-before-control {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .clo-redesign .shop-before-control .vimart-minimal-market-filter-button-wrap {position:static!important;flex:0 0 auto;order:0;margin:0}
  .clo-redesign .shop-before-control .vimart-minimal-market-filter-button {position:static!important;display:inline-flex;align-items:center;gap:6px;min-height:44px;width:auto;height:auto;padding:0 12px;border-radius:0;background:var(--clo-petrol);color:#fff}
  .clo-redesign .shop-before-control .woocommerce-ordering {order:1;flex:1 1 140px;min-width:0;margin:0}
  .clo-redesign .shop-before-control .woocommerce-ordering select {width:100%;min-height:44px}
  .clo-redesign .shop-before-control .vimart-minimal-market-filter-button {font-size:13px;white-space:nowrap}
  .clo-redesign .shop-before-control .woocommerce-ordering::before {content:"Sort";display:block;font-size:11px;font-weight:700;color:var(--clo-petrol)}
  .clo-redesign .shop-before-control {align-items:end}
  .clo-redesign .shop-before-control > form:not(.woocommerce-ordering) {order:2}
}
.clo-catalog-links a,.clo-empty a,.clo-about a{display:inline-block;border:1px solid var(--clo-petrol);padding:8px 13px;color:var(--clo-petrol)}
.clo-catalog-links a:hover,.clo-empty a:hover,.clo-about a:hover{background:var(--clo-petrol);color:#fff}
.clo-about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(15px,5vw,52px);align-items:center}
.clo-about img{width:100%;height:auto}
.clo-empty{padding:26px;background:#fff;border:1px solid var(--clo-line)}
@media(max-width:600px){.clo-about{grid-template-columns:1fr}}
