OAKLEY Meta Vanguard Smart AI Glasses - Black w/ PRIZM Transition Ember Lens
========================================================= MAIN WIDTH ========================================================= /.oakley-top-info,.oakley-product-details max-width: 1120px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; font-family: inherit; color: #111; / ========================================================= SIZE GUIDE / SPECIAL ORDER INFO ========================================================= /.oakley-top-info margin-top: 30px; margin-bottom: 35px;.oakley-size-guide display: inline-block; color: #111; font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; margin-bottom: 16px;.oakley-size-guide:hover opacity: 0.65;.oakley-order-notice display: flex; flex-direction: column; gap: 2px; color: #e2231a; font-size: 14px; line-height: 1.5; margin-bottom: 18px;.oakley-order-notice strong font-weight: 600;.oakley-special-order padding: 14px 16px; background: #f7f7f7; border-left: 3px solid #111; font-size: 13px; line-height: 1.55; color: #333;.oakley-special-order strong color: #111; font-weight: 700; / ========================================================= WRAPPER ========================================================= /.oakley-product-details margin-top: 0; margin-bottom: 60px; / ========================================================= ACCORDION ========================================================= /.oakley-accordion border-top: 1px solid #dedede;.oakley-accordion:last-child border-bottom: 1px solid #dedede;.oakley-accordion summary list-style: none; width: 100%; background: #f7f7f7; color: #111; padding: 18px 30px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 14px; font-weight: 600; text-align: left; font-family: inherit; box-sizing: border-box;.oakley-accordion summary::-webkit-details-marker display: none;.oakley-accordion summary::marker display: none; content: "";.oakley-accordion summary:hover background: #f2f2f2;.oakley-accordion icon width: 20px; min-width: 20px; height: 20px; position: relative; margin-left: 15px;.oakley-accordion icon::before,.oakley-accordion icon::after content: ""; position: absolute; background: #111; left: 50%; top: 50%; transform: translate(-50%, -50%);.oakley-accordion icon::before width: 12px; height: 1px;.oakley-accordion icon::after width: 1px; height: 12px; transition: opacity 0.2s ease;.oakley-accordion open.oakley-accordion icon::after opacity: 0;.oakley-accordion content padding: 22px 30px 30px; / ========================================================= TWO COLUMN GRID ========================================================= /.oakley-detail-grid display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 50px;.oakley-detail-item display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; padding: 22px 0; border-bottom: 1px solid #ddd;.oakley-detail-icon width: 28px; height: 28px; display: flex; align-items: flex-start; justify-content: center;.oakley-detail-icon svg width: 25px; height: 25px; stroke: currentColor; fill: none; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;.oakley-detail-title margin: 0 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 1.4; color: #111;.oakley-detail-text margin: 0; font-size: 13px; line-height: 1.5; color: #111;.oakley-detail-text strong font-weight: 700;.oakley-detail-text a color: #111; text-decoration: underline; text-underline-offset: 2px;.oakley-model-code margin: 0 0 8px; font-size: 13px; line-height: 1.5; text-transform: uppercase;.oakley-product-intro margin: 22px 0 0; font-size: 13px; line-height: 1.55; color: #333; / ========================================================= INCLUDED IN ORDER ========================================================= /.oakley-included-grid display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 50px;.oakley-included-item display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 70px; border-bottom: 1px solid #ddd;.oakley-included-title font-size: 13px; font-weight: 700; text-transform: uppercase; / ========================================================= MOBILE ========================================================= / @media screen and (max-width: 749px).oakley-top-info,.oakley-product-details padding-left: 15px; padding-right: 15px;.oakley-top-info margin-top: 20px; margin-bottom: 25px;.oakley-size-guide,.oakley-order-notice font-size: 13px;.oakley-special-order font-size: 12px; padding: 12px 14px;.oakley-product-details margin-bottom: 45px;.oakley-accordion summary padding: 16px 18px; font-size: 13px;.oakley-accordion content padding: 12px 18px 25px;.oakley-detail-grid,.oakley-included-grid grid-template-columns: 1fr; column-gap: 0;.oakley-deta
0
0
×