/*
Theme Name: OT Lite
Theme URI: https://www.outfittrends.com/
Author: OutfitTrends
Description: Lightweight theme for Outfit Trends. No jQuery, no icon fonts, no web fonts. Works with Style Finder, OT Style Tools, Insert Post Ads, OT Authors, Related Posts Lookbook, AIOSEO and WP Rocket.
Version: 1.0.4
Requires at least: 6.3
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ot-lite
*/

:root{--ink:#1f1a17;--ink-2:#5c534d;--ink-3:#8a807a;--cream:#fbf7f2;--paper:#fff;--blush:#f3e3dc;--rose:#b4604f;--rose-d:#97493a;--line:#e9e0d8;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--w:1240px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 var(--sans)}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed!important;left:10px;top:10px;width:auto;height:auto;clip:auto;z-index:999;background:#fff;padding:10px 14px;border-radius:10px}

/* ---------- header ---------- */
.ot-top{background:var(--paper);border-bottom:1px solid var(--line);position:relative}
.ot-top .wrap{display:flex;align-items:center;gap:20px;height:78px}
.ot-logo{font:700 30px/1 var(--serif);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;color:var(--ink)}
.ot-logo span{color:var(--rose)}
.custom-logo-link img{max-height:56px;width:auto;display:block}
.ot-search{flex:1;max-width:520px;margin:0 auto;position:relative}
.ot-search input{width:100%;height:46px;border:1.5px solid var(--line);border-radius:999px;background:var(--cream);padding:0 52px 0 20px;font:15px var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.ot-search input:focus{outline:none;border-color:var(--rose);background:#fff}
.ot-search button{position:absolute;right:5px;top:5px;width:36px;height:36px;border:0;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}
.ot-social{display:flex;gap:8px}
.ot-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);color:var(--ink);transition:.15s}
.ot-social a:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.ot-social svg,.ot-search svg{width:17px;height:17px;fill:currentColor}
.ot-burger,.ot-sbtn{display:none;border:0;background:none;width:42px;height:42px;border-radius:50%;cursor:pointer;color:var(--ink);padding:0}
.ot-burger svg{width:24px;height:24px;fill:currentColor}
.ot-sbtn svg{width:20px;height:20px;fill:currentColor}

/* nav */
.ot-nav{background:var(--paper);border-bottom:1px solid var(--line)}
.ot-nav ul{list-style:none;margin:0;padding:0}
.ot-nav .menu{display:flex;justify-content:center;flex-wrap:wrap;gap:0 4px}
.ot-nav li{position:relative}
.ot-nav .menu>li>a{display:flex;align-items:center;gap:6px;padding:15px 14px;font:600 13px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.ot-nav .menu>li>a:hover,.ot-nav .current-menu-item>a,.ot-nav .current-menu-ancestor>a{color:var(--rose)}
.ot-nav .menu-item-has-children>a:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.ot-nav .sub-menu{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(6px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(60,30,20,.12);padding:10px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.ot-nav .menu>li>.sub-menu:has(>li:nth-child(9)):not(:has(.sub-menu)){columns:2;min-width:380px}
.ot-nav li:hover>.sub-menu,.ot-nav li:focus-within>.sub-menu,.ot-nav li.open>.sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ot-nav .sub-menu .sub-menu{left:100%;top:-11px;transform:translateX(10px)}
.ot-nav .sub-menu li:hover>.sub-menu,.ot-nav .sub-menu li:focus-within>.sub-menu,.ot-nav .sub-menu li.open>.sub-menu{transform:translateX(4px)}
.ot-nav .sub-menu .menu-item-has-children>a{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ot-nav .sub-menu .menu-item-has-children>a:after{transform:rotate(-45deg);margin-left:auto}
.ot-nav .sub-menu li{break-inside:avoid}
.ot-nav .sub-menu a{display:block;padding:8px 12px;border-radius:9px;font-size:14.5px;text-decoration:none;white-space:nowrap}
.ot-nav .sub-menu a:hover,.ot-nav .sub-menu li:hover>a{background:var(--cream);color:var(--rose-d)}
.ot-caret{display:none}

/* tools row */
.ot-tools{background:var(--cream);border-bottom:1px solid var(--line)}
.ot-tools .wrap{display:flex;align-items:center;gap:10px;padding-top:10px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none}
.ot-tools .wrap::-webkit-scrollbar{display:none}
.ot-tools b{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);white-space:nowrap;margin-right:4px}
.ot-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--ink);transition:.15s}
.ot-chip:hover{border-color:var(--ink)}
.ot-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- home & archives ---------- */
.ot-home{padding-top:26px;padding-bottom:50px}
.ot-finder{background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px 0 14px;margin:0 0 34px;scroll-margin-top:10px;overflow:hidden;max-width:100%}
.ot-finder #sf-v3{margin-bottom:0}
.ot-eb{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);font-weight:700}
.ot-eb a{text-decoration:none}
.ot-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 18px}
.ot-sec h2{font:600 30px/1.2 var(--serif);margin:0}
.ot-sec a{font-size:14px;font-weight:600;color:var(--rose-d);text-decoration:none;white-space:nowrap}
.ot-catsec{margin:44px 0 0}
.ot-catsec .ot-sec{border-bottom:1px solid var(--line);padding-bottom:12px}
.ot-catsec .ot-sec h2:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--rose);margin-right:12px;vertical-align:middle}
.ot-more{display:flex;justify-content:center;margin-top:18px}
.ot-more a{height:44px;padding:0 22px;border-radius:999px;border:1.5px solid var(--ink);display:inline-flex;align-items:center;font-weight:700;font-size:14px;text-decoration:none}
.ot-more a:hover{background:var(--ink);color:#fff}
.ot-archive{padding-bottom:30px}
.ot-arch-head{padding:30px 0 22px}
.ot-arch-head h1{font:600 clamp(30px,4vw,44px)/1.15 var(--serif);margin:8px 0 6px}
.ot-arch-desc{color:var(--ink-2);max-width:760px}
.ot-subcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ot-404 .ot-search{margin:18px 0 0}
.ot-empty{padding:20px 0 60px}

/* cards – uniform size so rows line up */
.ot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ot-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s}
.ot-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(60,30,20,.1)}
.ot-card .im{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--blush)}
.ot-card .im img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ot-card .pin{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:#e60023;display:grid;place-items:center;opacity:0;transition:.2s;cursor:pointer}
.ot-card:hover .pin,.ot-card .pin:focus{opacity:1}
.ot-card .pin svg{width:16px;height:16px;fill:#fff}
.ot-card .b{padding:14px 16px 16px;flex:1}
.ot-card .cat{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);font-weight:700}
.ot-card h3{font:600 19px/1.3 var(--serif);margin:6px 0 0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ot-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:34px 0 20px}
.ot-pager a,.ot-pager span{min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;text-decoration:none}
.ot-pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.ot-pager .dots{border:0;background:none}

/* ---------- ads ---------- */
.ot-ad{text-align:center;clear:both;overflow:hidden}
.ot-ad-top{margin:22px 0 26px;min-height:280px}
.ot-ad-wide{margin:40px 0 0;min-height:100px}
.ot-ad-side{min-height:600px}
@media (min-width:1024px){ins.adsbygoogle{height:280px}.ot-side ins.adsbygoogle{height:600px}}
@media (max-width:520px){ins.adsbygoogle{height:260px}}

/* ---------- single / page ---------- */
.ot-crumb{font-size:13px;color:var(--ink-3);padding:22px 0 0}
.ot-crumb a{text-decoration:none}.ot-crumb a:hover{color:var(--rose-d)}
.ot-crumb span{margin:0 4px}
.ot-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start;margin-top:16px;padding-bottom:40px}
.ot-full{margin-top:22px;padding-bottom:40px}
.ot-post{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 44px 36px;min-width:0}
.ot-head{padding:0 0 4px}
.ot-post h1{font:600 clamp(30px,4.2vw,46px)/1.12 var(--serif);margin:12px 0 18px;letter-spacing:-.015em}
.ot-page h1{margin-top:0}
.ot-meta{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:14px;flex-wrap:wrap}
.ot-meta img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--blush)}
.page .ot-ads-wrap,.page .thecontent ins.adsbygoogle{display:none!important}
.ot-meta a{text-decoration:none}.ot-meta b{color:var(--ink)}
.ot-share{display:flex;gap:8px;margin:20px 0 6px;flex-wrap:wrap}
.ot-share a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--ink)}
.ot-share a:hover{border-color:var(--ink)}
.ot-share a.p{background:#e60023;border-color:#e60023;color:#fff}
.ot-share svg{width:15px;height:15px;fill:currentColor}
.ot-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:18px;min-width:0}
.admin-bar .ot-side{top:52px}
.ot-side .widget{max-width:100%;overflow:hidden;text-align:center}
.ot-side .widget-title{font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rose);margin:0 0 12px;text-align:left}

/* article typography */
.thecontent{font-size:18.5px;line-height:1.75;color:#2b2522;overflow-wrap:break-word}
.thecontent p{margin:0 0 1.15em}
.thecontent h2{font:600 32px/1.22 var(--serif);margin:1.8em 0 .55em;padding-top:.6em;border-top:1px solid var(--line);color:var(--ink)}
.thecontent h3{font:600 25px/1.3 var(--serif);margin:1.6em 0 .5em;color:var(--ink)}
.thecontent h4{font:700 19px/1.4 var(--sans);margin:1.4em 0 .4em}
.thecontent p a,.thecontent li a,.thecontent td a,.thecontent blockquote a{color:var(--rose-d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.thecontent p>img,.thecontent p>a>img,.thecontent figure img,.thecontent>img{border-radius:16px;display:block;margin:1.2em auto}
.thecontent figure{margin:1.4em 0;max-width:100%}
.thecontent figcaption,.thecontent .wp-caption-text{font-size:13.5px;color:var(--ink-3);text-align:center;margin-top:-.6em}
.thecontent ul,.thecontent ol{padding-left:1.3em}.thecontent li{margin:.3em 0}
.thecontent blockquote{margin:1.4em 0;padding:18px 22px;background:var(--cream);border-left:3px solid var(--rose);border-radius:4px 16px 16px 4px;font-style:italic}
.thecontent table{width:100%;border-collapse:collapse;font-size:15.5px;background:#fff;display:block;overflow-x:auto}
.thecontent th,.thecontent td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left}
.thecontent th{background:var(--blush);font-weight:700}
.thecontent iframe,.thecontent video{max-width:100%}
.alignleft{float:left;margin:.3em 1.4em 1em 0}.alignright{float:right;margin:.3em 0 1em 1.4em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}.clearfix:after{content:"";display:table;clear:both}
.ot-page .thecontent>*:first-child{margin-top:0}

/* content boxes used in articles (were in Additional CSS) */
.otr-toc{background:#f0faf4;border:1px solid #c3e6cb;border-radius:12px;padding:18px 22px;margin:0 0 28px;clear:both}
.otr-toc-title{font-size:14px;font-weight:700;color:#276749;margin:0 0 10px;text-transform:uppercase;letter-spacing:.3px}
.otr-toc ol{margin:0;padding-left:20px}.otr-toc li{margin:6px 0;font-size:15px}
.thecontent .otr-toc a{color:#1a7f3c;text-decoration:none;font-weight:500}.thecontent .otr-toc a:hover{text-decoration:underline}
.otr-dos-donts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;font-size:15px}
.otr-dos,.otr-donts{border-radius:10px;overflow:hidden}
.otr-dd-header{font-weight:700;font-size:14px;padding:10px 14px;letter-spacing:.3px}
.otr-dos .otr-dd-header{background:#1a7f3c;color:#fff}.otr-donts .otr-dd-header{background:#c0392b;color:#fff}
.otr-dd-item{padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.06);line-height:1.6}.otr-dd-item:last-child{border-bottom:none}
.otr-dos .otr-dd-item{background:#f0faf4;color:#1d2327}.otr-donts .otr-dd-item{background:#fdf2f2;color:#1d2327}
.otr-dos .otr-dd-item strong,.otr-donts .otr-dd-item strong{display:block;margin-bottom:2px}
.otr-did-you-know{background:#fdf6e3;border:1px solid #f0c040;border-left:5px solid #e6a800;border-radius:0 10px 10px 0;padding:18px 20px;margin:28px 0;display:flow-root}
.otr-dyk-title{font-size:13px;font-weight:700;color:#7a5200;text-transform:uppercase;letter-spacing:.5px}
.otr-did-you-know p{font-size:15.5px;color:#5c3d00;line-height:1.7;margin:0}
.otr-key-takeaways{background:#f0faf4;border:1px solid #c3e6cb;border-radius:12px;padding:20px 24px;margin:32px 0}
.thecontent .otr-key-takeaways h2{border:0;padding:0;margin:0 0 12px;font-size:21px;color:#1a5c2e}
.otr-key-takeaways ul{padding:0}
.otr-key-takeaways li{list-style:none;position:relative;padding-left:18px;font-size:15.5px;color:#1d4a2a;line-height:1.7;margin-bottom:4px}
.otr-key-takeaways li::before{content:"";width:7px;height:7px;background:#1a7f3c;border-radius:50%;position:absolute;left:0;top:9px}
.otr-quick-tip{background:#fef2f2;border:1px solid #f1b9b9;border-left:4px solid #d63638;border-radius:0 10px 10px 0;padding:14px 18px;margin:24px 0}
.otr-qt-label{font-size:11px;font-weight:700;color:#a32d2d;text-transform:uppercase;letter-spacing:.5px}
.otr-qt-text{font-size:15.5px;color:#501313;line-height:1.6;margin:0}.otr-qt-text strong{color:#2d0a0a}
.ota-author-box,.rpl-slider-wrap,.otr-did-you-know,.otr-toc,.otr-dos-donts,.otr-quick-tip,.otr-key-takeaways{clear:both}
.thecontent .ota-author-box{margin:34px 0 10px;font-size:16px;line-height:1.6}
a.ota-btn-outline,a.ota-btn-red{color:#fff!important}

/* author box (only when OT Authors is not active) */
.ot-author{display:flex;gap:18px;align-items:flex-start;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:22px;margin:36px 0 18px}
.ot-author img{width:72px;height:72px;border-radius:50%;flex:none}
.ot-author .eb{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);font-weight:700}
.ot-author h4{font:600 22px/1.2 var(--serif);margin:4px 0 6px}.ot-author h4 a{text-decoration:none}
.ot-author p{margin:0;font-size:15px;color:var(--ink-2)}

/* related */
.ot-related-w{margin:34px 0 10px}
.ot-related-w h3{font:600 26px/1.2 var(--serif);margin:0 0 14px}
.ot-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ot-grid-3 .ot-card h3{font-size:16px}

/* comments */
.ot-comments{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}
.ot-comments h3{font:600 24px var(--serif);margin:0 0 14px}
.ot-clist,.ot-clist .children{list-style:none;margin:0;padding:0}
.ot-clist .children{padding-left:28px}
.ot-clist .comment-body{background:var(--cream);border-radius:14px;padding:14px 16px;margin:0 0 12px;font-size:15.5px}
.ot-clist .comment-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3)}
.ot-clist .comment-meta a{text-decoration:none}
.ot-clist .avatar{border-radius:50%}
.ot-clist .fn{font-style:normal;font-weight:700;color:var(--ink)}
.ot-clist .says{display:none}
.ot-clist .reply a{font-size:13px;font-weight:700;color:var(--rose-d);text-decoration:none}
.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{width:100%;border:1.5px solid var(--line);border-radius:12px;background:var(--cream);padding:12px 14px;font:15px var(--sans);color:var(--ink)}
.comment-form textarea{min-height:120px}
.comment-form p{margin:0 0 12px}
.comment-form label{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--ink-2)}
.comment-form .comment-form-cookies-consent label{display:inline}
.ot-btn,.comment-form .submit{height:46px;padding:0 24px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:700 14.5px var(--sans);cursor:pointer}
.ot-comments .nav-links{display:flex;justify-content:space-between;margin:10px 0 20px}

/* ---------- footer ---------- */
.ot-foot{background:var(--ink);color:#d9d0c9;padding:46px 0 28px;margin-top:10px}
.ot-foot .g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.ot-foot .ot-logo{color:#fff;font-size:26px}
.ot-foot p{font-size:14.5px;color:#b9aea6;margin:12px 0 16px;max-width:320px}
.ot-foot h5{font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:6px 0 12px}
.ot-foot ul{list-style:none;margin:0;padding:0}.ot-foot li{margin:7px 0}
.ot-foot a{text-decoration:none;font-size:14.5px;color:#d9d0c9}.ot-foot a:hover{color:#fff}
.ot-foot .ot-social a{border-color:#4a413c;color:#fff}
.ot-foot .copy{border-top:1px solid #3a322e;margin-top:30px;padding-top:18px;font-size:13px;color:#9a8f88;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ot-foot .copy a{font-size:13px;color:#9a8f88}

/* ---------- responsive ---------- */
@media(max-width:1100px){
 .ot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ot-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
 .ot-post{padding:26px 28px}
 .ot-nav .menu>li>a{padding:14px 9px;font-size:12px}
}
@media(max-width:900px){
 .ot-layout{grid-template-columns:1fr}
 .ot-side{position:static}
 .ot-ad-side{min-height:280px}
}
@media(max-width:820px){
 .wrap{padding:0 16px}
 .ot-top .wrap{height:64px;gap:6px}
 .ot-logo{font-size:23px;margin-right:auto}
 .custom-logo-link{margin-right:auto}.custom-logo-link img{max-height:42px}
 .ot-top .ot-search{position:absolute;left:0;right:0;top:64px;max-width:none;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);display:none;z-index:70}
 .ot-top .ot-search.open{display:block}
 .ot-top .ot-search button{right:21px;top:15px}
 .ot-top .ot-social{display:none}
 .ot-burger,.ot-sbtn{display:grid;place-items:center}
 .ot-nav{display:none}
 .ot-nav.open{display:block}
 .ot-nav .menu{display:block;padding:6px 0 10px}
 .ot-nav .menu>li{border-bottom:1px solid var(--line)}
 .ot-nav .menu>li>a{padding:14px 4px;font-size:13px}
 .ot-nav .menu-item-has-children>a:after{display:none}
 .ot-nav .menu li{position:relative}
 .ot-caret{display:block;position:absolute;right:0;top:2px;width:44px;height:44px;border:0;background:none;cursor:pointer;z-index:2}
 .ot-caret:after{content:"";position:absolute;left:18px;top:16px;width:7px;height:7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg);transition:.15s}
 .ot-nav li.open>.ot-caret:after{transform:rotate(225deg);top:20px}
 .ot-nav .sub-menu,.ot-nav .sub-menu .sub-menu,.ot-nav .menu>li>.sub-menu:has(>li:nth-child(9)):not(:has(.sub-menu)){position:static;transform:none!important;opacity:1;visibility:visible;display:none;box-shadow:none;border:0;border-radius:0;padding:0 0 8px 14px;min-width:0;columns:1;transition:none;background:none}
 .ot-nav li.open>.sub-menu{display:block}
 .ot-nav .sub-menu a{padding:11px 44px 11px 8px;font-size:15px;white-space:normal}
 .ot-nav .sub-menu .menu-item-has-children>a:after{display:none}
 .ot-nav .sub-menu .ot-caret{top:0}
 .ot-grid,.ot-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ot-card{border-radius:14px}
 .ot-card .b{padding:10px 11px 12px}
 .ot-card h3{font-size:15.5px}
 .ot-card .pin{opacity:1;width:30px;height:30px}
 .ot-catsec{margin-top:32px}
 .ot-sec h2{font-size:25px}
 .ot-post{padding:20px 16px;border-radius:16px}
 .thecontent{font-size:17.5px}
 .thecontent h2{font-size:26px}
 .thecontent h3{font-size:22px}
 .ot-share a span{display:none}.ot-share a{padding:0 14px}
 .ot-foot .g{grid-template-columns:1fr 1fr}
 .otr-dos-donts{grid-template-columns:1fr}
 .alignleft,.alignright{float:none;margin:1em auto}
}
@media(max-width:420px){.ot-foot .g{grid-template-columns:1fr}}
@media(min-width:821px){
 .ot-nav .menu>li:nth-last-child(-n+2) .sub-menu .sub-menu{left:auto;right:100%;transform:translateX(-10px)}
 .ot-nav .menu>li:nth-last-child(-n+2) .sub-menu li:hover>.sub-menu,.ot-nav .menu>li:nth-last-child(-n+2) .sub-menu li.open>.sub-menu{transform:translateX(-4px)}
}

/* Find Me Outfit title link + back to top */
.ot-finder a.sf3-brand{text-decoration:none;color:inherit}
.ot-finder a.sf3-brand:hover{color:var(--rose)}
.ot-totop{position:fixed;right:20px;bottom:24px;z-index:80;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(31,26,23,.25);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s}
.ot-totop.show{opacity:1;visibility:visible;transform:none}
.ot-totop:hover{background:var(--rose)}
.ot-totop svg{width:20px;height:20px;fill:currentColor}
@media(max-width:820px){.ot-totop{right:14px;bottom:86px;width:42px;height:42px}} /* stays above AdSense anchor ads */
@media print{.ot-totop{display:none}}

/* mobile: Style Tools row fits on one screen */
@media(max-width:600px){.ot-tools .wrap{gap:5px;padding-top:8px;padding-bottom:8px}.ot-tools b{font-size:9.5px;letter-spacing:.06em;margin-right:0}.ot-chip{padding:5px 9px;font-size:11.5px;gap:4px;border-width:1px}}
@media(max-width:420px){.ot-tl-s{display:none}}
@media(max-width:380px){.ot-chip{padding:5px 7px;font-size:11px}}
@media(max-width:330px){.ot-tools b{display:none}}

/* mobile single post: no breadcrumb / category line, smaller title, one-line byline */
@media(max-width:600px){
 .single .ot-crumb,.single .ot-eb{display:none}
 .single #main{padding-top:12px}
 .ot-post h1{font-size:23px;line-height:1.22;margin:0 0 12px;letter-spacing:-.01em}
 .ot-meta{flex-wrap:nowrap;gap:6px;font-size:12.5px;white-space:nowrap;overflow:hidden}
 .ot-meta img{width:26px;height:26px}
 .ot-meta .ot-upd{display:none}
}