/* OFFSTRAY Light v1 — Clear base theme, 2026-10-21. Native primary color remains black. */
html,body{background:#ffffff;color:#111111}
/* Section 1 */
body:not(:has([data-rbd-drag-handle-draggable-id])){&{background:#ffffff!important;color:#111111!important;color-scheme:light}& .bg-white,& [class~="bg-[#f3f3f3]"],& .clear_header,& .clear_header_links,& .clear_footer{background-color:#ffffff!important;color:#111111!important}& .text-gray-900,& .text-gray-800,& .text-gray-700,& .text-black,& [class~="text-black/80"],& .clear_footer_link,& .clear_footer_social_link{color:#111111!important}& .text-gray-500,& .text-gray-400{color:#666666!important}& .prose{color:#444444!important;--tw-prose-body:#444444;--tw-prose-headings:#111111;--tw-prose-links:#111111;--tw-prose-bold:#111111;--tw-prose-counters:#666666;--tw-prose-bullets:#666666;--tw-prose-hr:#dddddd;--tw-prose-quotes:#222222;--tw-prose-quote-borders:#cccccc}& .prose :is(h1,h2,h3,h4,strong,b,a){color:#111111!important}& .prose :is(p,span,li){color:inherit!important}.clear_header_logo img{filter:invert(1)!important;mix-blend-mode:multiply;width:180px!important;height:36px!important;object-fit:cover}.clear_header_logo a>div{width:180px!important;height:36px!important}& :is(.border-gray-200,.border-t,[class~="border-[#e8e8e1]"]){border-color:#dddddd!important}& :is(input,textarea,select){background-color:#ffffff;color:#111111;border-color:#b8b8b8}& :is(input,textarea)::placeholder{color:#666666}& :is(a,button):focus-visible{outline:2px solid #111111;outline-offset:4px}& .clear_footer_social_link:hover{color:#666666!important}& .clear_header svg[stroke="#000000"]{stroke:#111111!important}& .prose{max-width:820px!important;margin-left:auto!important;margin-right:auto!important;font-size:15px!important;line-height:1.95!important}& .prose p{margin-bottom:1.5em!important}& .max-w-prose h1{font-size:clamp(28px,4vw,46px)!important;letter-spacing:-.045em;line-height:1.15;font-weight:700}& .clear_header_links{font-size:11px;letter-spacing:.7px}& .clear_footer_link{font-size:10px!important;letter-spacing:.8px}& .clear_footer .text-gray-400{font-size:10px!important;letter-spacing:.5px}@media(max-width:767px){& .prose{font-size:13px!important;line-height:1.9!important}}}#offstray-store-design{container-type:inline-size}#offstray-store-design h1{font-size:clamp(40px,6.3cqw,95px)!important}#offstray-store-design h1 span{white-space:nowrap}@media(max-width:767px){#offstray-store-design h1{font-size:clamp(48px,12cqw,88px)!important}}.clear_header [role="menu"]{width:160px!important;background:#ffffff!important;border:1px solid #b8b8b8;border-radius:0!important}.clear_header [role="menu"] [role="menuitem"]{justify-content:flex-start;padding:12px!important;border-radius:0!important;font-size:12px!important;color:#111111!important}.clear_header [role="menu"] [role="menuitem"]:nth-child(n+5){display:none!important}.clear_header [role="menu"] [role="menuitem"]:hover{background:#f2f2f2!important}.clear_header [role="menu"] [role="menuitem"].bg-skin-primary{background:#111111!important;color:#ffffff!important}
/* Section 2 */
body:has(.p_details_container) .p_details_container .add_to_cart_btn,body:has(.p_details_container) [data-cart="checkout-wrapper"] button{background:#111111!important;color:#ffffff!important}body:has(.p_details_container) .p_details_container .add_to_cart_btn svg{stroke:#ffffff!important}
/* Section 3 */
html,body{background:#ffffff!important;height:auto!important;min-height:100vh!important}.app_container,main{background-color:#ffffff!important}.app_container{min-height:100vh}
/* Section 4 */
.clear_header_top_text{direction:ltr!important}h1[dir="rtl"]{letter-spacing:0!important;font-family:"Cairo",Arial,Tahoma,sans-serif!important}.page_content[dir="rtl"]{text-align:right;font-family:"Cairo",Arial,Tahoma,sans-serif!important}.page_content[dir="rtl"] .ql-editor{direction:rtl;text-align:right!important}.page_content[dir="rtl"] [data-os-brand-line]{direction:ltr;text-align:center!important;font-family:Montserrat,Arial,sans-serif}.page_content[dir="rtl"] li{text-align:right}.page_content[dir="rtl"] :is(ol,ul){padding-right:1.5em;padding-left:0}.clear_header_links[dir="rtl"]{letter-spacing:0}#offstray-store-design[dir="rtl"]{text-align:right;direction:rtl}#offstray-store-design[dir="rtl"] h1{direction:ltr;text-align:left}#offstray-store-design[dir="rtl"] :is(h2,.os-cta){letter-spacing:0}#offstray-store-design[dir="rtl"] .os-editorial-copy{font-family:"Cairo",Arial,Tahoma,sans-serif}
/* Section 5 */
.clear_header button[aria-haspopup]>svg{display:none!important}.clear_header button[aria-haspopup]>span{font-family:Montserrat,Arial,sans-serif!important;font-size:11px!important;font-weight:500;letter-spacing:1px}.clear_header button[aria-haspopup]::after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.clear_header button[aria-haspopup][aria-expanded="true"]::after{transform:translateY(1px) rotate(225deg)}.clear_header [role="menu"]{left:0!important;right:auto!important;transform:none!important;direction:ltr;text-align:left}html[lang="ar"] .clear_header [role="menu"]{left:auto!important;right:0!important}
/* Section 6 */
.page_content img[src="https://files.easy-orders.net/1791010382421240412.png"]{display:block;width:100%;max-width:620px;height:auto;object-fit:contain;margin:0 auto 40px}
/* Section 7 */
.page_content img[src="https://files.easy-orders.net/1791011105005247461.png"]{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin:0 auto 40px}
/* Section 8 */
body:has(.page_content a[href="/pages/off-script-wear-it-your-way"]) .max-w-prose h1{font-size:clamp(42px,7vw,92px)!important;letter-spacing:-.06em!important;text-align:center!important;direction:ltr!important}.page_content:has(a[href="/pages/off-script-wear-it-your-way"]) h2{border-top:1px solid #dddddd;padding-top:24px;margin-top:52px;font-size:14px!important;letter-spacing:1.2px;line-height:1.5}.page_content:has(a[href="/pages/off-script-wear-it-your-way"]) h3{font-size:clamp(24px,3vw,34px)!important;line-height:1.25;margin-top:24px;margin-bottom:16px}.page_content a[href^="/pages/off-script"]{text-decoration:none!important;border-bottom:1px solid #777777;padding-bottom:4px;transition:border-color .2s}.page_content a[href^="/pages/off-script"]:hover{border-color:#111111}.page_content:has(a[href="/pages/off-script"]) h2{font-size:23px!important;line-height:1.4;margin-top:42px}.page_content[dir="rtl"] h2{letter-spacing:0!important}@media(max-width:767px){.page_content:has(a[href="/pages/off-script-wear-it-your-way"]) h2{margin-top:36px;padding-top:18px}}
/* Section 9 */
.clear_header [role="menu"] [data-os-chinese]{display:flex!important;align-items:center;width:100%;border:0;background:transparent;text-align:left;cursor:pointer}html[lang="zh-CN"] .page_content,html[lang="zh-CN"] h1{font-family:Montserrat,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif!important;letter-spacing:0!important}
/* Section 10 */
body.os-a-note .max-w-prose{max-width:680px!important}body.os-a-note h1{font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(42px,6vw,64px)!important;letter-spacing:-.025em!important;text-align:left!important;direction:ltr!important;margin-bottom:36px!important}body.os-a-note .page_content{max-width:680px!important;direction:ltr!important;text-align:left!important;font-family:Montserrat,Arial,sans-serif!important;font-size:17px!important;line-height:1.65!important}body.os-a-note .ql-editor{padding:0!important;text-align:left!important;direction:ltr!important}body.os-a-note .page_content p{margin:0 0 1.8em!important;line-height:1.65!important;text-align:left!important;direction:ltr!important}body.os-a-note .page_content p:nth-child(2),body.os-a-note .page_content p:nth-child(4),body.os-a-note .page_content p:nth-child(7),body.os-a-note .page_content p:nth-child(8),body.os-a-note .page_content p:nth-child(9){margin-bottom:0!important}body.os-a-note .page_content p:last-child{font-size:14px!important;color:#666666!important;margin-top:-12px!important;margin-bottom:64px!important}body.os-a-note .page_content strong{font-weight:700!important}@media(max-width:767px){body.os-a-note .page_content{font-size:15px!important}body.os-a-note h1{font-size:42px!important}}
/* Section 11 */
body.os-a-note h1{max-width:680px!important;margin-left:auto!important;margin-right:auto!important}body.os-a-note h1>span{font-size:inherit!important;line-height:1.15!important;text-align:left!important;letter-spacing:inherit!important}.clear_footer a{color:#111111!important}.clear_footer a:hover{color:#666666!important}
/* Section 12 */
body.os-a-note h1{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}html[lang="ar"] body.os-a-note .page_content,html[lang="ar"] body.os-a-note .ql-editor,html[lang="ar"] body.os-a-note .page_content p,html[lang="ar"] body.os-a-note h1,html[lang="ar"] body.os-a-note h1>span{direction:rtl!important;text-align:right!important;font-family:"Cairo",Arial,Tahoma,sans-serif!important}html[lang="ar"] body.os-a-note .page_content p[data-os-brand-line],html[lang="ar"] body.os-a-note .page_content p:nth-last-child(-n+2){direction:ltr!important;text-align:left!important;font-family:Montserrat,Arial,sans-serif!important}html[lang="zh-CN"] body.os-a-note .page_content{font-family:Montserrat,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif!important}
/* Section 13 */
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] select,html[lang="ar"] .clear_header_links,html[lang="ar"] .clear_footer a{font-family:"Cairo",Arial,sans-serif!important}html[lang="ar"] .page_content{font-weight:400!important}html[lang="ar"] h1,html[lang="ar"] h1>span,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .page_content strong{font-weight:700!important}html[lang="ar"] .clear_header_top_text,html[lang="ar"] .clear_header button[aria-haspopup]>span,html[lang="ar"] [data-os-brand-line]{font-family:Montserrat,Arial,sans-serif!important}
/* Section 14 */
html:has(.p_details_container){background:#ffffff!important}
/* Section 15 */
body:has(.p_details_container){.product_name{font-size:clamp(24px,3vw,36px)!important}.product_price{font-size:26px!important;font-weight:600}.variation_name{font-size:12px!important;margin-top:24px}.button_variation{border-radius:0!important;min-width:62px;min-height:48px;border:1px solid #b8b8b8!important;background:#ffffff!important;color:#111111!important}.button_variation_checked{background:#111111!important;color:#ffffff!important;border-color:#111111!important}.color_variation,.color_variation>span{border-radius:50%!important}.color_variation{border:1px solid #b8b8b8}.color_variation_checked{outline:2px solid #111111;outline-offset:3px}.checkout_btn{display:none!important}.add_to_cart_btn,[data-cart="checkout-wrapper"] button{background:#111111!important;color:#ffffff!important;border:1px solid #111111!important;min-height:54px;font-weight:700}.add_to_cart_btn svg{stroke:#ffffff!important}[data-cart="continue-shopping"],.clear_header button[aria-haspopup]>span{color:#111111!important;display:inline!important}.ql-editor{line-height:1.8;color:#444444!important;padding:0}} 
/* Section 16 */
.os-product-locale{display:none}html:not([lang]) .os-product-locale[lang=en],html[lang|=en] .os-product-locale[lang=en],html[lang|=ar] .os-product-locale[lang=ar],html[lang|=fr] .os-product-locale[lang=fr],html[lang|=es] .os-product-locale[lang=es],html[lang|=zh] .os-product-locale[lang=zh]{display:block}.os-size-guide{margin-top:28px;border-top:1px solid #cccccc;padding-top:20px}.os-size-guide summary{cursor:pointer;font-weight:700;letter-spacing:1px}.os-size-guide table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}.os-size-guide th,.os-size-guide td{padding:12px 6px;border-bottom:1px solid #cccccc;text-align:start}.os-size-guide th{color:#111111}.os-size-guide h4{margin-top:24px;font-weight:700}.os-size-guide p{font-size:13px;line-height:1.8;margin:12px 0}
/* Section 17 */

.clear_header button[aria-haspopup],.clear_header button[aria-haspopup]:hover{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:44px!important;gap:7px!important;padding:8px 4px!important;color:#111111!important}
.clear_header button[aria-haspopup]>span{font-size:11px!important;letter-spacing:.7px!important;line-height:1!important}
.clear_header>.clear_container>div:last-child>div{gap:12px!important}
.clear_header>.clear_container>div:last-child>div>.flow-root{margin-inline-start:0!important}
.clear_header>.clear_container>div:last-child a[href="/search"],.clear_header>.clear_container>div:last-child button{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:40px!important;margin:0!important;padding:4px!important}
.clear_header>.clear_container>div:last-child svg{width:24px!important;height:24px!important}
.clear_header svg path,.clear_header svg rect{stroke-width:3.2px!important}
@media(max-width:1023px){
.clear_header>.clear_container{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;min-height:76px!important;padding-top:16px!important;padding-bottom:16px!important}
.clear_header>.clear_container>div:first-child{gap:8px!important;justify-content:flex-start!important;min-width:0!important}
.clear_header>.clear_container>div:first-child>button{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:40px!important;padding:4px!important}
.clear_header>.clear_container>div:first-child>button svg{width:24px!important;height:24px!important}
.clear_header_logo img,.clear_header_logo a>div{width:140px!important;height:28px!important}
.clear_header>.clear_container>div:last-child{height:auto!important;min-width:0!important}
}
@media(max-width:360px){.clear_header_logo img,.clear_header_logo a>div{width:128px!important;height:25.6px!important}}

/* Section 18 */
.clear_header button[aria-haspopup]>span{display:inline-flex!important}.page_content .ql-editor p{margin:0 0 1em!important;line-height:1.8!important}.page_content .ql-editor p:empty,.page_content .ql-editor p:has(>br:only-child){display:none!important}
/* Section 19 */
.os-empty-collection{text-align:center;padding:64px 20px 72px;color:#111111}.os-empty-collection h2{font-size:28px;font-weight:600;letter-spacing:1px;margin:0 0 14px}.os-empty-collection p{font-size:15px;color:#666666;margin:0}.os-empty-collection[dir=rtl]{font-family:Cairo,Arial,sans-serif}.os-empty-collection[dir=rtl] h2{letter-spacing:0}
/* Section 20 */
body:has(#offstray-store-design) .home_section_container{background:#ffffff!important}
/* Section 21 */
.checkout_bg_left,.checkout_bg_right,.checkout_order_summary{background:#ffffff!important}.checkout_order_summary{color:#111111!important}.checkout_order_summary dt,.checkout_order_summary dt span{color:#555555!important}.checkout_buy_now:not(:disabled){background:#111111!important;color:#ffffff!important;border-color:#111111!important}.checkout_buy_now:not(:disabled):hover{background:#333333!important}
/* Readable light surfaces; preserve native black primary buttons and announcement bar. */
.text-gray-600{color:#555555}
body .p_details_container .add_to_cart_btn:disabled,.checkout_buy_now:disabled{background:#e5e5e5!important;color:#666666!important;border-color:#d4d4d4!important;cursor:not-allowed;opacity:1}
.clear_header svg{color:#111111}
.os-size-guide{overflow-x:auto}

/* The checkout uses a separate native header. Crop the same square logo to its wordmark. */
.checkout_header img[src="https://files.easy-orders.net/1791205172183561451.png"]{filter:invert(1);mix-blend-mode:multiply;width:140px!important;height:28px!important;object-fit:cover}
.checkout_header a>div:has(>img[src="https://files.easy-orders.net/1791205172183561451.png"]){width:140px!important;height:28px!important}