/* Public design standard: uppity.co.za, 24 September 2026. */
html,body{background:#faf6ed!important}body{margin:0!important}
.uppity-shell{--u-forest:#173f2e;--u-deep:#082a21;--u-ivory:#faf6ed;--u-gold:#b18e49;color:#263c31;background:#faf6ed;font:14px/1.6 Arial,sans-serif;width:100%;max-width:1200px;margin-inline:auto}
.uppity-shell *{box-sizing:border-box}.uppity-shell a{color:inherit;text-decoration:none}.uppity-shell .u-announcement{text-align:center;background:#082a21;color:#faf6ed;padding:9px 18px;font-size:12px;letter-spacing:.06em;line-height:1.6}
.uppity-shell .u-header{position:static;max-width:none;margin:0;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;border:0;border-bottom:1px solid #d8d6c9;background:#faf6ed;min-height:0;height:auto}
.uppity-shell .u-brand-logo{display:inline-flex;align-items:center;gap:10px;flex:none;color:#12382d;width:max-content;text-decoration:none}
.uppity-shell .u-brand-logo img{display:block;width:43px;height:43px;flex:none;border-radius:50%;object-fit:cover}
.uppity-shell .u-brand-logo strong{margin:0;font:700 27px/1.5 Arial,sans-serif;letter-spacing:-.09em;color:inherit;text-transform:none}
.uppity-shell .u-nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font:12px/1.6 Arial,sans-serif;letter-spacing:normal;text-transform:none}
.uppity-shell .u-nav a{font:inherit;letter-spacing:normal;text-transform:none}.uppity-shell .u-nav a:hover{text-decoration:underline;text-underline-offset:5px}.uppity-shell .u-shop-link{border-bottom:1px solid #b18e49;padding-bottom:4px}
.uppity-shell a:focus-visible{outline:2px solid #173f2e;outline-offset:5px}
.commerce-root.store-root.reference-mode{max-width:1200px;width:100%;margin-inline:auto;padding-right:0!important;background:#faf6ed;--paper:#faf6ed;--ivory:#faf6ed;--sand:#eee5d5;--green:#173f2e;--ink:#263c31;--line:#d8d6c9;font:14px/1.6 Arial,sans-serif}
.reference-mode .reference-main,.reference-mode .commerce-page{background:#faf6ed}
.reference-mode h1,.reference-mode h2,.reference-mode h3,.reference-mode .reference-service strong{font-family:Georgia,serif;font-weight:500;color:#173f2e}
.reference-mode .commerce-page>h1{font:500 clamp(39px,5.8vw,66px)/1.02 Georgia,serif;letter-spacing:-2px}
.reference-mode .site-header{position:static!important;background:#faf6ed!important;min-height:0!important;height:auto!important;padding:14px 5%!important;gap:18px!important;flex-wrap:wrap!important;border-bottom:1px solid #d8d6c9;box-shadow:none;backdrop-filter:none}
.reference-mode .site-header>.brand{display:none!important}
.reference-mode .site-header .desktop-nav{display:flex!important;flex:1;justify-content:flex-start!important;flex-wrap:wrap;gap:18px!important;white-space:normal}
.reference-mode .site-header .desktop-nav a{font:12px/1.6 Arial,sans-serif;text-transform:none}
.reference-mode .header-actions{gap:10px!important;flex-wrap:wrap}.reference-mode .header-actions button,.reference-mode .header-actions a[aria-label="Your Uppity account"]{font:12px/1.6 Arial,sans-serif!important;text-transform:none;letter-spacing:0;padding:5px!important;min-height:32px}
.reference-mode .shop-mobile-menu-button{display:none!important}
.reference-mode .reference-hero{margin:0;border-radius:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);height:auto;min-height:0;background:#faf6ed;align-items:stretch}
.reference-mode .reference-hero>div{width:auto;padding:42px 10%;background:#faf6ed;display:flex;flex-direction:column;justify-content:center;min-width:0}
.reference-mode .reference-hero>div h1{font:500 clamp(39px,5.8vw,66px)/1.02 Georgia,serif!important;letter-spacing:-2px;margin:0 0 24px}
.reference-mode .reference-hero>div p{font:15px/1.6 Arial,sans-serif;color:#596358;max-width:330px;margin:0 0 29px}
.reference-mode .reference-hero>div>div{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.reference-mode .reference-hero a{font:12px/1.6 Arial,sans-serif;letter-spacing:.025em;padding:13px 20px;min-height:44px;border-radius:0}
.reference-mode .reference-hero>.reference-photo{position:relative;inset:auto;width:100%;height:100%;min-height:0;aspect-ratio:4/3!important;padding:0;display:block;background:transparent}
.reference-mode .reference-hero a:last-child{color:#173f2e;background:transparent;border-bottom:1px solid #b18e49;padding:10px 0}
.reference-mode .commerce-page{max-width:1200px;padding:40px 6% 60px}
.reference-mode .reference-new,.reference-mode .shop-designers,.reference-mode .commerce-catalogue{padding-left:6%;padding-right:6%}
.reference-mode .reference-service{padding:24px 6%;gap:25px}
.reference-mode .reference-section-heading h2,.reference-mode .shop-designers h2{font:500 34px/1.15 Georgia,serif;letter-spacing:-.7px}
.reference-mode .uppity-shop-footer{padding:48px 6% 24px;gap:25px;font-family:Arial,sans-serif}
body.uppity-public-inner{max-width:1200px;margin-inline:auto!important;color:#263c31;font-family:Arial,sans-serif;background:#faf6ed!important}
body.uppity-public-inner main,body.uppity-public-inner footer{max-width:1200px;margin-inline:auto}
body.uppity-public-inner h1,body.uppity-public-inner h2,body.uppity-public-inner h3{font-family:Georgia,serif}
@media(max-width:800px){.reference-mode .reference-hero{grid-template-columns:minmax(0,1fr)}.reference-mode .reference-hero>div{padding:36px 7%}.reference-mode .reference-hero>.reference-photo{height:auto;aspect-ratio:4/3!important}}
@media(max-width:720px){.uppity-shell .u-brand-logo img{width:35px;height:35px}.uppity-shell .u-brand-logo strong{font-size:23px}}
@media(max-width:680px){.uppity-shell .u-header{padding:20px 6%;gap:16px;flex-wrap:wrap}.uppity-shell .u-nav{gap:17px}.reference-mode .reference-hero>div h1{font-size:47px!important}.reference-mode .site-header{padding:12px 6%!important;gap:12px!important}.reference-mode .site-header .desktop-nav{flex-basis:100%;gap:17px!important}.reference-mode .header-actions{margin-left:0;justify-content:flex-start;gap:16px!important}.reference-mode .reference-service{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference-mode .commerce-page>h1{font-size:47px}.reference-mode .commerce-page{padding:32px 7% 50px}.reference-mode .uppity-shop-footer{padding:38px 7% 24px;grid-template-columns:1fr 1fr}.reference-mode .store-happy-panel{max-width:calc(100vw - 32px)}}
@media(max-width:380px){.reference-mode .reference-hero>div h1,.reference-mode .commerce-page>h1{font-size:39px!important}}

.reference-mode .site-header>a[aria-label="Uppity home"]{display:none!important}

body.uppity-public-inner>.announcement{display:none!important}

.reference-mode .shop-floating-header{position:sticky;top:0;z-index:40;background:#faf6ed;box-shadow:0 1px 0 #d8d6c9}
.reference-mode .reference-new{padding-top:28px}
.reference-mode #products,.reference-mode #just-dropped,.reference-mode #designers,.reference-mode #catalogue-search{scroll-margin-top:210px}
@media(max-width:680px){.reference-mode #products,.reference-mode #just-dropped,.reference-mode #designers,.reference-mode #catalogue-search{scroll-margin-top:300px}.reference-mode .reference-new{padding-top:20px}}