@font-face{font-family:Cikgu;src:local('Segoe UI')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cikgu,Arial,sans-serif;background:#fcfaf9;color:#332832;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #975174;outline-offset:3px}input,select,textarea{min-width:0;border:1px solid #ded4da;border-radius:10px;padding:12px 14px;background:#fff;color:#332832;max-width:100%}textarea{resize:vertical;min-height:95px}input:focus,textarea:focus{border-color:#985071}input[type=checkbox]{width:18px;height:18px;accent-color:#88435f}button{border:0}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.topbar{background:#f1e5e9;font-size:12px;color:#6e4156}.topbar .wrap{display:flex;justify-content:space-between;padding-block:9px}.topbar a{margin-left:24px}header{background:#fff;border-bottom:1px solid #eee5e9}.header-main{display:flex;align-items:center;gap:26px;padding-block:24px}.brand{display:flex;align-items:center;font-size:27px;letter-spacing:-1.3px;font-weight:800;white-space:nowrap;color:#743d58}.brand>span:not(.brand-mark){font-weight:400}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:#85465f;color:white;border-radius:12px;margin-right:9px;font-size:31px;line-height:1}.header-main form{display:flex;align-items:center;gap:10px;flex:1;background:#faf7f8;border:1px solid #e7dde2;border-radius:12px;padding:5px 6px 5px 15px}.header-main form>span{color:#a38997}.header-main input{width:100%;border:0;background:none;padding:8px 0;font-size:14px}.header-main form button{background:#85465f;color:#fff;border-radius:8px;padding:9px;display:flex}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;min-height:42px;border-radius:10px;background:transparent;color:#674b5a}.cart-link{position:relative}.cart-link b{position:absolute;right:-3px;top:-3px;background:#8c4664;color:#fff;border-radius:20px;font-size:11px;min-width:17px;text-align:center;padding:1px 3px}#account{border-left:1px solid #e8dee3;padding-left:25px;display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 19px;min-height:44px;font-size:14px;font-weight:650;background:#884760;color:white;border:1px solid transparent;line-height:1.4}.btn:hover{background:#713950}.btn.secondary{background:white;color:#82435d;border-color:#d5b9c5}.btn.secondary:hover{background:#f9eff3}.btn.soft{background:#f4e7ed;color:#814661}.btn.danger{background:#a63846}.btn.small{padding:8px 12px;min-height:38px;font-size:13px}.nav-main{display:flex;align-items:center;gap:30px;font-size:13px;padding-bottom:15px}.nav-main a:hover,.nav-main a.active{color:#8f4566}.nav-note{margin-left:auto;color:#8c7a84;font-size:12px}.nav-note .icon{width:16px}main{min-height:55vh;padding-top:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#98516e}.hero{display:grid;grid-template-columns:1.85fr 1fr;gap:20px}.hero-main{position:relative;overflow:hidden;min-height:315px;border-radius:20px;background:#f0dee4;padding:40px}.hero-main:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #d3b2c0;border-radius:50%;right:-50px;top:35px}.hero-copy{position:relative;z-index:2;max-width:56%}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:43px;line-height:1.13;letter-spacing:-1.8px;margin:13px 0 15px;color:#643a50}.hero p{font-size:14px;color:#846574;max-width:290px;margin:0 0 24px}.hero-image{position:absolute;width:38%;height:88%;right:3%;bottom:-9%;object-fit:cover;border-radius:110px 110px 0 0;transform:rotate(8deg);z-index:1;border:7px solid #fff8fa}.hero-side{background:#76516b;border-radius:20px;padding:32px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.hero-side:after{content:'n.';font-family:Georgia,serif;position:absolute;font-size:230px;line-height:1;bottom:-40px;right:-5px;color:#ffffff0e}.hero-side .eyebrow{color:#edd2df;letter-spacing:1.8px}.hero-side h2{font:normal 30px/1.2 Georgia,serif;max-width:220px;margin:16px 0}.hero-side p{color:#ebd9e4;font-size:14px;max-width:230px}.hero-side a{align-self:flex-start;background:#fff6f8;color:#70445b;position:relative;z-index:1}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 35px;padding:17px 0;border-bottom:1px solid #e9dfe4}.benefit{display:flex;gap:12px;align-items:center;justify-content:center}.benefit>span{background:#f1e7eb;border-radius:12px;display:grid;place-items:center;width:40px;height:40px;color:#8a516d}.benefit strong{font-size:13px;display:block;font-weight:650}.benefit small{font-size:12px;color:#97838e}.section-top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 20px}.section-top h2{font-size:23px;letter-spacing:-.6px;margin:0}.section-top p{font-size:14px;color:#96828d;margin:4px 0 0}.text-link{color:#90516b;font-size:14px;font-weight:600}.categories{display:flex;gap:12px;margin:0 0 34px;overflow:auto;padding:3px 2px 6px;scrollbar-width:thin}.category{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:12px 20px;border-radius:12px;border:1px solid #e5dbe0;background:#fff;color:#73616d;font-size:14px;min-height:49px}.category.active{background:#86506b;color:#fff;border-color:#86506b}.category .icon{width:19px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.catalog-toolbar label{display:flex;align-items:center;gap:10px;font-size:13px;color:#8c7884}.catalog-toolbar select{padding:8px 10px;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{position:relative;background:white;border:1px solid #e8dfe3;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #6247590c}.product-image{display:block;width:100%;aspect-ratio:1.14;background:#f4eeef;object-fit:cover;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.025)}.photo-wrap{overflow:hidden;position:relative}.photo-wrap .pill{position:absolute;left:12px;top:12px;background:#fffcf5e8;color:#714559;font-size:11px;font-weight:650}.wish{position:absolute;top:11px;right:11px;width:34px;height:34px;min-height:34px;background:#ffffffed;border-radius:50%;z-index:1}.wish.saved{color:#ad416d}.wish.saved .icon{fill:#f3ccdc}.product-info{padding:17px}.product-info small{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#a18494}.product-info h3{font-size:15px;font-weight:600;margin:6px 0 8px;line-height:1.4;min-height:42px}.price{font-size:18px;font-weight:750;color:#6c3e56;letter-spacing:-.4px}.product-info .shop{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0e8ec;margin-top:14px;padding-top:12px;color:#96838e;font-size:12px;gap:8px}.shop .icon{width:14px;height:14px}.add-button{width:31px;height:31px;min-height:31px;background:#f5e8ef;color:#8c4967;border-radius:8px}.wide-banner{margin-top:38px;border:1px solid #e8dce2;background:#f5edf1;border-radius:16px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:25px 32px}.wide-banner h3{font-size:20px;margin:0 0 4px}.wide-banner p{font-size:14px;color:#92798a;margin:0}footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:55px!important;padding-block:30px 45px;border-top:1px solid #e8dfe3}footer .brand{font-size:23px}footer p,footer div{font-size:12px;color:#97828e}footer div{display:flex;gap:20px;margin-left:auto}.mobile-nav{display:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.page-heading h1{font-size:30px;letter-spacing:-1px;margin:0 0 5px}.muted{color:#937f8c;font-size:14px}.panel{background:white;border:1px solid #e8dfe4;border-radius:15px;padding:25px;margin-bottom:20px}.panel h2{font-size:19px;margin-top:0}.empty{text-align:center;padding:55px 20px;border:1px dashed #dbc5d1;border-radius:15px;background:#fff}.empty .icon{width:40px;height:40px;color:#ad7992}.empty h2{font-size:21px}.empty p{color:#937c8a;font-size:14px}.empty .btn{margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 350px;gap:24px;align-items:start}.summary{position:sticky;top:20px}.summary dl{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:14px}.summary dd{margin:0;text-align:right}.summary .total{font-size:20px;font-weight:700;color:#70425b;border-top:1px solid #eee0e7;padding-top:18px}.full{width:100%}.cart-row{display:grid;grid-template-columns:85px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #eee4e9;padding:20px 0}.cart-row:first-child{padding-top:0}.cart-row:last-child{border:0}.cart-row img{width:85px;height:85px;object-fit:cover;border-radius:10px}.cart-row h3{font-size:15px;margin:0 0 5px}.stepper{display:flex;align-items:center;border:1px solid #e4d4de;border-radius:8px;overflow:hidden;width:max-content}.stepper button{width:34px;height:35px;color:#834762;background:#f9f3f6}.stepper span{width:32px;text-align:center;font-size:14px}.fields{display:grid;gap:18px}.fields label{display:grid;gap:7px;font-size:14px;font-weight:600}.fields .row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields small{font-weight:400;color:#917c88}.notice{background:#f8edf3;color:#85536f;border:1px solid #ead3de;border-radius:10px;padding:13px 16px;font-size:14px;margin-bottom:20px}.pill{display:inline-block;border-radius:6px;padding:4px 8px;background:#f1e6ed;color:#87526f;font-size:12px;white-space:nowrap}.pill.selesai{background:#e7f3ea;color:#42754b}.pill.dibatalkan{background:#fae7ea;color:#a64a5b}.pill.dikirim{background:#e9eef9;color:#526e99}.order-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.order-item{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:9px 0}.order-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e9dfe4}.actions{display:flex;flex-wrap:wrap;gap:8px}.order-address{font-size:13px;color:#957e8c;white-space:pre-line}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tabs a{padding:10px 16px;border-radius:9px;font-size:14px;background:#fff;border:1px solid #e5d5df}.tabs a.active{background:#805069;color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid #e8dce3;border-radius:14px;padding:23px}.stat small{display:block;color:#957b8b;font-size:13px}.stat strong{display:block;font-size:28px;letter-spacing:-1px;margin-top:9px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:14px;min-width:650px}.table th{text-align:left;font-size:12px;letter-spacing:.5px;color:#99818e;background:#fbf7f9;padding:14px}.table td{padding:15px 14px;border-bottom:1px solid #eee4ea;vertical-align:middle}.table .thumb{width:42px;height:42px;object-fit:cover;border-radius:7px}.product-cell{display:flex;align-items:center;gap:12px}.chat-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.threads button{display:block;width:100%;text-align:left;padding:15px;border:1px solid #eadce4;border-radius:10px;background:white;color:#765168;margin-bottom:10px}.threads button.active{background:#f0e1e9}.conversation{height:350px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:15px;background:#faf7f9;border-radius:12px;margin-bottom:18px}.bubble{max-width:85%;align-self:flex-start;border:1px solid #e4d2df;border-radius:12px 12px 12px 0;background:white;padding:12px 16px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#86516d;color:white;border:0;border-radius:12px 12px 0 12px}.bubble small{display:block;font-size:10px;margin-top:5px;opacity:.7}.chat-compose{display:flex;gap:10px}.chat-compose input{flex:1;min-width:0}.loading{padding:80px;text-align:center;color:#946b80}dialog{border:1px solid #e7d6e1;border-radius:20px;max-width:min(740px,calc(100% - 32px));width:470px;max-height:90dvh;padding:35px;color:#3c2b37;box-shadow:0 30px 90px #482b4440}dialog.wide{width:740px}dialog::backdrop{background:#37243280;backdrop-filter:blur(4px)}dialog h2{font-size:25px;letter-spacing:-.5px;margin:0 30px 10px 0}.modal-close{position:absolute;right:10px;top:10px;font-size:25px}dialog .muted{margin-bottom:22px}.modal-product{display:grid;grid-template-columns:1fr 1fr;gap:25px}.modal-product img{width:100%;border-radius:12px;aspect-ratio:1;object-fit:cover}.modal-product .description{font-size:14px;line-height:1.8;color:#947a8b;white-space:pre-line;overflow-wrap:anywhere}.modal-product .price{font-size:26px;margin:15px 0}.form-error{font-size:14px;color:#a33252;background:#fff0f3;border-radius:8px;padding:10px;margin-top:12px}.form-error:empty{display:none}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#563549;color:white;padding:13px 22px;border-radius:12px;font-size:14px;z-index:100;box-shadow:0 8px 30px #2b17263b;opacity:0;pointer-events:none;transition:.2s;width:max-content;max-width:calc(100% - 30px)}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.help-grid p{color:#8d7283;font-size:14px}.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.checkline{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:400!important}.checkline input{flex-shrink:0;margin-top:3px}.tiny{font-size:12px;color:#997d8d}.login-required{max-width:600px;margin:40px auto}.profile-list{display:flex;flex-wrap:wrap;gap:12px;margin-block:22px}.order-item span{overflow-wrap:anywhere}#main h1,#main h2,#main h3{overflow-wrap:anywhere}.error-panel{border-color:#d68ca8}.auth-switch{text-align:center;font-size:14px;margin-top:22px}.auth-switch button{background:none;color:#8a4968;font-weight:700}.hero-main .btn{background:#82516c}.hero-side .btn:hover{background:#f1dce8}
@media(min-width:1600px){.wrap{width:min(1450px,calc(100% - 120px))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-main{min-height:345px}.hero h1{font-size:48px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-main{gap:16px}.brand{font-size:23px}.nav-main{gap:22px}.nav-note{display:none}.hero-main{padding:30px}.hero h1{font-size:36px}.hero-side{padding:27px}.product-grid{gap:16px}.product-info{padding:13px}.two-col{grid-template-columns:1fr 300px}.account-name{max-width:90px}#account{padding-left:15px}.benefit small{display:none}}
@media(max-width:800px){.header-main{flex-wrap:wrap;padding-block:18px;gap:12px}.header-main form{order:4;flex-basis:100%}.brand{margin-right:auto}#account{border:0;padding-left:0}.nav-main{overflow:auto;white-space:nowrap;gap:22px;padding-bottom:13px}.hero{grid-template-columns:1fr}.hero-side{min-height:160px;padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.hero-side h2{max-width:none;font-size:25px;margin:8px 0}.hero-side p{display:none}.hero-side .btn{align-self:center}.hero-main{min-height:310px}.hero-copy{max-width:57%}.hero h1{font-size:42px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.summary{position:static}.chat-layout{grid-template-columns:220px 1fr}.benefits{gap:10px;margin-top:17px}.benefit{gap:7px}.benefit strong{font-size:11px}.benefit>span{width:33px;height:33px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:24px}footer div{margin-left:0}.help-grid{grid-template-columns:1fr}}
@media(max-width:540px){body{padding-bottom:67px}.wrap{width:calc(100% - 32px)}.topbar .wrap{justify-content:center;font-size:11px}.topbar .wrap>div{display:none}.brand{font-size:23px}.brand-mark{width:33px;height:33px;border-radius:10px;font-size:27px}.header-main{padding-block:15px;gap:8px}#account .btn{padding:9px 11px;min-height:38px;font-size:12px}.header-main form{margin-top:6px}.nav-main{font-size:12px;gap:22px}.nav-main a:nth-child(2),.nav-main a:nth-child(3){display:none}.account-name{max-width:75px;font-size:12px}main{padding-top:20px}.hero-main{padding:26px 23px;min-height:280px;border-radius:15px}.hero-copy{max-width:65%}.hero h1{font-size:34px;letter-spacing:-1.3px}.hero p{font-size:12px;max-width:180px;margin-bottom:20px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.hero-image{width:38%;height:78%;right:-1%;bottom:-5%;border-width:5px;opacity:.92}.hero-main .btn{font-size:12px;padding:10px 13px}.hero-side{min-height:135px;padding:20px;border-radius:14px}.hero-side h2{font-size:22px;max-width:195px}.hero-side .btn{padding:9px 12px;font-size:12px}.hero{gap:13px}.benefits{grid-template-columns:1fr 1fr;margin-bottom:24px;padding-bottom:20px;row-gap:15px}.benefit{justify-content:flex-start}.benefit strong{font-size:12px}.benefit small{display:block;font-size:10px}.section-top h2{font-size:21px}.section-top p{font-size:12px}.text-link{font-size:12px}.categories{gap:8px;margin-bottom:22px}.category{padding:10px 13px;font-size:12px;min-height:42px;border-radius:9px}.catalog-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.catalog-toolbar label{margin-left:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{aspect-ratio:1}.product-info{padding:12px}.product-info h3{font-size:13px;min-height:38px}.product-info small{font-size:9px;letter-spacing:.5px}.price{font-size:16px}.product-info .shop{font-size:10px;gap:2px;margin-top:11px}.shop .icon{width:12px}.photo-wrap .pill{font-size:9px;left:8px;top:8px}.wish{width:29px;height:29px;min-height:29px;top:8px;right:8px}.wish .icon{width:17px}.wide-banner{padding:21px;display:block;margin-top:25px}.wide-banner h3{font-size:19px}.wide-banner p{font-size:13px;margin-bottom:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffdfef5;backdrop-filter:blur(8px);border-top:1px solid #ebdce6;z-index:20;justify-content:space-around;padding:10px 8px calc(8px + env(safe-area-inset-bottom))}.mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:10px;color:#a28597;min-width:48px}.mobile-nav a.active{color:#7c4362;font-weight:700}.mobile-nav .icon{width:21px;height:21px}footer{gap:3px;margin-top:32px!important;padding-block:25px;display:block}footer p{margin-block:8px 16px}footer div{flex-wrap:wrap;gap:10px 16px;font-size:11px}.page-heading h1{font-size:25px}.page-heading{align-items:flex-start}.panel{padding:18px}.cart-row{grid-template-columns:63px 1fr;gap:12px}.cart-row img{width:63px;height:72px}.cart-row>div:last-child{grid-column:2}.cart-row h3{font-size:14px}.order-head,.order-bottom{flex-wrap:wrap}.order-head{font-size:14px}.order-bottom .actions{width:100%}.stats{grid-template-columns:1fr}.stat{display:flex;justify-content:space-between;align-items:center}.stat strong{margin:0}.chat-layout{grid-template-columns:1fr}.threads{display:flex;overflow:auto;gap:9px}.threads button{width:auto;min-width:150px;white-space:nowrap}.conversation{height:320px}.chat-compose{gap:7px}.chat-compose .btn{padding:10px 13px}.fields .row{grid-template-columns:1fr}dialog{padding:28px 23px;max-width:calc(100% - 24px)}.modal-product{grid-template-columns:1fr}.modal-product img{max-height:240px}.modal-product h2{margin-top:0;font-size:22px}#toast{bottom:85px}.tabs{gap:6px}.tabs a{padding:8px 12px;font-size:13px}.loading{padding:55px 15px}.hero-main:after{right:-120px}.summary dl{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}

/* =========================================================
   cikgutikadewi CMS v3 — Public Marketplace + Admin/Seller Panel
   ========================================================= */
:root{
  --nm-primary:#7b415d;
  --nm-primary-dark:#5d2f45;
  --nm-primary-soft:#f5e9ef;
  --nm-ink:#2b2430;
  --nm-muted:#806e79;
  --nm-line:#eadfe5;
  --nm-bg:#f6f3f5;
  --nm-card:#fff;
  --nm-green:#158466;
  --nm-amber:#b87712;
  --nm-red:#b53b50;
  --nm-shadow:0 12px 34px rgba(72,43,60,.08);
}
body{background:linear-gradient(180deg,#fff 0,#faf7f9 240px,#f4f1f3 100%)}
header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;box-shadow:0 5px 22px rgba(65,40,55,.05)}
.topbar{background:linear-gradient(90deg,#6b354f,#8f4c6b 55%,#a86281);color:#fff}
.topbar a{color:#fff}.topbar .wrap{min-height:32px}
.header-main{min-height:76px}.nav-main{border-top:1px solid #f0e6eb}.nav-main a{font-weight:600}.nav-main a.active{color:var(--nm-primary)}
#main{min-height:560px}
.market-hero{display:grid;grid-template-columns:1.55fr .65fr;gap:16px;margin:24px 0 18px}
.market-hero-main{min-height:345px;border-radius:24px;background:linear-gradient(135deg,#67354e 0,#8b4a68 52%,#c57b98 100%);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;color:#fff;position:relative}
.market-hero-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.18),transparent 25%),radial-gradient(circle at 15% 90%,rgba(255,255,255,.08),transparent 28%)}
.market-hero-copy{padding:42px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.market-hero-copy h1{font-size:44px;line-height:1.06;letter-spacing:-1.6px;margin:10px 0 14px}.market-hero-copy p{max-width:560px;line-height:1.65;color:#f7ebf1}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:11px;color:#f7dfe9}.hero-product-art{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:24px}.hero-product-art img{width:82%;max-height:270px;object-fit:cover;aspect-ratio:1/1;border-radius:50% 50% 24px 24px;border:7px solid rgba(255,255,255,.18);box-shadow:0 20px 40px rgba(55,25,42,.25)}.hero-float-card{position:absolute;right:18px;bottom:24px;background:#fff;color:#4a3140;padding:12px 14px;border-radius:13px;box-shadow:0 14px 35px rgba(45,24,37,.18)}.hero-float-card b,.hero-float-card span{display:block}.hero-float-card b{font-size:10px;color:#9a7186}.hero-float-card span{font-size:16px;font-weight:800;margin-top:2px}
.market-hero-side{display:grid;gap:16px}.side-promo{border-radius:22px;padding:25px;display:flex;flex-direction:column;justify-content:end;min-height:164px;border:1px solid var(--nm-line);box-shadow:var(--nm-shadow)}.side-promo small{font-weight:800;letter-spacing:1.3px}.side-promo b{font-size:20px;line-height:1.25;margin:8px 0 12px}.side-promo a{font-size:12px;font-weight:800}.side-promo.berry{background:linear-gradient(135deg,#f5e6ed,#fff);color:#6c3550}.side-promo.cream{background:linear-gradient(135deg,#fff5e9,#fff);color:#715032}
.market-shortcuts{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;background:#fff;border:1px solid var(--nm-line);border-radius:18px;padding:14px;margin-bottom:18px;box-shadow:var(--nm-shadow)}.market-shortcuts a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 6px;border-radius:13px;transition:.2s}.market-shortcuts a:hover{background:#fbf6f8;transform:translateY(-2px)}.market-shortcuts span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f7edf2;font-size:20px}.market-shortcuts b{font-size:11px}
.promo-strip,.market-section.white-panel{background:#fff;border:1px solid var(--nm-line);border-radius:18px;padding:20px;margin:18px 0;box-shadow:var(--nm-shadow)}.promo-ticket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.promo-ticket{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px dashed #d8b7c7;border-radius:14px;padding:13px;background:linear-gradient(135deg,#fff,#fff8fb)}.promo-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#874761;color:#fff;font-weight:900}.promo-ticket strong,.promo-ticket small{display:block}.promo-ticket small{font-size:10px;color:#977f8c}.promo-value{font-size:11px;font-weight:800;color:#84445f}
.market-section{margin:28px 0}.category-cms-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:14px 0 28px}.category-cms{border:1px solid var(--nm-line);background:#fff;border-radius:14px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#66505e;min-height:92px}.category-cms span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f7eef2}.category-cms .icon{width:19px}.category-cms b{font-size:11px}.category-cms.active{border-color:#a36482;background:#fff8fb;color:#78405a;box-shadow:0 8px 22px rgba(126,67,94,.08)}.compact-products{grid-template-columns:repeat(6,minmax(0,1fr))}.cms-banner{background:linear-gradient(110deg,#5d3047,#7c415e 55%,#9b5b77);color:#fff;border:0}.cms-banner p{color:#f0dfe7}.cms-banner .eyebrow{color:#f8cadc}

/* CMS panel */
.cms-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:22px;margin:22px 0 42px;align-items:start}.cms-sidebar{position:sticky;top:118px;background:#fff;border:1px solid var(--nm-line);border-radius:18px;padding:12px;box-shadow:var(--nm-shadow);max-height:calc(100vh - 140px);overflow:auto}.cms-side-brand{display:flex;align-items:center;gap:11px;padding:11px 10px 16px;border-bottom:1px solid #f0e6eb;margin-bottom:8px}.cms-side-brand>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6d374f,#9a5874);color:#fff;font-weight:900}.seller-side .cms-side-brand>span{background:linear-gradient(135deg,#1d755d,#32a77f)}.cms-side-brand b,.cms-side-brand small{display:block}.cms-side-brand b{font-size:14px}.cms-side-brand small{font-size:10px;color:#9a8591;margin-top:2px}.cms-menu-group{padding:8px 0}.cms-menu-group>small{display:block;padding:6px 10px;color:#a38f9b;font-size:9px;letter-spacing:1.1px;font-weight:800}.cms-menu-group a{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-radius:10px;font-size:12px;color:#66535f;margin:1px 0}.cms-menu-group a:hover{background:#faf3f7;color:#783e58}.cms-menu-group a.active{background:linear-gradient(90deg,#f7e9f0,#fff);color:#71394f;font-weight:800;border-left:3px solid #8a4865}.cms-content{min-width:0}.cms-page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid var(--nm-line);border-radius:18px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--nm-shadow)}.cms-page-head h1{margin:4px 0;font-size:28px;letter-spacing:-.7px}.cms-page-head p{margin:0;color:var(--nm-muted);font-size:13px}.cms-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.cms-stats>div{background:#fff;border:1px solid var(--nm-line);border-radius:16px;padding:18px;box-shadow:var(--nm-shadow)}.cms-stats span,.cms-stats small{display:block}.cms-stats span{font-size:11px;color:#8b7582}.cms-stats strong{display:block;font-size:24px;letter-spacing:-.5px;margin:7px 0 4px}.cms-stats small{font-size:10px;color:#ae98a4}.cms-grid-2{display:grid;grid-template-columns:1.45fr .75fr;gap:16px}.task-list{display:grid;gap:10px}.task-list a{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #eee3e8;border-radius:12px;background:#fdfafb}.task-list b{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#f4e7ed;color:#7d405b}.task-list span{font-size:12px}.seller-admin-grid,.cms-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seller-admin-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.seller-admin-card h3,.seller-admin-card p{margin:0}.seller-admin-card p{font-size:11px;color:#9b8491;margin:4px 0 7px}.seller-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#74405a,#a86281);color:#fff;font-size:19px;font-weight:800}.seller-avatar.big{width:72px;height:72px;border-radius:19px;font-size:28px}.content-card img{width:100%;height:140px;object-fit:cover;border-radius:12px}.content-card h3{margin:12px 0 5px}.content-card p{font-size:12px;color:#8a7480}.shipping-admin-card{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.shipping-admin-card h3,.shipping-admin-card p{margin:0}.shipping-admin-card strong{grid-column:2}.shipping-admin-card button{grid-column:1/-1}.shipping-icon{grid-row:1/4;width:46px;height:46px;border-radius:13px;background:#f6eaf0;display:grid;place-items:center}.category-management{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-management .panel{display:flex;align-items:center;gap:10px}.category-management .icon{width:20px}.category-management b{font-size:12px}.category-management small{margin-left:auto;color:#9b8792}.cms-settings{max-width:900px}.seller-profile-card{display:flex;align-items:center;gap:16px}.big-money{font-size:32px;color:#75405a}

@media(max-width:1180px){.compact-products{grid-template-columns:repeat(4,minmax(0,1fr))}.market-shortcuts{grid-template-columns:repeat(4,1fr)}.promo-ticket-grid{grid-template-columns:repeat(2,1fr)}.category-cms-grid{grid-template-columns:repeat(4,1fr)}.cms-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.market-hero{grid-template-columns:1fr}.market-hero-side{grid-template-columns:1fr 1fr}.market-hero-main{grid-template-columns:1fr}.hero-product-art{display:none}.market-hero-copy h1{font-size:38px}.cms-layout{grid-template-columns:1fr}.cms-sidebar{position:static;max-height:none}.cms-menu-group{display:inline-block;vertical-align:top;width:32%;min-width:190px}.cms-grid-2{grid-template-columns:1fr}.seller-admin-grid,.cms-card-grid{grid-template-columns:1fr}}
@media(max-width:620px){.market-hero-copy{padding:28px 22px}.market-hero-copy h1{font-size:31px}.market-hero-side{grid-template-columns:1fr}.market-shortcuts{grid-template-columns:repeat(4,1fr);padding:10px}.market-shortcuts b{font-size:9px}.promo-ticket-grid{grid-template-columns:1fr}.category-cms-grid{grid-template-columns:repeat(3,1fr)}.compact-products{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-page-head{align-items:flex-start;flex-direction:column;padding:18px}.cms-page-head h1{font-size:23px}.cms-stats{grid-template-columns:1fr 1fr}.cms-stats strong{font-size:19px}.cms-menu-group{display:block;width:100%}.category-management{grid-template-columns:1fr}.seller-admin-card{grid-template-columns:auto 1fr}.seller-admin-card button{grid-column:1/-1}.cms-layout{margin-top:10px}}

/* ============================================================
   cikgutikadewi CMS v3 — Purple Premium Marketplace Theme
   ============================================================ */
:root{--ctd-primary:#6d28d9;--ctd-primary2:#8b5cf6;--ctd-plum:#4c1d95;--ctd-soft:#f5f0ff;--ctd-line:#e6dcf7;--ctd-ink:#28203b;--ctd-muted:#786c8d;--ctd-shadow:0 14px 38px rgba(76,29,149,.09)}
body{background:radial-gradient(circle at 12% 4%,rgba(139,92,246,.08),transparent 24%),linear-gradient(180deg,#fff 0,#faf8ff 280px,#f5f3f9 100%);color:var(--ctd-ink)}
.topbar{background:linear-gradient(90deg,#4c1d95,#6d28d9 48%,#9333ea);color:#f5ecff}
header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 7px 24px rgba(76,29,149,.045);position:sticky;top:0;z-index:40}
.brand{color:#5b21b6;letter-spacing:-1px}.brand>span:not(.brand-mark){color:#9333ea;font-weight:700}.brand-mark{background:linear-gradient(135deg,#4c1d95,#7c3aed 58%,#c084fc);box-shadow:0 9px 22px rgba(109,40,217,.22)}
.header-main form{background:#faf8ff;border-color:#e5dcf3}.header-main form button,.btn{background:linear-gradient(135deg,#5b21b6,#7c3aed 58%,#9f67ef)}.btn:hover{background:linear-gradient(135deg,#4c1d95,#6d28d9)}.btn.secondary{background:#fff;color:#6d28d9;border-color:#d9c9f1}.btn.soft{background:#f1e9ff;color:#6d28d9}
.nav-main a:hover,.nav-main a.active{color:#7c3aed}.eyebrow{color:#7c3aed}.icon-button{color:#685b7c}.cart-link b{background:#7c3aed}
.market-hero-main{background:radial-gradient(circle at 78% 12%,rgba(233,213,255,.28),transparent 22%),linear-gradient(135deg,#32145b 0,#5b21b6 45%,#7c3aed 74%,#a855f7 100%);box-shadow:0 24px 55px rgba(76,29,149,.16)}
.market-hero-main:before{background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.20),transparent 24%),linear-gradient(45deg,transparent 47%,rgba(255,255,255,.035) 48%,rgba(255,255,255,.035) 52%,transparent 53%);background-size:auto,74px 74px}
.market-hero-copy .eyebrow{color:#eadcff}.hero-trust{color:#eedfff}.hero-float-card{color:#42275e}.hero-float-card span{color:#6d28d9}
.side-promo.berry{background:linear-gradient(135deg,#efe7ff,#fff);color:#5b21b6}.side-promo.cream{background:linear-gradient(135deg,#fff1f8,#fff);color:#7e305d}
.market-shortcuts,.promo-strip,.market-section.white-panel,.panel,.cms-page-head,.cms-stats>div,.cms-sidebar{border-color:var(--ctd-line);box-shadow:var(--ctd-shadow)}.market-shortcuts span,.category-cms span{background:#f1eaff}.market-shortcuts a:hover{background:#f8f4ff}
.promo-ticket{border-color:#cdb7ee;background:linear-gradient(135deg,#fff,#faf6ff)}.promo-icon{background:linear-gradient(135deg,#5b21b6,#8b5cf6)}.promo-value{color:#6d28d9}.category-cms.active{border-color:#a78bda;background:#fbf9ff;color:#5b21b6}
.cms-banner{background:linear-gradient(110deg,#35165d,#5b21b6 52%,#8b5cf6)}.cms-sidebar{background:linear-gradient(180deg,#fff,#fcfbff)}.cms-side-brand>span{background:linear-gradient(135deg,#4c1d95,#7c3aed 58%,#c084fc)}.cms-menu-group a:hover{background:#f5efff;color:#5b21b6}.cms-menu-group a.active{background:linear-gradient(90deg,#eee6ff,#fff);color:#5b21b6;border-left-color:#7c3aed}.task-list b{background:#efe7ff;color:#6d28d9}.seller-avatar{background:linear-gradient(135deg,#5b21b6,#9f67ef)}.shipping-icon{background:#f1e9ff}.big-money{color:#6d28d9}
.product-card{border-color:#ebe5f3;box-shadow:0 5px 18px rgba(64,42,90,.035)}.product-card:hover{border-color:#cbb8e8;box-shadow:0 18px 36px rgba(76,29,149,.11)}
footer{border-top-color:#e5dcf3}.mobile-nav{border-top-color:#e3d8f1}

/* =========================================================
   cikgutikadewi MARKETPLACE CMS V5
   Orange × Purple Gradient + Batik Identity
   ========================================================= */
:root{
  --v5-orange:#ff6a2f;
  --v5-orange2:#ff8a3d;
  --v5-purple:#7c3aed;
  --v5-purple2:#a855f7;
  --v5-plum:#5b21b6;
  --v5-soft:#f7f3ff;
  --v5-line:#e8e0f2;
}
body{
  background:
    radial-gradient(circle at 10% 8%,rgba(168,85,247,.08),transparent 22%),
    radial-gradient(circle at 88% 12%,rgba(255,106,47,.07),transparent 18%),
    linear-gradient(180deg,#fff 0,#faf8fd 34%,#f5f2f8 100%);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.15;
  background:
    radial-gradient(circle at 12px 12px,rgba(124,58,237,.12) 2px,transparent 2.5px) 0 0/76px 76px,
    linear-gradient(45deg,transparent 44%,rgba(255,106,47,.04) 45%,rgba(255,106,47,.04) 55%,transparent 56%) 0 0/92px 92px,
    linear-gradient(-45deg,transparent 44%,rgba(124,58,237,.04) 45%,rgba(124,58,237,.04) 55%,transparent 56%) 0 0/92px 92px;
}
.topbar{
  color:#fff;background:linear-gradient(90deg,#5b21b6 0,#7c3aed 42%,#ff6a2f 100%);
  position:relative;overflow:hidden;
}
.topbar:after,header:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background:
    radial-gradient(circle at 13px 13px,rgba(255,255,255,.4) 2px,transparent 2.5px) 0 0/70px 70px,
    linear-gradient(45deg,transparent 44%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.12) 55%,transparent 56%) 0 0/86px 86px,
    linear-gradient(-45deg,transparent 44%,rgba(255,255,255,.09) 45%,rgba(255,255,255,.09) 55%,transparent 56%) 0 0/86px 86px;
}
.topbar .wrap,.topbar a{position:relative;z-index:2;color:#fff}
header{
  position:relative;background:linear-gradient(120deg,#6d28d9 0%,#7c3aed 46%,#ff6a2f 100%);
  border-bottom:0;box-shadow:0 10px 30px rgba(91,33,182,.17);overflow:hidden;
}
.header-main,.nav-main{position:relative;z-index:2}
.brand{color:#fff}.brand>span:not(.brand-mark){color:#ffe8de}.brand-mark{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.header-main form{background:#fff;border:0;box-shadow:0 10px 24px rgba(45,20,70,.13)}
.header-main form button{background:linear-gradient(135deg,#ff6a2f,#ff8744);color:#fff}
.header-main .icon-button,.nav-main,.nav-main a,.nav-note,#account{color:#fff}
#account{border-left-color:rgba(255,255,255,.25)}
.nav-main a:hover,.nav-main a.active{color:#ffe0cf}
.nav-note{color:rgba(255,255,255,.8)}
.cart-link b{background:#fff;color:#7c3aed}
.btn{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 7px 18px rgba(124,58,237,.13)}
.btn:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}
.btn.secondary{background:#fff;color:#7c3aed;border-color:#d9c7f4;box-shadow:none}
.btn.soft{background:#f2eaff;color:#6d28d9}
.text-link,.eyebrow{color:#7c3aed}
.market-hero-main,.hero-main{
  background:
    radial-gradient(circle at 78% 20%,rgba(255,255,255,.16),transparent 20%),
    linear-gradient(135deg,#5b21b6 0,#7c3aed 48%,#ff6a2f 100%)!important;
  color:#fff;
  position:relative;
}
.market-hero-main:before,.hero-main:before{
  content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;
  background:
    radial-gradient(circle at 14px 14px,rgba(255,255,255,.34) 2px,transparent 2.4px) 0 0/72px 72px,
    linear-gradient(45deg,transparent 44%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.08) 55%,transparent 56%) 0 0/88px 88px;
}
.market-hero-copy,.hero-copy,.hero-product-art{position:relative;z-index:2}
.market-hero-main h1,.market-hero-main p,.market-hero-main .eyebrow,.hero-main h1,.hero-main p{color:#fff!important}
.market-hero-side .side-promo.berry{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.market-hero-side .side-promo.cream{background:linear-gradient(135deg,#fff0e8,#f7eaff);color:#5b21b6}
.market-shortcuts a{background:#fff;border:1px solid #eadff6;border-radius:14px;box-shadow:0 6px 16px rgba(91,33,182,.04)}
.market-shortcuts a span{background:linear-gradient(135deg,#f4e8ff,#fff0e8)}
.promo-ticket{border-color:#e3d5f4;background:linear-gradient(135deg,#fff,#fbf7ff)}
.category.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:transparent}
.product-card{border-color:#e7dff0;box-shadow:0 6px 18px rgba(72,39,95,.04)}
.product-card:hover{box-shadow:0 14px 34px rgba(91,33,182,.12)}
.product-info small,.product-price,.price,.big-money{color:#7c3aed!important}
.cms-shell{background:#f5f3f7!important}
.cms-sidebar{background:#fff;border:1px solid #e5def0;box-shadow:0 10px 30px rgba(70,39,96,.07)}
.cms-side-brand{background:linear-gradient(135deg,#5b21b6,#7c3aed 55%,#ff6a2f);color:#fff;border-radius:16px;margin:8px;padding:14px}
.cms-side-brand span{background:rgba(255,255,255,.18)!important;color:#fff!important}
.cms-side-brand small{color:rgba(255,255,255,.78)!important}
.cms-menu-group{border:0;margin:0 6px 4px;padding:0}
.cms-menu-group summary{list-style:none;cursor:pointer;padding:12px 12px 8px;color:#8a7a91;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cms-menu-group summary::-webkit-details-marker{display:none}
.cms-menu-group summary:after{content:'⌃';float:right;color:#b5a8bb}
.cms-menu-group:not([open]) summary:after{content:'⌄'}
.cms-menu-group>a,.cms-menu-group a{border-radius:10px}
.cms-menu-group a.active{background:linear-gradient(90deg,#f2eaff,#fff1e9);color:#6d28d9;font-weight:700;border-left:3px solid #ff6a2f}
.cms-page-head,.panel{border-color:#e5def0;box-shadow:0 8px 25px rgba(70,39,96,.05)}
.stat-card,.metric-card{border-color:#e7dff0;background:linear-gradient(180deg,#fff,#fdfbff)}
.order-card{border-color:#e6dff0}
.mobile-nav a.active,.mobile-nav a:hover{color:#7c3aed}
.market-footer{margin-top:64px;background:#fff;border-top:1px solid #e8e1ee;color:#5d5362;padding:42px 0 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1.25fr 1fr 1fr;gap:34px}
.footer-grid section{display:flex;flex-direction:column;gap:9px;min-width:0}
.footer-grid h3{font-size:13px;color:#2f2732;margin:0 0 8px}
.footer-grid a,.footer-grid span{font-size:12px;color:#756c79}
.footer-grid a:hover{color:#7c3aed}
.footer-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.footer-badges span{border:1px solid #e3dbea;background:#fff;padding:6px 8px;border-radius:7px;font-size:9px;font-weight:800;color:#6d28d9}
.qr-placeholder{width:72px;height:72px;display:grid;place-items:center;background:linear-gradient(135deg,#f4eaff,#fff0e8);border:1px solid #e2d6ef;border-radius:10px;color:#6d28d9;font-weight:800;font-size:26px}.qr-placeholder small{font-size:9px}.app-badges{display:grid;gap:7px;margin-top:10px}.app-badges span,.security-seal{padding:7px 9px;border:1px solid #e4dce9;border-radius:7px;background:#fff;display:inline-block}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:26px 0;margin-top:32px;border-top:1px solid #ece6ef;font-size:12px;color:#84798a}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(2,1fr)}.cms-sidebar{position:static!important}}
@media(max-width:650px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.topbar .wrap>span{display:none}.header-main{padding-block:14px}.brand{font-size:22px}.nav-main{display:none}}


/* =========================================================
   cikgutikadewi MARKETPLACE CMS V5.1
   Elegant Batik Theme (No orange-purple emphasis)
   ========================================================= */
:root{
  --elegant-bg:#f6f1eb;
  --elegant-bg-2:#efe6dc;
  --elegant-panel:#ffffff;
  --elegant-panel-2:#fcfaf7;
  --elegant-line:#e6ddd2;
  --elegant-ink:#352b2d;
  --elegant-muted:#7a6c6f;
  --elegant-plum:#6a4057;
  --elegant-plum-2:#8a5c73;
  --elegant-gold:#c49b62;
  --elegant-gold-2:#e2c18f;
  --elegant-shadow:0 14px 34px rgba(69,41,56,.08);
}
body{
  background:
    radial-gradient(circle at 10% 8%,rgba(196,155,98,.09),transparent 24%),
    radial-gradient(circle at 88% 14%,rgba(106,64,87,.08),transparent 24%),
    linear-gradient(180deg,#fbf8f4 0,#f4ede6 50%,#efe6dd 100%) !important;
  color:var(--elegant-ink);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
  background:
    radial-gradient(circle at 12px 12px,rgba(106,64,87,.11) 2px,transparent 2.7px) 0 0/82px 82px,
    radial-gradient(circle at 42px 28px,rgba(196,155,98,.10) 2px,transparent 2.5px) 0 0/82px 82px,
    linear-gradient(45deg,transparent 43%,rgba(106,64,87,.04) 44%,rgba(106,64,87,.04) 56%,transparent 57%) 0 0/96px 96px,
    linear-gradient(-45deg,transparent 43%,rgba(196,155,98,.04) 44%,rgba(196,155,98,.04) 56%,transparent 57%) 0 0/96px 96px;
}
.topbar{
  background:linear-gradient(90deg,#5e394c 0,#74485d 58%,#9b7653 100%) !important;
  color:#fff !important;
}
header{
  background:linear-gradient(120deg,#fdfbf9 0%,#f8f2ec 56%,#f4ebe1 100%) !important;
  border-bottom:1px solid var(--elegant-line) !important;
  box-shadow:0 10px 30px rgba(69,41,56,.06) !important;
}
header:before{opacity:.08 !important}
.brand{color:var(--elegant-plum) !important}
.brand>span:not(.brand-mark){color:var(--elegant-plum) !important}
.brand-mark{
  background:linear-gradient(135deg,var(--elegant-plum),var(--elegant-plum-2),var(--elegant-gold)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  box-shadow:0 10px 24px rgba(106,64,87,.16) !important;
}
.header-main form{
  background:#fff !important;
  border:1px solid var(--elegant-line) !important;
  box-shadow:0 10px 22px rgba(69,41,56,.05) !important;
}
.header-main form button,
.btn{
  background:linear-gradient(135deg,var(--elegant-plum),var(--elegant-plum-2)) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(106,64,87,.14) !important;
}
.btn:hover{background:linear-gradient(135deg,#5e394c,#74485d) !important}
.btn.secondary{
  background:#fff !important;
  color:var(--elegant-plum) !important;
  border-color:#d9ccc0 !important;
  box-shadow:none !important;
}
.btn.soft{background:#f2e9df !important;color:var(--elegant-plum) !important}
.header-main .icon-button,.nav-main,.nav-main a,.nav-note,#account{color:var(--elegant-ink) !important}
#account{border-left-color:#e4d9cf !important}
.nav-main a:hover,.nav-main a.active,.text-link,.eyebrow{color:var(--elegant-plum) !important}
.nav-note{color:var(--elegant-muted) !important}
.cart-link b{background:var(--elegant-gold) !important;color:#fff !important}
.market-hero-main,.hero-main{
  background:
    radial-gradient(circle at 80% 18%,rgba(255,255,255,.17),transparent 20%),
    linear-gradient(135deg,#5d384b 0,#7b5565 55%,#b38a5e 100%) !important;
  position:relative;
}
.market-hero-main:before,.hero-main:before{
  content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;
  background:
    radial-gradient(circle at 14px 14px,rgba(255,255,255,.32) 2px,transparent 2.5px) 0 0/78px 78px,
    linear-gradient(45deg,transparent 43%,rgba(255,255,255,.07) 44%,rgba(255,255,255,.07) 56%,transparent 57%) 0 0/90px 90px,
    linear-gradient(-45deg,transparent 43%,rgba(255,255,255,.05) 44%,rgba(255,255,255,.05) 56%,transparent 57%) 0 0/90px 90px;
}
.market-hero-main h1,.market-hero-main p,.market-hero-main .eyebrow,.hero-main h1,.hero-main p{color:#fff !important}
.market-hero-side .side-promo.berry{background:linear-gradient(135deg,#f5eee8,#fff) !important;color:var(--elegant-plum) !important}
.market-hero-side .side-promo.cream{background:linear-gradient(135deg,#f8f3ec,#fff) !important;color:#7a5b45 !important}
.market-shortcuts,.promo-strip,.market-section.white-panel,.panel,.cms-page-head,.cms-stats>div,.cms-sidebar,.product-card,.order-card,.wide-banner,.cms-banner,.hero-side,.categories .category,.category-cms,.auth-card,.checkout-box,.stat-card,.metric-card{
  background:var(--elegant-panel) !important;
  border:1px solid var(--elegant-line) !important;
  box-shadow:var(--elegant-shadow) !important;
  opacity:1 !important;
}
.market-shortcuts a,
.category,
.category-cms,
.promo-ticket,
.quick-link,
.shipping-card,
.chat-list-item,
.order-item,
.account-card,
.metric-card,
.stat-card,
.task-list li,
.help-card,
.table-card{
  background:var(--elegant-panel) !important;
  border:1px solid var(--elegant-line) !important;
  box-shadow:0 8px 22px rgba(69,41,56,.05);
}
.market-shortcuts a:hover,.product-card:hover,.category:hover,.category-cms:hover{transform:translateY(-2px)}
.market-shortcuts a span,.category-cms span,.shipping-icon,.task-list b,.promo-icon,.seller-avatar{
  background:linear-gradient(135deg,#f6ede4,#efe1d2) !important;
  color:var(--elegant-plum) !important;
}
.promo-ticket{background:linear-gradient(135deg,#fff,#fbf7f3) !important}
.promo-value,.price,.product-price,.big-money{color:var(--elegant-plum) !important}
.category.active,.category-cms.active{
  background:linear-gradient(135deg,var(--elegant-plum),var(--elegant-plum-2)) !important;
  color:#fff !important;
  border-color:transparent !important;
}
.cms-shell{background:transparent !important}
.cms-sidebar{
  background:linear-gradient(180deg,#fff,#fcfaf7) !important;
  border:1px solid var(--elegant-line) !important;
}
.cms-side-brand{
  background:linear-gradient(135deg,#5d384b,#7b5565 58%,#b38a5e) !important;
  color:#fff !important;
  border-radius:18px;
  margin:8px;
  padding:14px;
}
.cms-side-brand span{background:rgba(255,255,255,.18) !important;color:#fff !important}
.cms-side-brand small{color:rgba(255,255,255,.82) !important}
.cms-menu-group summary{color:#7d6d72 !important}
.cms-menu-group a:hover{background:#f8f3ee !important;color:var(--elegant-plum) !important}
.cms-menu-group a.active{
  background:linear-gradient(90deg,#f8f1ea,#fff) !important;
  color:var(--elegant-plum) !important;
  border-left:3px solid var(--elegant-gold) !important;
  font-weight:700;
}
.panel,.cms-page-head,.cms-stats>div,.hero-side,.wide-banner{
  border-radius:18px !important;
}
.market-section.white-panel,
.market-shortcuts,
.product-card,
.order-card,
.promo-ticket,
.category,
.category-cms,
.metric-card,
.stat-card,
.cms-sidebar,
.panel,
.cms-page-head,
.cms-banner,
.wide-banner{
  backdrop-filter:none !important;
}
.market-footer,footer{
  background:linear-gradient(180deg,#fff,#f7f1ea) !important;
  border-top:1px solid var(--elegant-line) !important;
  color:var(--elegant-muted) !important;
}
.footer-grid h3{color:var(--elegant-ink) !important}
.footer-grid a:hover{color:var(--elegant-plum) !important}
.footer-badges span,.app-badges span,.security-seal,.qr-placeholder{
  background:#fff !important;border:1px solid var(--elegant-line) !important;color:var(--elegant-plum) !important;
}
.mobile-nav{background:#fff !important;border-top:1px solid var(--elegant-line) !important}
.mobile-nav a.active,.mobile-nav a:hover{color:var(--elegant-plum) !important}


/* =========================================================
   cikgutikadewi MARKETPLACE CMS V6
   Elegant Batik Frame Upgrade + Account Fix
   ========================================================= */
:root{
  --v6-bg:#f6f1eb;
  --v6-bg-2:#ede5db;
  --v6-panel:#ffffff;
  --v6-panel-alt:#fcfaf7;
  --v6-line:#e7ddd2;
  --v6-ink:#342b2c;
  --v6-muted:#7e7071;
  --v6-plum:#6d4856;
  --v6-plum-2:#8a6673;
  --v6-gold:#b68b59;
  --v6-shadow:0 14px 34px rgba(60,41,47,.08);
}
html,body{background:linear-gradient(180deg,#fbf8f4 0%,#f4ece5 52%,#efe6de 100%) !important;color:var(--v6-ink) !important}
body{position:relative;isolation:isolate}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.20;
  background:
    radial-gradient(circle at 14px 14px,rgba(109,72,86,.10) 2px,transparent 2.6px) 0 0/84px 84px,
    radial-gradient(circle at 44px 32px,rgba(182,139,89,.09) 2px,transparent 2.5px) 0 0/84px 84px,
    linear-gradient(45deg,transparent 43%,rgba(109,72,86,.045) 44%,rgba(109,72,86,.045) 56%,transparent 57%) 0 0/98px 98px,
    linear-gradient(-45deg,transparent 43%,rgba(182,139,89,.035) 44%,rgba(182,139,89,.035) 56%,transparent 57%) 0 0/98px 98px;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(circle at 10% 10%,rgba(182,139,89,.10),transparent 22%),
    radial-gradient(circle at 88% 12%,rgba(109,72,86,.08),transparent 24%),
    radial-gradient(circle at 75% 80%,rgba(182,139,89,.06),transparent 25%);
}
header{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,244,238,.98)) !important}
.topbar{background:linear-gradient(90deg,#5b414a,#755762 58%,#927256 100%) !important}
.brand,.brand>span:not(.brand-mark),.nav-main a:hover,.nav-main a.active,.text-link,.eyebrow{color:var(--v6-plum) !important}
.brand-mark,.header-main form button,.btn:not(.secondary):not(.soft){background:linear-gradient(135deg,#65434f,#83616e 62%,#a57f56) !important}
.btn.secondary{background:#fff !important;color:var(--v6-plum) !important;border-color:#dacfc4 !important}
.btn.soft{background:#f3ebe2 !important;color:var(--v6-plum) !important}
.header-main form{background:#fff !important;border-color:var(--v6-line) !important;box-shadow:0 10px 22px rgba(58,36,45,.05) !important}
.market-shortcuts,.promo-strip,.market-section.white-panel,.panel,.cms-page-head,.cms-stats>div,.cms-sidebar,.product-card,.wide-banner,.cms-banner,.hero-side,.categories .category,.category-cms,.auth-card,.checkout-box,.stat-card,.metric-card,.promo-ticket{
  background:var(--v6-panel) !important;border:1px solid var(--v6-line) !important;box-shadow:var(--v6-shadow) !important;backdrop-filter:none !important;opacity:1 !important;
}
.market-hero-main,.hero-main{background:linear-gradient(135deg,#62434d 0,#7b6068 58%,#a68462 100%) !important}
.market-hero-side .side-promo.berry,.market-hero-side .side-promo.cream{background:linear-gradient(180deg,#fff,#fbf8f4) !important;color:var(--v6-ink) !important;border:1px solid var(--v6-line)}
.market-shortcuts a span,.category-cms span,.shipping-icon,.task-list b,.promo-icon,.seller-avatar{background:linear-gradient(135deg,#f4ece3,#ebdfd1) !important;color:var(--v6-plum) !important}
.category.active,.category-cms.active,.cms-menu-group a.active{background:linear-gradient(135deg,#f6efe8,#fff) !important;color:var(--v6-plum) !important;border-left-color:var(--v6-gold) !important}
.cms-side-brand{background:linear-gradient(135deg,#62434d,#82626e 58%,#aa855d) !important;color:#fff !important}
.footer-grid h3{color:var(--v6-ink) !important}
.market-footer,footer,.mobile-nav{background:#fff !important;border-color:var(--v6-line) !important}
.mobile-nav a.active,.mobile-nav a:hover{color:var(--v6-plum) !important}

/* Account dashboard fix */
.account-dashboard{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}
.account-sidebar,.account-main{position:relative;z-index:1}
.account-sidebar{padding:0 !important;overflow:hidden}
.account-userbox{display:flex;align-items:center;gap:14px;padding:22px;background:linear-gradient(135deg,#fbf7f2,#f4ece4)}
.account-avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#65434f,#9a7758);color:#fff;font-size:28px;font-weight:800;flex-shrink:0}
.account-userbox h2{margin:0 0 4px;font-size:20px}.account-userbox p{margin:0 0 8px;color:var(--v6-muted);font-size:13px}
.account-nav{display:grid;gap:4px;padding:14px}
.account-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:14px;background:#fff;border:1px solid var(--v6-line);color:var(--v6-ink);font-weight:600;position:relative;z-index:2;pointer-events:auto}
.account-nav a:hover,.account-nav a.active{background:linear-gradient(135deg,#fbf6f1,#fff);color:var(--v6-plum);border-color:#d7c8ba}
.account-side-actions{display:grid;gap:10px;padding:0 14px 16px}
.account-main{display:grid;gap:18px}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.account-stat-card{background:#fff;border:1px solid var(--v6-line);border-radius:18px;padding:18px 18px 16px;box-shadow:var(--v6-shadow);position:relative;overflow:hidden}
.account-stat-card:before{content:"";position:absolute;inset:auto -35px -35px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(182,139,89,.14),transparent 70%)}
.account-stat-card small,.account-stat-card span{display:block}.account-stat-card small{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#8b7d7c;font-weight:700}.account-stat-card strong{display:block;margin:10px 0 7px;font-size:24px;color:var(--v6-plum);letter-spacing:-.02em}.account-stat-card span{font-size:12px;color:var(--v6-muted);line-height:1.5}
.account-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-info-grid>div{padding:16px;border:1px solid var(--v6-line);border-radius:14px;background:var(--v6-panel-alt)}
.account-info-grid label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8d7d81;font-weight:800;margin-bottom:6px}
.account-info-grid strong{font-size:15px;color:var(--v6-ink);overflow-wrap:anywhere}
.profile-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}
#account .account-name{display:inline-flex;align-items:center;gap:8px;color:var(--v6-plum);font-weight:700;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--v6-line)}
#account .account-name .icon{width:18px;height:18px}
#account .account-name span{display:inline-block;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-list .btn,.account-side-actions .btn{pointer-events:auto;position:relative;z-index:2}
@media(max-width:1000px){.account-dashboard{grid-template-columns:1fr}.account-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.account-stat-grid,.account-info-grid{grid-template-columns:1fr}.account-userbox{padding:18px}.account-avatar{width:54px;height:54px;border-radius:17px;font-size:24px}}


/* v7 Functional Shipping UI */
.shipping-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.destination-results{display:grid;gap:7px;max-height:240px;overflow:auto}.destination-option{width:100%;text-align:left;padding:11px 13px;border:1px solid var(--v6-line,#e7ddd2);border-radius:11px;background:#fff;color:inherit}.destination-option:hover{background:#faf6f1;border-color:#ccbba9}.shipping-store{border:1px solid var(--v6-line,#e7ddd2);border-radius:15px;padding:14px;margin-top:14px;background:#fff}.shipping-store h3{margin:0 0 10px;font-size:14px}.shipping-store h3 small{color:#897b7b;font-weight:400}.shipping-option{display:grid!important;grid-template-columns:auto 1fr auto;gap:10px!important;align-items:center;padding:12px;border:1px solid #e8ddd2;border-radius:12px;margin:7px 0;background:#fff;font-weight:400!important;cursor:pointer}.shipping-option.selected{border-color:#b68b59;background:#fbf7f1}.shipping-option input{width:17px;height:17px}.shipping-option span b,.shipping-option span small{display:block}.shipping-option span small{font-size:11px;color:#88797a;margin-top:3px}.shipping-option strong{color:#6d4856}.shipping-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ship-provider-card{background:#fff;border:1px solid var(--v6-line,#e7ddd2);border-radius:15px;padding:15px;display:grid;gap:10px;box-shadow:0 8px 20px rgba(60,41,47,.05)}.ship-provider-card strong,.ship-provider-card small{display:block}.ship-provider-card small{font-size:10px;color:#88797a;margin-top:3px}.ship-tags{display:flex;gap:6px;flex-wrap:wrap}.ship-tags span{font-size:9px;background:#f5eee6;padding:4px 7px;border-radius:999px;color:#765664}.ship-provider-card .checkline{font-size:12px}.ship-provider-card input[type=number]{padding:8px}.cms-menu-group a.active{pointer-events:auto!important}.cms-menu-group a{pointer-events:auto!important}
@media(max-width:900px){.shipping-provider-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shipping-provider-grid,.shipping-search-row{grid-template-columns:1fr}.shipping-option{grid-template-columns:auto 1fr}.shipping-option>strong{grid-column:2}}


/* =========================================================
   cikgutikadewi MARKETPLACE CMS V8
   Professional Shopee-inspired public + pro admin/seller/buyer UI
   ========================================================= */
:root{
  --v8-orange:#ee4d2d;
  --v8-orange-deep:#d93f21;
  --v8-orange-soft:#fff1eb;
  --v8-cream:#fffaf7;
  --v8-line:#ecdcd3;
  --v8-ink:#2f2a2d;
  --v8-muted:#7c6f74;
  --v8-panel:#ffffff;
  --v8-shadow:0 14px 36px rgba(43,31,24,.08);
  --v8-shadow-lg:0 22px 48px rgba(56,34,21,.12);
}
html,body{background:linear-gradient(180deg,#fffdfb 0%,#faf4ef 52%,#f6efe8 100%) !important;color:var(--v8-ink)!important}
body::before{opacity:.12!important;background:
 radial-gradient(circle at 16px 16px,rgba(238,77,45,.09) 2px,transparent 2.8px) 0 0/86px 86px,
 radial-gradient(circle at 44px 32px,rgba(160,119,95,.08) 2px,transparent 2.8px) 0 0/86px 86px,
 linear-gradient(45deg,transparent 43%,rgba(142,101,79,.04) 44%,rgba(142,101,79,.04) 56%,transparent 57%) 0 0/108px 108px,
 linear-gradient(-45deg,transparent 43%,rgba(238,77,45,.03) 44%,rgba(238,77,45,.03) 56%,transparent 57%) 0 0/108px 108px !important}
.topbar{background:linear-gradient(90deg,var(--v8-orange-deep),var(--v8-orange) 52%,#ff7a45 100%)!important;color:#fff!important;box-shadow:0 8px 20px rgba(217,63,33,.18)}
.topbar a,.topbar span{color:#fff!important;opacity:.95}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);border-bottom:1px solid #f0dfd6!important;box-shadow:0 8px 30px rgba(0,0,0,.03)}
.header-main{padding-block:18px!important}
.brand{font-size:28px!important;letter-spacing:-1px!important;color:var(--v8-orange)!important}
.brand>span:not(.brand-mark){font-weight:700!important}
.brand-mark{background:linear-gradient(135deg,var(--v8-orange),#ff8a50)!important;border-radius:12px!important;box-shadow:0 10px 20px rgba(238,77,45,.24)}
.header-main form{background:#fff!important;border:2px solid #ffd7c9!important;border-radius:16px!important;padding:6px 6px 6px 16px!important;box-shadow:0 10px 24px rgba(238,77,45,.07)}
.header-main form:focus-within{border-color:var(--v8-orange)!important;box-shadow:0 14px 28px rgba(238,77,45,.12)}
.header-main form button,.btn:not(.secondary):not(.soft){background:linear-gradient(135deg,var(--v8-orange),#ff6d36)!important;box-shadow:0 12px 24px rgba(238,77,45,.20)}
.btn:hover{filter:brightness(.97)}
.btn.secondary{border-color:#efcab9!important;color:var(--v8-orange)!important;background:#fff!important}
.btn.secondary:hover{background:#fff7f3!important}
.btn.soft{background:#fff1eb!important;color:var(--v8-orange-deep)!important}
#account{border-left-color:#f1e1d8!important}
#account .account-name{background:#fff7f3!important;border-color:#ffd8c7!important;color:var(--v8-orange-deep)!important}
.cart-link b{background:var(--v8-orange)!important}
.nav-main{gap:22px!important;padding-bottom:14px!important;font-weight:600}
.nav-main a:hover,.nav-main a.active,.text-link,.eyebrow{color:var(--v8-orange)!important}
.nav-note{color:#8a6c60!important}
main{padding-top:24px!important}

/* Public marketplace */
.market-hero{gap:18px!important;margin:18px 0 16px!important}
.market-hero-main,.hero-main{min-height:340px!important;border-radius:24px!important;background:
 radial-gradient(circle at 82% 18%,rgba(255,255,255,.18),transparent 24%),
 radial-gradient(circle at 20% 110%,rgba(255,215,183,.25),transparent 25%),
 linear-gradient(135deg,#ff7845 0%,#f25f34 52%,#db4a28 100%)!important;box-shadow:var(--v8-shadow-lg)!important;border:1px solid rgba(255,255,255,.24)!important}
.market-hero-main:before,.hero-main:before{background:
 radial-gradient(circle at 68% 20%,rgba(255,255,255,.18),transparent 20%),
 linear-gradient(45deg,transparent 46%,rgba(255,255,255,.045) 47%,rgba(255,255,255,.045) 53%,transparent 54%) 0 0/90px 90px!important;opacity:1!important}
.market-hero-copy,.hero-copy{padding:40px 42px!important}
.market-hero-copy h1,.hero-main h1{font-size:44px!important;line-height:1.06!important;letter-spacing:-1.4px!important;color:#fff!important;font-weight:800}
.market-hero-copy p,.hero-main p{color:#fff2ed!important;max-width:560px!important}
.hero-trust{color:#fff3ed!important;gap:10px!important}
.hero-trust span,.hero-trust b{background:rgba(255,255,255,.12);padding:8px 10px;border-radius:999px}
.hero-product-art img{border-radius:28px!important;border:8px solid rgba(255,255,255,.16)!important;transform:translateY(6px);box-shadow:0 20px 40px rgba(120,37,12,.26)}
.hero-float-card{border-radius:16px!important;padding:14px 16px!important;box-shadow:0 20px 40px rgba(80,36,17,.16)!important}
.market-hero-side{gap:16px!important}
.market-hero-side .side-promo.berry{background:linear-gradient(135deg,#fff5f0,#fff)!important;color:#8a3a20!important;border:1px solid #ffd9ca!important}
.market-hero-side .side-promo.cream{background:linear-gradient(135deg,#fffaf2,#fff)!important;color:#7f5630!important;border:1px solid #f3debf!important}
.market-shortcuts{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:12px!important;padding:16px!important;background:#fff!important;border:1px solid var(--v8-line)!important;border-radius:20px!important;box-shadow:var(--v8-shadow)!important}
.market-shortcuts a{background:#fff!important;border:1px solid #f3e3da!important;border-radius:16px!important;min-height:104px!important;justify-content:center!important;box-shadow:0 10px 20px rgba(66,39,20,.04)}
.market-shortcuts a:hover{background:#fff7f2!important;border-color:#ffcfbc!important}
.market-shortcuts a span{width:46px!important;height:46px!important;border-radius:15px!important;background:linear-gradient(135deg,#fff1eb,#fff7f2)!important;color:var(--v8-orange)!important;box-shadow:inset 0 0 0 1px #ffdccc}
.market-shortcuts b{font-size:11px!important;color:#58464a!important;line-height:1.35}
.market-section.white-panel,.promo-strip,.panel,.product-card,.wide-banner,.auth-card,.checkout-box,.stat-card,.metric-card,.category,.category-cms,.order-card,.cms-page-head,.cms-stats>div,.cms-sidebar{background:var(--v8-panel)!important;border:1px solid var(--v8-line)!important;box-shadow:var(--v8-shadow)!important;border-radius:18px!important;backdrop-filter:none!important}
.section-top h2,.page-heading h1,.cms-page-head h1{color:#2b2528!important;font-weight:800!important}
.section-top p,.muted,.cms-page-head p,.product-info small,.product-info .shop,.footer-grid a,.footer-grid span{color:var(--v8-muted)!important}
.categories{gap:14px!important;padding-bottom:8px!important}
.category,.category-cms{background:#fff!important;padding:14px 18px!important;border-radius:15px!important;border:1px solid #efdfd6!important;box-shadow:0 8px 18px rgba(67,41,21,.04)}
.category.active,.category-cms.active{background:linear-gradient(135deg,#fff1eb,#fff)!important;color:var(--v8-orange-deep)!important;border-color:#ffcdb9!important}
.product-grid,.compact-products{gap:18px!important}
.product-card{overflow:hidden!important}
.product-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 32px rgba(70,38,22,.10)!important}
.product-image{background:#fcf5f1!important}
.photo-wrap .pill{background:linear-gradient(135deg,#fff7f2,#fff)!important;color:var(--v8-orange-deep)!important;border:1px solid #ffd4c3!important}
.wish{background:#fff!important;box-shadow:0 8px 16px rgba(63,37,22,.10)!important}
.wish.saved{color:var(--v8-orange)!important}
.product-info h3{font-size:15px!important;font-weight:700!important;color:#312b2e!important}
.price{font-size:20px!important;color:var(--v8-orange-deep)!important}
.add-button{background:#fff1eb!important;color:var(--v8-orange)!important}
.wide-banner{padding:28px 30px!important;background:linear-gradient(135deg,#fff7f2,#fff)!important}
.market-footer,footer{margin-top:56px!important;background:#fff!important;border-top:1px solid #f1dfd6!important;color:#62585e!important}
.footer-grid{gap:30px!important}
.footer-grid h3{color:#2e292c!important;font-size:13px!important;letter-spacing:.04em;text-transform:uppercase}
.footer-grid a:hover{color:var(--v8-orange)!important}
.footer-bottom{border-top:1px solid #f0e0d8!important}
.mobile-nav{background:#fff!important;border-top:1px solid #efddd4!important;box-shadow:0 -10px 24px rgba(0,0,0,.04)}
.mobile-nav a.active,.mobile-nav a:hover{color:var(--v8-orange)!important}

/* Professional buyer account */
.account-dashboard{gap:24px!important}
.account-sidebar{padding:0!important;border-radius:20px!important;overflow:hidden!important}
.account-userbox{background:linear-gradient(135deg,#fff3ec,#fff)!important;border-bottom:1px solid #f1dfd6!important}
.account-avatar{background:linear-gradient(135deg,var(--v8-orange),#ff8b55)!important;border-radius:18px!important;box-shadow:0 12px 24px rgba(238,77,45,.18)!important}
.account-nav{padding:14px!important;gap:8px!important}
.account-nav a{background:#fff!important;border:1px solid #f0e0d8!important;border-radius:14px!important;box-shadow:0 6px 16px rgba(45,33,26,.04)}
.account-nav a:hover,.account-nav a.active{background:#fff7f2!important;color:var(--v8-orange-deep)!important;border-color:#ffd3c2!important}
.account-stat-card{border-radius:18px!important;border-color:#f0ddd4!important;box-shadow:var(--v8-shadow)!important}
.account-stat-card strong{color:var(--v8-orange-deep)!important}
.account-info-grid>div{background:#fffaf7!important;border-color:#f2e2da!important}
.order-card{padding:18px!important;border-radius:18px!important}
.order-card .btn{min-height:40px!important}

/* Professional CMS */
.cms-layout{grid-template-columns:280px minmax(0,1fr)!important;gap:24px!important}
.cms-sidebar{position:sticky;top:106px!important;padding:14px!important;background:linear-gradient(180deg,#fff,#fff9f6)!important}
.cms-side-brand{padding:14px 12px 18px!important;border-bottom:1px solid #f2e3da!important;margin-bottom:10px!important}
.cms-side-brand>span{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--v8-orange-deep),#ff7542)!important;box-shadow:0 10px 22px rgba(238,77,45,.20)!important}
.seller-side .cms-side-brand>span{background:linear-gradient(135deg,#ff7f50,#ffb26a)!important}
.cms-side-brand b{font-size:14px!important;color:#2f2a2d!important}
.cms-side-brand small{font-size:10px!important;color:#947d70!important}
.cms-menu-group{padding:5px 0!important;border-bottom:1px solid #f5e8e0}
.cms-menu-group:last-child{border-bottom:0}
.cms-menu-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#8e766b;cursor:pointer;user-select:none}
.cms-menu-group summary::-webkit-details-marker{display:none}
.cms-menu-group[open] summary{background:#fff4ee;color:var(--v8-orange-deep)}
.cms-menu-group a{padding:11px 12px!important;margin:4px 0!important;border-radius:12px!important;font-size:13px!important;color:#5f5358!important}
.cms-menu-group a:hover{background:#fff7f3!important;color:var(--v8-orange-deep)!important}
.cms-menu-group a.active{background:linear-gradient(90deg,#fff1eb,#fff)!important;color:var(--v8-orange-deep)!important;border-left:3px solid var(--v8-orange)!important;font-weight:800!important}
.cms-page-head{padding:24px 26px!important;border-radius:20px!important}
.cms-stats{gap:14px!important}
.cms-stats>div{padding:18px 18px 16px!important}
.cms-stats strong{color:#2d282b!important}
.cms-stats small{color:#9a8176!important}
.task-list a{background:#fff!important;border:1px solid #f1e2da!important;border-radius:14px!important}
.task-list b{background:#fff1eb!important;color:var(--v8-orange)!important}
.seller-admin-card,.shipping-admin-card,.content-card,.seller-profile-card{border-radius:16px!important}
.seller-avatar{background:linear-gradient(135deg,var(--v8-orange),#ff8b55)!important;box-shadow:0 10px 20px rgba(238,77,45,.16)!important}
.shipping-icon,.promo-icon{background:#fff1eb!important;color:var(--v8-orange)!important}
.big-money{color:var(--v8-orange-deep)!important}
.table-wrap,.panel table{border-radius:14px!important;overflow:hidden}
.table thead th{background:#fff5ef!important;color:#6e564b!important;border-bottom:1px solid #f0ddd4!important}
.table tbody td{border-bottom:1px solid #f3e4dc!important}
.table tbody tr:hover td{background:#fffaf7!important}
.pill{background:#fff1eb!important;color:var(--v8-orange-deep)!important;border:1px solid #ffd3c2!important}
.notice{background:#fff4ee!important;border-color:#ffd6c7!important;color:#915238!important}
.empty{background:#fff!important;border-color:#efddd3!important;border-radius:18px!important}

@media(max-width:1180px){.market-shortcuts{grid-template-columns:repeat(4,1fr)!important}.cms-layout{grid-template-columns:1fr!important}.cms-sidebar{position:static!important}}
@media(max-width:760px){
  .header-main{gap:14px!important}
  .brand{font-size:24px!important}
  .market-hero-main,.hero-main{min-height:300px!important}
  .market-hero-copy,.hero-copy{padding:28px 24px!important}
  .market-hero-copy h1,.hero-main h1{font-size:33px!important}
  .market-shortcuts{grid-template-columns:repeat(4,1fr)!important;padding:12px!important}
  .market-shortcuts a{min-height:92px!important}
  .account-stat-grid,.account-info-grid,.cms-stats{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  .wrap{width:min(100% - 24px,1320px)!important}
  .market-shortcuts{grid-template-columns:repeat(3,1fr)!important}
  .account-stat-grid,.account-info-grid,.cms-stats,.footer-grid{grid-template-columns:1fr!important}
  .cms-page-head{padding:18px!important}
}


/* =========================================================
   v8.1 Account & Profile Settings
   ========================================================= */
.nav-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #ffd7c8;flex:0 0 28px}
.account-avatar-img{width:64px;height:64px;border-radius:18px;object-fit:cover;border:3px solid #fff;box-shadow:0 10px 24px rgba(238,77,45,.13);flex:0 0 64px}
.profile-summary-card .account-info-grid .wide{grid-column:1/-1}
.profile-photo-editor{display:grid;grid-template-columns:116px 1fr;gap:20px;align-items:center;padding:18px;border:1px solid #f0dfd6;border-radius:18px;background:#fffaf7}
.profile-photo-preview,.profile-photo-placeholder{width:104px;height:104px;border-radius:24px;object-fit:cover;border:4px solid #fff;box-shadow:0 14px 28px rgba(63,38,24,.12)}
.profile-photo-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#ee4d2d,#ff8a50);color:#fff;font-size:38px;font-weight:800}
.profile-photo-editor h2{margin:0 0 5px}
.profile-photo-editor p{margin:0 0 12px}
.profile-photo-editor input[type=file]{width:100%;background:#fff}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}
.settings-list{display:grid;gap:10px}
.setting-switch{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px;border:1px solid #f0dfd6;border-radius:15px;background:#fffaf7;font-weight:400!important}
.setting-switch span{display:block}.setting-switch b,.setting-switch small{display:block}.setting-switch b{font-size:14px;color:#342b2d}.setting-switch small{font-size:12px;color:#88777a;margin-top:3px;font-weight:400}
.setting-switch input{width:42px!important;height:22px!important;accent-color:#ee4d2d;flex:0 0 auto}
.security-card{padding:24px!important}
.cms-menu-group a[href="#profile"],.cms-menu-group a[href="#profile/edit"],.cms-menu-group a[href="#profile/settings"],.cms-menu-group a[href="#profile/security"]{border-left:3px solid transparent}
@media(max-width:620px){
 .profile-photo-editor{grid-template-columns:1fr;text-align:center}
 .profile-photo-preview,.profile-photo-placeholder{margin:auto}
 .profile-photo-editor input[type=file]{text-align:left}
 .setting-switch{align-items:flex-start}
}


/* =========================================================
   v9 Commercial Edition – payment, wallet, finance
   ========================================================= */
.checkout-payment{border-top:1px solid #f0dfd6;padding-top:20px;margin-top:4px}
.checkout-payment h2{margin:0 0 12px}
.payment-method-list{display:grid;gap:10px}
.payment-method-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:12px!important;align-items:flex-start;padding:15px 16px;border:1px solid #efded5;border-radius:15px;background:#fffaf7;font-weight:400!important;cursor:pointer}
.payment-method-card:has(input:checked){border-color:#ee4d2d;background:#fff4ee;box-shadow:0 0 0 2px rgba(238,77,45,.06)}
.payment-method-card input{margin-top:4px;accent-color:#ee4d2d}
.payment-method-card b,.payment-method-card small{display:block}
.payment-method-card b{font-size:14px;color:#342b2d}.payment-method-card small{font-size:12px;color:#85767b;margin-top:4px}
.order-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.order-meta-grid>div{padding:12px 14px;border:1px solid #f0e1d9;border-radius:13px;background:#fffaf7}
.order-meta-grid span,.order-meta-grid strong,.order-meta-grid small{display:block}.order-meta-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9a8075}.order-meta-grid strong{font-size:13px;margin:3px 0}.order-meta-grid small{font-size:11px;color:#8d7b80}
.wallet-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f1e3dc}
.wallet-row:last-child{border-bottom:0}.wallet-row b,.wallet-row small{display:block}.wallet-row small{font-size:11px;color:#917d80;margin-top:3px}
.payment-review-card{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border:1px solid #f0dfd6;border-radius:14px;background:#fffaf7;margin-bottom:10px}.payment-review-card small{display:block;color:#8c787c;margin-top:3px}.payment-review-card .pill,.payment-review-card .actions{grid-column:1/-1}.payment-review-card a{color:#ee4d2d;font-weight:700;font-size:12px}
@media(max-width:620px){.order-meta-grid{grid-template-columns:1fr}.wallet-row{grid-template-columns:1fr auto}.wallet-row .pill{grid-column:1/-1}.payment-review-card{grid-template-columns:1fr}}


/* =========================================================
   v9.3 — Brand Polish / Lowercase Identity
   ========================================================= */
:root{
  --brand-orange:#ee4d2d;
  --brand-orange-dark:#d94224;
  --brand-orange-light:#ff7548;
  --brand-ink:#30282a;
  --brand-muted:#806f72;
  --brand-line:#efddd5;
  --brand-surface:#ffffff;
  --brand-soft:#fff6f1;
}
.topbar{
  background:#fff7f3!important;
  color:#8b6559!important;
  border-bottom:1px solid #f6e3da;
  box-shadow:none!important;
}
.topbar a,.topbar span{color:#8b6559!important;opacity:1!important}
header{
  background:rgba(255,255,255,.975)!important;
  border-bottom:1px solid #f0e1da!important;
  box-shadow:0 10px 30px rgba(67,42,31,.045)!important;
}
.header-main{
  min-height:76px!important;
  padding-block:14px!important;
  gap:22px!important;
}
.brand-v93{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  color:var(--brand-ink)!important;
  font-size:25px!important;
  font-weight:800!important;
  letter-spacing:-1.05px!important;
  line-height:1!important;
}
.brand-mark-v93{
  width:43px!important;
  height:43px!important;
  flex:0 0 43px;
  margin:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,var(--brand-orange-light),var(--brand-orange) 56%,var(--brand-orange-dark))!important;
  box-shadow:0 10px 24px rgba(238,77,45,.22)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
.brand-mark-v93>span{
  color:#fff!important;
  font:800 31px/1 "Segoe UI",Arial,sans-serif!important;
  transform:translateY(-1px);
}
.brand-word{
  display:block;
  color:#45383b!important;
  font-weight:800!important;
  letter-spacing:-1.15px;
  white-space:nowrap;
}
.header-main form{
  min-height:48px!important;
  border:1.5px solid #f1c6b6!important;
  border-radius:15px!important;
  box-shadow:0 8px 24px rgba(238,77,45,.055)!important;
  padding:4px 5px 4px 15px!important;
}
.header-main form:focus-within{
  border-color:var(--brand-orange)!important;
  box-shadow:0 10px 28px rgba(238,77,45,.12)!important;
}
.header-main form button{
  width:44px!important;
  height:40px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--brand-orange),#ff6b3c)!important;
  box-shadow:none!important;
}
.cart-link{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  color:#44383a!important;
}
.cart-link:hover{background:#fff4ee!important;color:var(--brand-orange)!important}
.cart-link b{background:var(--brand-orange)!important}
#account{
  padding-left:20px!important;
  border-left:1px solid #f0dfd7!important;
}
#account .account-name{
  min-height:44px;
  border-radius:13px!important;
  border-color:#f1cdbc!important;
  background:#fff8f4!important;
  color:#d84425!important;
  padding:8px 13px!important;
}
.nav-main{
  min-height:47px;
  padding-bottom:0!important;
  border-top:1px solid #f5e8e2!important;
  gap:27px!important;
}
.nav-main a{
  position:relative;
  padding:14px 0 13px;
  color:#4c4043!important;
  font-size:13px!important;
  font-weight:650!important;
}
.nav-main a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-1px;
  height:2px;
  background:var(--brand-orange);
  border-radius:999px;
  transition:.2s ease;
}
.nav-main a:hover,.nav-main a.active{color:var(--brand-orange)!important}
.nav-main a:hover:after,.nav-main a.active:after{left:0;right:0}
.nav-note{color:#927b72!important}
.btn:not(.secondary):not(.soft){
  background:linear-gradient(135deg,var(--brand-orange),#ff6c3e)!important;
  box-shadow:0 9px 20px rgba(238,77,45,.16)!important;
}
.eyebrow,.text-link,.price,.big-money{color:var(--brand-orange-dark)!important}

/* More consistent internal panel identity */
.cms-side-brand{
  background:linear-gradient(135deg,#e94729,#f55d34 60%,#f09263)!important;
  box-shadow:0 12px 26px rgba(238,77,45,.16)!important;
}
.cms-side-brand>span,.seller-side .cms-side-brand>span{
  background:rgba(255,255,255,.17)!important;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none!important;
}
.cms-menu-group[open] summary{background:#fff4ee!important;color:#d84425!important}
.cms-menu-group a:hover{background:#fff7f3!important;color:#d84425!important}
.cms-menu-group a.active{
  background:linear-gradient(90deg,#fff0e9,#fff)!important;
  color:#d84425!important;
  border-left-color:var(--brand-orange)!important;
}
.account-avatar,.seller-avatar{
  background:linear-gradient(135deg,var(--brand-orange),#ff8757)!important;
}
.pill{
  background:#fff1eb!important;
  border-color:#ffd2c1!important;
  color:#c84428!important;
}

/* Cleaner mobile brand */
@media(max-width:760px){
  .header-main{min-height:68px!important;padding-block:11px!important}
  .brand-v93{font-size:21px!important;gap:8px!important}
  .brand-mark-v93{width:38px!important;height:38px!important;flex-basis:38px;border-radius:12px!important}
  .brand-mark-v93>span{font-size:27px!important}
}
@media(max-width:520px){
  .brand-word{font-size:19px!important}
  .header-main form{order:3;flex-basis:100%;min-height:44px!important}
  #account{padding-left:0!important;border-left:0!important}
}


/* =========================================================
   v9.4 — Multiple Bank Accounts + Social Settings
   ========================================================= */
.bank-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bank-account-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;padding:17px;border:1px solid #efdfd7;border-radius:17px;background:#fffaf7;box-shadow:0 9px 22px rgba(55,38,27,.045)}
.bank-account-card.panel{padding:17px!important}
.bank-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0e9,#ffe0d2);color:#d84425;font-size:13px;font-weight:900;letter-spacing:.04em;border:1px solid #ffd4c3}
.bank-account-card h3{margin:0 0 5px;font-size:15px}.bank-account-card strong{display:block;font-size:17px;letter-spacing:.04em}.bank-account-card small{display:block;margin-top:3px;color:#8a777b}
.bank-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #f1e4dd}
.checkout-bank-list{display:grid;gap:7px;margin-top:10px}.checkout-bank-list>div{display:grid;grid-template-columns:90px 1fr;gap:4px 12px;padding:10px 12px;background:#fff;border:1px solid #f0dfd7;border-radius:12px}.checkout-bank-list strong{color:#d84425}.checkout-bank-list small{grid-column:2;color:#837176}
.social-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.social-public-link[hidden]{display:none!important}
@media(max-width:760px){.bank-card-grid,.social-settings-grid{grid-template-columns:1fr}.checkout-bank-list>div{grid-template-columns:1fr}.checkout-bank-list small{grid-column:1}}


/* =========================================================
   v9.5 — Settings Hub + Public Social Placement
   ========================================================= */
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.top-social-label{padding-left:11px;border-left:1px solid #edd5ca;font-weight:700}
.top-social-links{display:flex;align-items:center;gap:5px}
.top-social-links a{
  width:24px;height:24px;border-radius:8px;display:grid;place-items:center;
  background:#fff;border:1px solid #efd7cc;color:#d84627!important;
  font-size:9px!important;font-weight:900;text-transform:uppercase;line-height:1;
  transition:.18s ease
}
.top-social-links a:hover{background:#ee4d2d;color:#fff!important;border-color:#ee4d2d;transform:translateY(-1px)}
.top-social-links a[hidden]{display:none!important}

.social-rail{
  position:fixed;right:18px;top:50%;z-index:24;transform:translateY(-50%);
  display:none;flex-direction:column;align-items:center;gap:7px;
  padding:10px 8px;border-radius:18px;background:rgba(255,255,255,.96);
  border:1px solid #efddd5;box-shadow:0 14px 32px rgba(62,39,28,.11);
  backdrop-filter:blur(12px)
}
.social-rail.has-social{display:flex}
.social-rail>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#9b7f73;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:3px}
.social-rail a{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:#fff5ef;color:#d84627;font-size:10px;font-weight:900;text-transform:uppercase;
  border:1px solid #f2d8cd;transition:.18s ease
}
.social-rail a:hover{background:#ee4d2d;color:#fff;transform:translateX(-3px);border-color:#ee4d2d}
.social-rail a[hidden]{display:none!important}

.settings-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-hub-card{display:flex!important;flex-direction:column;gap:7px;min-height:150px;padding:22px!important;position:relative;overflow:hidden}
.settings-hub-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-34px;bottom:-42px;background:radial-gradient(circle,rgba(238,77,45,.10),transparent 70%)}
.settings-hub-card b{font-size:17px;color:#332a2d}
.settings-hub-card span{font-size:13px;color:#837276;line-height:1.55}
.settings-hub-card em{font-style:normal;font-weight:800;color:#d84627;margin-top:auto;font-size:12px}
.settings-hub-card:hover{border-color:#f1c7b8!important;transform:translateY(-2px)}

@media(max-width:1100px){
  .social-rail{right:8px}
}
@media(max-width:900px){
  .social-rail{display:none!important}
  .top-social-label{display:none}
}
@media(max-width:760px){
  .settings-hub-grid{grid-template-columns:1fr}
  .topbar-left>span:first-child{display:none}
  .top-social-label{display:inline;border-left:0;padding-left:0}
  .topbar .wrap{gap:10px}
}


/* =========================================================
   cikgutikadewi CMS v11 — Soft Commerce
   Shopee-inspired information architecture, original visual system
   ========================================================= */
:root{
 --v11-orange:#ee5a35;
 --v11-orange-deep:#d94828;
 --v11-orange-soft:#fff3ee;
 --v11-peach:#fff8f4;
 --v11-bg:#f8f7f6;
 --v11-panel:#fff;
 --v11-ink:#2f292b;
 --v11-muted:#84777b;
 --v11-line:#eee5e1;
 --v11-green:#269b68;
 --v11-blue:#3978d4;
 --v11-red:#d84a52;
 --v11-shadow:0 8px 26px rgba(53,37,30,.055);
 --v11-shadow-hover:0 16px 34px rgba(53,37,30,.09);
}
html,body{background:var(--v11-bg)!important}
body::before{display:none!important}
.topbar{background:linear-gradient(90deg,#fff6f1,#fff)!important;border-bottom:1px solid #f2e4dd!important}
header{box-shadow:0 4px 20px rgba(52,35,27,.04)!important}
.market-hero-main,.hero-main{
 background:linear-gradient(135deg,#ff835e 0%,#f26440 45%,#e84f2f 100%)!important;
 border-radius:22px!important;box-shadow:0 16px 42px rgba(225,76,41,.16)!important
}
.market-hero-copy h1,.hero-main h1{font-size:40px!important;letter-spacing:-1.2px!important}
.market-shortcuts,.market-section.white-panel,.promo-strip,.panel,.product-card,.wide-banner,.auth-card,.checkout-box,.stat-card,.metric-card,.category,.category-cms,.order-card,.cms-page-head,.cms-stats>div,.cms-sidebar{
 border-color:var(--v11-line)!important;box-shadow:var(--v11-shadow)!important
}
.product-card,.order-card,.cms-page-head,.cms-sidebar,.panel{border-radius:16px!important}
.product-card:hover{box-shadow:var(--v11-shadow-hover)!important;transform:translateY(-3px)!important}
.btn{border-radius:10px!important}
.btn:not(.secondary):not(.soft){background:var(--v11-orange)!important;box-shadow:none!important}
.btn:not(.secondary):not(.soft):hover{background:var(--v11-orange-deep)!important}
.btn.secondary{border-color:#ead6cd!important;color:#b84c31!important;background:#fff!important}
.btn.soft{background:var(--v11-orange-soft)!important;color:#c64b2c!important}
.cms-layout{grid-template-columns:264px minmax(0,1fr)!important}
.cms-sidebar{background:#fff!important;padding:12px!important}
.cms-side-brand{background:linear-gradient(135deg,#ed5b37,#f47a54)!important;border-radius:15px!important}
.cms-menu-group summary{font-size:10px!important;color:#a18f86!important}
.cms-menu-group a{font-size:12.5px!important;border-radius:10px!important}
.cms-menu-group a.active{background:#fff2ec!important;color:#d34c2c!important;border-left:0!important;box-shadow:inset 3px 0 0 #ee5a35}
.cms-page-head{background:#fff!important;padding:22px 24px!important}
.cms-page-head h1{font-size:24px!important}
.cms-stats>div{background:#fff!important}
.price,.big-money,.eyebrow,.text-link{color:var(--v11-orange-deep)!important}

/* order experience */
.v11-order{padding:0!important;overflow:hidden}
.v11-order .order-head{padding:16px 18px;background:#fffdfa;border-bottom:1px solid var(--v11-line)}
.v11-order .order-item,.v11-order .order-meta-grid,.v11-order .tracking-inline,.v11-order .order-bottom{margin-left:18px;margin-right:18px}
.shop-name{color:#6f6266;font-weight:600;font-size:12px}
.order-state{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;background:#f4f1f0;color:#6d6265}
.state-selesai{background:#eaf8f1;color:#218358}.state-dikirim{background:#eef5ff;color:#376db7}.state-diproses{background:#fff6df;color:#a77113}.state-dibatalkan{background:#fff0f0;color:#b94b52}
.order-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:12px 18px 16px;position:relative}
.order-journey:before{content:"";position:absolute;left:9%;right:9%;top:8px;height:2px;background:#eee5e1}
.order-journey span{position:relative;padding-top:20px;text-align:center;font-size:10px;color:#a19397}
.order-journey span:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;top:4px;left:50%;transform:translateX(-50%);background:#ddd2cd;border:3px solid #fff;box-shadow:0 0 0 1px #ddd2cd}
.order-journey span.active{color:#c95134;font-weight:700}.order-journey span.active:before{background:#ee5a35;box-shadow:0 0 0 1px #ee5a35}
.tracking-inline{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8fbff;border:1px solid #e2ebf6;border-radius:12px;margin-top:12px}
.tracking-inline>div{flex:1;min-width:0}.tracking-inline b,.tracking-inline small{display:block}.tracking-inline small{color:#7c7478;margin-top:2px}
.tracking-dot{width:9px;height:9px;border-radius:50%;background:#4b85d6;box-shadow:0 0 0 5px rgba(75,133,214,.10);flex:0 0 9px}

/* professional tracking */
.tracking-shell{display:grid;gap:14px}
.tracking-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tracking-courier,.tracking-awb{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--v11-line);border-radius:14px;background:#fff}
.tracking-courier>div,.tracking-awb{min-width:0}.tracking-courier small,.tracking-courier strong,.tracking-courier span,.tracking-awb small,.tracking-awb strong{display:block}
.tracking-awb{display:grid;grid-template-columns:1fr auto}.tracking-awb small{grid-column:1/-1}.tracking-awb strong{font-size:16px;letter-spacing:.04em}
.courier-badge{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#fff1eb;color:#d84c2d;border:1px solid #ffd8c9;font-weight:900;font-size:11px}
.tracking-current{display:flex;gap:16px;padding:18px;border-radius:15px;border:1px solid var(--v11-line);background:#fff}
.tracking-current h3{margin:2px 0 4px;font-size:18px}.tracking-current p{margin:0;color:#756a6e}.tracking-current small{color:#998d90}
.tracking-current.done{background:#f3fbf7;border-color:#d9eee3}.tracking-current.done .tracking-dot{background:var(--v11-green)}
.tracking-current.moving{background:#f5f9ff;border-color:#dce8f7}.tracking-current.problem{background:#fff5f5;border-color:#f2dddd}.tracking-current.problem .tracking-dot{background:var(--v11-red)}
.tracking-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:13px 15px;background:#faf8f7;border-radius:12px;color:#71666a;font-size:12px}.tracking-route span:last-child{text-align:right}
.tracking-events{padding:3px 0}.tracking-event{display:grid;grid-template-columns:22px 1fr;gap:10px;position:relative;padding-bottom:17px}.tracking-event:before{content:"";position:absolute;left:7px;top:15px;bottom:-2px;width:1px;background:#e5dcda}.tracking-event:last-child:before{display:none}.tracking-event>span{width:15px;height:15px;border-radius:50%;background:#ded4d0;border:4px solid #fff;box-shadow:0 0 0 1px #ded4d0;margin-top:2px}.tracking-event.latest>span{background:#ee5a35;box-shadow:0 0 0 1px #ee5a35}.tracking-event strong,.tracking-event small{display:block}.tracking-event strong{font-size:13px}.tracking-event small{color:#93878a;margin-top:3px}
.tracking-actions{display:flex;gap:9px;margin-top:14px}
.tracking-list{display:grid;gap:12px}.tracking-list-card{padding:16px!important}.tracking-list-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.tracking-list-top h3{margin:2px 0}.tracking-list-top p{margin:0;color:#7d7275;font-size:12px}.tracking-status{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#f2efee}.tracking-status.done{background:#eaf8f1;color:#24855b}.tracking-status.moving{background:#edf5ff;color:#3b73bb}.tracking-status.problem{background:#fff0f0;color:#b84c52}.tracking-list-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--v11-line);padding-top:12px;margin-top:12px;color:#766a6e;font-size:12px}
.empty-mini{padding:18px;text-align:center;color:#908489;background:#faf8f7;border-radius:12px}

/* reviews, complaints, notifications */
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.review-card{padding:17px!important}.stars{color:#f4a532;letter-spacing:2px}.review-card h3{margin:7px 0}.review-card p{color:#6e6366}.review-card small{color:#94878b}
.complaint-list{display:grid;gap:12px}.complaint-card{padding:18px!important}.complaint-card h3{margin:2px 0}.complaint-card>p{color:#6f6467}
.notification-list{display:grid;gap:10px}.notification-item{width:100%;display:grid;grid-template-columns:42px 1fr;gap:12px;text-align:left;padding:15px!important}.notification-item.read{opacity:.68}.notification-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff1eb;color:#d94d2e}.notification-item b,.notification-item small,.notification-item em{display:block}.notification-item small{color:#766b6f;margin-top:3px}.notification-item em{font-style:normal;font-size:10px;color:#a09699;margin-top:5px}

@media(max-width:760px){
 .market-hero-copy h1,.hero-main h1{font-size:31px!important}
 .tracking-summary{grid-template-columns:1fr}
 .tracking-list-top{grid-template-columns:auto 1fr}.tracking-list-top .tracking-status{grid-column:1/-1;width:max-content}
 .review-grid{grid-template-columns:1fr}
 .order-journey span{font-size:9px}
}

.order-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 13px;margin-bottom:4px;scrollbar-width:none}.order-tabs::-webkit-scrollbar{display:none}.order-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #eee2dd;background:#fff;color:#75696c;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.order-tabs button span{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#f6f2f0;color:#8d7e82;font-size:10px}.order-tabs button.active{border-color:#f4c8b8;background:#fff2ec;color:#d94e2e}.order-tabs button.active span{background:#ee5a35;color:#fff}


/* =========================================================
   v11.1 — Calm Blue + Orange / Footer Rebuild
   ========================================================= */
:root{
  --calm-navy:#183b5b;
  --calm-blue:#2f638f;
  --calm-blue-2:#4c7da6;
  --calm-blue-soft:#eef5fb;
  --calm-sky:#f5f9fc;
  --calm-orange:#ed6a42;
  --calm-orange-deep:#d85331;
  --calm-orange-soft:#fff1ea;
  --calm-ink:#263542;
  --calm-muted:#6f7d88;
  --calm-line:#dfe9f0;
  --calm-white:#fff;
  --calm-shadow:0 10px 30px rgba(30,67,98,.07);
}
html,body{background:linear-gradient(180deg,#f8fbfd 0%,#f3f7fa 100%)!important;color:var(--calm-ink)!important}
.topbar{background:#f0f6fa!important;border-bottom:1px solid #dfeaf2!important;color:#607383!important}
.topbar a,.topbar span{color:#607383!important}
header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e0e9ef!important;box-shadow:0 5px 20px rgba(31,64,91,.045)!important}
.brand-word{color:var(--calm-navy)!important}
.brand-mark-v93{background:linear-gradient(135deg,var(--calm-orange),#f58b64)!important;box-shadow:0 9px 22px rgba(237,106,66,.18)!important}
.header-main form{background:#f8fbfd!important;border-color:#cddfea!important;box-shadow:none!important}
.header-main form:focus-within{border-color:var(--calm-blue-2)!important;box-shadow:0 0 0 4px rgba(76,125,166,.08)!important}
.header-main form button{background:linear-gradient(135deg,var(--calm-blue),var(--calm-blue-2))!important}
.nav-main a{color:#526471!important}
.nav-main a:hover,.nav-main a.active{color:var(--calm-navy)!important}
.nav-main a:after{background:var(--calm-orange)!important}

/* Homepage hero and promo areas */
.market-hero{gap:16px!important}
.market-hero-main,.hero-main{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,255,255,.14),transparent 24%),
    linear-gradient(135deg,#1c476d 0%,#2d638f 52%,#4f7fa7 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 46px rgba(31,75,111,.16)!important;
  border-radius:24px!important;
}
.market-hero-copy h1,.hero-main h1{color:#fff!important}
.market-hero-copy p{color:#dceaf4!important}
.market-hero-copy .eyebrow{color:#ffd6c6!important}
.hero-trust{color:#e2edf5!important}
.hero-product-art img{border-color:rgba(255,255,255,.34)!important;box-shadow:0 20px 42px rgba(8,40,66,.22)!important}
.hero-float-card{background:rgba(255,255,255,.96)!important;color:var(--calm-navy)!important;border:1px solid rgba(255,255,255,.7)}
.hero-float-card b{color:#6b8091!important}
.hero-float-card span{color:var(--calm-orange-deep)!important}
.market-hero-main .btn:not(.secondary),.hero-main .btn:not(.secondary){
  background:linear-gradient(135deg,var(--calm-orange),#f0825d)!important;color:#fff!important
}
.market-hero-main .btn.secondary,.hero-main .btn.secondary{
  background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.38)!important
}
.side-promo.berry{
  background:linear-gradient(145deg,#e9f3fb,#f9fcff)!important;
  border-color:#d6e6f2!important;color:#234f73!important
}
.side-promo.cream{
  background:linear-gradient(145deg,#fff2ea,#fffaf7)!important;
  border-color:#f5ddcf!important;color:#9c5139!important
}
.market-shortcuts,.promo-strip,.market-section.white-panel{
  background:#fff!important;border-color:var(--calm-line)!important;box-shadow:var(--calm-shadow)!important
}
.market-shortcuts a:hover{background:#f1f7fb!important}
.market-shortcuts span{background:#edf5fa!important;color:var(--calm-blue)!important}
.market-shortcuts a:nth-child(2n) span{background:#fff0e9!important;color:var(--calm-orange-deep)!important}
.promo-ticket{border-color:#cddfeb!important;background:linear-gradient(135deg,#fff,#f6fafc)!important}
.promo-icon{background:linear-gradient(135deg,var(--calm-blue),var(--calm-blue-2))!important}
.promo-value{color:var(--calm-orange-deep)!important}
.category-cms{border-color:#dfe9ef!important;color:#536b7a!important}
.category-cms span{background:#edf5fa!important;color:var(--calm-blue)!important}
.category-cms.active{border-color:#a9c7dc!important;background:#f4f9fc!important;color:#234f73!important;box-shadow:0 8px 22px rgba(47,99,143,.08)!important}
.product-card{border-color:#e1eaef!important;box-shadow:0 7px 24px rgba(31,64,91,.05)!important}
.product-card:hover{border-color:#cbdde9!important;box-shadow:0 16px 34px rgba(31,64,91,.10)!important}
.product-card .price,.price{color:var(--calm-orange-deep)!important}

/* Social icons shared */
.social-icon{display:grid;place-items:center;flex:0 0 auto}
.social-icon svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.6}
.social-icon svg rect,.social-icon svg circle{fill:none}
.social-icon svg .play-cut{fill:#fff;stroke:none}
.social-label{display:inline-block}

/* top social: clear but compact */
.topbar-left{gap:10px!important}
.top-social-label{color:#7a8b98!important}
.top-social-links{gap:6px!important}
.top-social-links .top-social-item{
  width:28px!important;height:28px!important;border-radius:9px!important;
  padding:0!important;background:#fff!important;border:1px solid #d8e5ed!important;
  color:var(--calm-blue)!important;display:grid!important;place-items:center!important
}
.top-social-links .top-social-item:hover{background:var(--calm-blue)!important;color:#fff!important;border-color:var(--calm-blue)!important}
.top-social-links .social-label{display:none}
.top-social-links .social-icon svg{width:14px;height:14px}

/* floating social rail */
.social-rail{
  right:16px!important;padding:10px 8px!important;border-radius:16px!important;
  background:rgba(255,255,255,.97)!important;border-color:#dce8ef!important;
  box-shadow:0 14px 34px rgba(30,67,98,.13)!important
}
.social-rail-title{writing-mode:horizontal-tb!important;transform:none!important;margin:0 0 2px!important;color:#738794!important;font-size:8px!important}
.social-rail .rail-social-item{
  width:36px!important;height:36px!important;border-radius:11px!important;
  padding:0!important;background:#f1f7fb!important;border:1px solid #d7e5ee!important;color:var(--calm-blue)!important
}
.social-rail .rail-social-item:hover{background:var(--calm-blue)!important;color:#fff!important;border-color:var(--calm-blue)!important;transform:translateX(-2px)!important}
.social-rail .social-label{display:none}

/* Footer rebuilt */
.market-footer{
  margin-top:72px!important;padding:0!important;
  background:linear-gradient(180deg,#f0f6fa 0%,#eaf2f7 100%)!important;
  border-top:1px solid #d9e5ed!important;color:#5d7180!important
}
.footer-main{
  display:grid!important;
  grid-template-columns:1.35fr .85fr .75fr 1.15fr 1.15fr!important;
  gap:42px!important;padding:48px 0 38px!important;align-items:start
}
.footer-main>section{min-width:0}
.footer-main h3{
  margin:0 0 15px!important;color:var(--calm-navy)!important;
  font-size:13px!important;font-weight:800!important;letter-spacing:.01em
}
.footer-brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:15px}
.footer-brand-mark{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--calm-orange),#f18a65);
  color:#fff!important;font-size:29px!important;font-weight:800!important;
  box-shadow:0 8px 18px rgba(237,106,66,.16)
}
.footer-brand>span:last-child b,.footer-brand>span:last-child small{display:block}
.footer-brand>span:last-child b{font-size:18px;color:var(--calm-navy);letter-spacing:-.5px}
.footer-brand>span:last-child small{font-size:10px;color:#7b8d99;text-transform:uppercase;letter-spacing:.12em;margin-top:1px}
.footer-brand-column p,.footer-social-column p{margin:0 0 15px;color:#6f818e;font-size:12px;line-height:1.7}
.footer-safe-badge{display:inline-flex!important;align-items:center;gap:7px!important;width:max-content;padding:8px 10px!important;border:1px solid #d4e5dc!important;border-radius:10px!important;background:#f4fbf7!important;color:#3c7a5d!important;font-size:11px!important}
.footer-safe-badge b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#dff2e7;color:#2f8a5c}
.footer-link-list{display:grid;gap:10px}
.footer-link-list a{font-size:12px!important;color:#617582!important;transition:.18s}
.footer-link-list a:hover{color:var(--calm-orange-deep)!important;transform:translateX(2px)}
.footer-subheading{margin-top:24px!important}
.footer-badges{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0!important}
.footer-badges span{
  padding:7px 9px!important;border:1px solid #d5e4ed!important;border-radius:8px!important;
  background:#fff!important;color:#496a80!important;font-size:9px!important;font-weight:800!important;
  box-shadow:0 3px 8px rgba(31,64,91,.03)
}
.footer-payment-badges span:first-child{color:#2d7756!important;border-color:#d5e9df!important;background:#f7fcf9!important}
.footer-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.footer-social-link{
  display:flex!important;align-items:center!important;gap:8px!important;
  min-height:39px;padding:8px 10px!important;border-radius:10px!important;
  background:#fff!important;border:1px solid #d9e6ee!important;
  color:#456a83!important;font-size:11px!important;font-weight:700!important;
  box-shadow:0 3px 10px rgba(31,64,91,.025);transition:.18s
}
.footer-social-link:hover{background:var(--calm-navy)!important;color:#fff!important;border-color:var(--calm-navy)!important;transform:translateY(-1px)}
.footer-social-link .social-icon svg{width:15px;height:15px}
.footer-bottom{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:20px!important;margin:0!important;padding:20px 0!important;
  border-top:1px solid #d5e2e9!important;color:#748692!important;font-size:11px!important
}
.footer-bottom b{color:var(--calm-navy)}
.footer-bottom-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom-links a{color:#6b7e8b;font-size:11px}
.footer-bottom-links a:hover{color:var(--calm-orange-deep)!important}

/* Prevent old footer selectors from breaking the new layout */
.footer-grid{display:contents!important}
.footer-grid section{display:block!important}
.qr-placeholder,.app-badges{display:none!important}

@media(max-width:1180px){
  .footer-main{grid-template-columns:1.3fr 1fr 1fr!important;gap:34px!important}
  .footer-brand-column{grid-column:span 1}
  .footer-service-column,.footer-social-column{grid-column:auto}
}
@media(max-width:900px){
  .footer-main{grid-template-columns:1fr 1fr!important;gap:30px!important}
  .footer-brand-column{grid-column:1/-1}
  .footer-brand-column p{max-width:560px}
}
@media(max-width:620px){
  .footer-main{grid-template-columns:1fr!important;gap:28px!important;padding:36px 0 28px!important}
  .footer-social-grid{grid-template-columns:1fr 1fr}
  .footer-bottom{align-items:flex-start!important;flex-direction:column!important}
  .footer-bottom-links{gap:14px}
  .top-social-label{display:none!important}
}


/* =========================================================
   v11.2 — Soft Shopee Orange + Elegant Batik Background
   ========================================================= */
:root{
  --shopee-soft-1:#fff8f3;
  --shopee-soft-2:#fff2ea;
  --shopee-soft-3:#ffe5d7;
  --shopee-soft-4:#ffd1bc;
  --shopee-orange:#ee6a3a;
  --shopee-orange-2:#f08255;
  --shopee-orange-deep:#d9572c;
  --shopee-brown:#7a5a4a;
  --shopee-ink:#403331;
  --shopee-muted:#7d6b66;
  --shopee-line:#eddccf;
  --shopee-panel:#ffffff;
  --shopee-shadow:0 10px 28px rgba(132,77,49,.08);
  --shopee-shadow-hover:0 18px 40px rgba(132,77,49,.13);
}

html,body{
  background:
    radial-gradient(circle at 18px 18px, rgba(238,106,58,.035) 2px, transparent 2.2px) 0 0/72px 72px,
    radial-gradient(circle at 54px 54px, rgba(217,87,44,.028) 2px, transparent 2.2px) 0 0/72px 72px,
    radial-gradient(ellipse at center, rgba(240,130,85,.045) 0 16%, transparent 17%) 0 0/96px 96px,
    linear-gradient(180deg,#fffaf7 0%,#fff6f1 40%,#fffaf8 100%) !important;
  color:var(--shopee-ink)!important;
}
body::before{
  content:"";
  position:fixed;inset:0;
  background:
    radial-gradient(circle at 25% 20%, rgba(255,255,255,.45), transparent 28%),
    radial-gradient(circle at 78% 9%, rgba(255,226,210,.50), transparent 20%),
    radial-gradient(circle at 12% 88%, rgba(245,191,160,.12), transparent 24%);
  pointer-events:none;
  z-index:-1;
}

/* global surfaces */
.topbar{
  background:linear-gradient(90deg,#fff5ee,#fff8f4)!important;
  border-bottom:1px solid var(--shopee-line)!important;
  color:#8a736a!important;
}
.topbar a,.topbar span,.top-social-label{color:#8a736a!important}
header{
  background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid #f0dfd2!important;
  box-shadow:0 6px 24px rgba(124,88,67,.05)!important;
}
.brand-word{color:var(--shopee-orange-deep)!important}
.brand-mark-v93{
  background:linear-gradient(135deg,var(--shopee-orange),var(--shopee-orange-2))!important;
  box-shadow:0 10px 24px rgba(238,106,58,.20)!important;
}
.header-main form{
  background:#fffaf7!important;
  border-color:#eddccd!important;
}
.header-main form:focus-within{
  border-color:#f1b18f!important;
  box-shadow:0 0 0 4px rgba(240,130,85,.10)!important;
}
.header-main form button{
  background:linear-gradient(135deg,var(--shopee-orange),var(--shopee-orange-2))!important;
}
.nav-main a{color:#755f58!important}
.nav-main a:hover,.nav-main a.active{color:var(--shopee-orange-deep)!important}
.nav-main a:after{background:var(--shopee-orange)!important}

/* hero */
.market-hero-main,.hero-main{
  background:
    radial-gradient(circle at 82% 15%, rgba(255,255,255,.16), transparent 25%),
    radial-gradient(circle at 14% 88%, rgba(255,240,232,.14), transparent 22%),
    linear-gradient(135deg,#f48a58 0%,#ee6a3a 52%,#e45c2d 100%)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 18px 46px rgba(209,100,48,.18)!important;
}
.market-hero-main:after,.hero-main:after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 18px 18px, rgba(255,255,255,.08) 2px, transparent 2.2px) 0 0/68px 68px,
    radial-gradient(circle at 50px 50px, rgba(255,247,240,.06) 2px, transparent 2.2px) 0 0/68px 68px;
  pointer-events:none;
}
.market-hero-copy h1,.hero-main h1{color:#fff!important}
.market-hero-copy p,.hero-trust{color:#ffede3!important}
.market-hero-copy .eyebrow{color:#fff1e8!important}
.hero-float-card{
  background:rgba(255,250,246,.97)!important;
  color:var(--shopee-brown)!important;
  border-color:rgba(255,255,255,.75)!important;
}
.hero-float-card b{color:#8f7467!important}
.hero-float-card span{color:var(--shopee-orange-deep)!important}
.market-hero-main .btn:not(.secondary),.hero-main .btn:not(.secondary){
  background:#fff!important;color:var(--shopee-orange-deep)!important;
}
.market-hero-main .btn.secondary,.hero-main .btn.secondary{
  background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important;
}

/* panels */
.market-shortcuts,.promo-strip,.market-section.white-panel,
.product-card,.panel,.auth-card,.checkout-box,.cms-page-head,.cms-sidebar,
.order-card,.stat-card,.metric-card,.tracking-list-card,.review-card,.complaint-card,.notification-item{
  background:var(--shopee-panel)!important;
  border-color:var(--shopee-line)!important;
  box-shadow:var(--shopee-shadow)!important;
}
.market-shortcuts a:hover{background:#fff7f2!important}
.market-shortcuts span{
  background:#fff0e7!important;color:var(--shopee-orange-deep)!important;
}
.market-shortcuts a:nth-child(2n) span{
  background:#fff5ef!important;color:#bb663f!important;
}
.promo-ticket{
  background:linear-gradient(135deg,#fffdfb,#fff5ef)!important;
  border-color:#f1dfd1!important;
}
.promo-icon{
  background:linear-gradient(135deg,var(--shopee-orange),var(--shopee-orange-2))!important;
}
.promo-value,.price,.big-money{color:var(--shopee-orange-deep)!important}
.category-cms{
  border-color:#efddd0!important;
  color:#7a655f!important;
}
.category-cms span{
  background:#fff2ea!important;
  color:var(--shopee-orange-deep)!important;
}
.category-cms.active{
  background:#fff7f2!important;
  border-color:#efc8b3!important;
  color:#914f33!important;
  box-shadow:0 9px 24px rgba(226,114,63,.10)!important;
}
.product-card:hover{
  border-color:#efc8b3!important;
  box-shadow:var(--shopee-shadow-hover)!important;
}

/* social */
.top-social-links .top-social-item{
  background:#fff!important;
  border-color:#efd8ca!important;
  color:var(--shopee-orange-deep)!important;
}
.top-social-links .top-social-item:hover{
  background:var(--shopee-orange)!important;
  border-color:var(--shopee-orange)!important;
  color:#fff!important;
}
.social-rail{
  background:rgba(255,255,255,.98)!important;
  border-color:#efdccd!important;
  box-shadow:0 16px 36px rgba(130,84,59,.12)!important;
}
.social-rail .rail-social-item{
  background:#fff4ed!important;
  border-color:#f0dacd!important;
  color:var(--shopee-orange-deep)!important;
}
.social-rail .rail-social-item:hover{
  background:var(--shopee-orange)!important;
  border-color:var(--shopee-orange)!important;
  color:#fff!important;
}

/* footer */
.market-footer{
  background:
    radial-gradient(circle at 16px 16px, rgba(238,106,58,.03) 2px, transparent 2.2px) 0 0/72px 72px,
    radial-gradient(circle at 52px 52px, rgba(217,87,44,.025) 2px, transparent 2.2px) 0 0/72px 72px,
    linear-gradient(180deg,#fff4ed 0%,#fff8f5 100%)!important;
  border-top:1px solid #eddccf!important;
  color:#725f59!important;
}
.footer-brand>span:last-child b{color:var(--shopee-orange-deep)!important}
.footer-brand>span:last-child small{color:#9b8378!important}
.footer-brand-mark{
  background:linear-gradient(135deg,var(--shopee-orange),var(--shopee-orange-2))!important;
}
.footer-main h3{color:#6b5047!important}
.footer-brand-column p,.footer-social-column p,
.footer-link-list a,.footer-bottom,.footer-bottom-links a{color:#7c6963!important}
.footer-link-list a:hover,.footer-bottom-links a:hover{
  color:var(--shopee-orange-deep)!important;
}
.footer-safe-badge{
  background:#fffaf6!important;
  border-color:#efddd0!important;
  color:#8c6757!important;
}
.footer-safe-badge b{
  background:#fff0e7!important;
  color:var(--shopee-orange-deep)!important;
}
.footer-badges span{
  background:#fff!important;
  border-color:#efdccc!important;
  color:#7a655d!important;
}
.footer-payment-badges span:first-child{
  color:#9a5a3e!important;
  background:#fff3ea!important;
  border-color:#f0d8ca!important;
}
.footer-social-link{
  background:#fff!important;
  border-color:#eedace!important;
  color:#8a6858!important;
}
.footer-social-link:hover{
  background:var(--shopee-orange)!important;
  border-color:var(--shopee-orange)!important;
  color:#fff!important;
}
.footer-bottom{
  border-top:1px solid #ecdbce!important;
}

/* CMS/Seller/Admin still elegant, slightly warmer */
.cms-side-brand{
  background:linear-gradient(135deg,#ef7444,#e46032)!important;
}
.cms-menu-group a.active{
  background:#fff3ec!important;
  color:var(--shopee-orange-deep)!important;
  box-shadow:inset 3px 0 0 var(--shopee-orange)!important;
}
.btn:not(.secondary):not(.soft){
  background:linear-gradient(135deg,var(--shopee-orange),var(--shopee-orange-2))!important;
}
.btn:not(.secondary):not(.soft):hover{
  background:linear-gradient(135deg,var(--shopee-orange-deep),var(--shopee-orange))!important;
}
.btn.soft{
  background:#fff2ea!important;
  color:var(--shopee-orange-deep)!important;
}
.btn.secondary{
  background:#fff!important;
  border-color:#efdbce!important;
  color:#a35938!important;
}

@media(max-width:760px){
  html,body{
    background:
      radial-gradient(circle at 16px 16px, rgba(238,106,58,.03) 2px, transparent 2.2px) 0 0/56px 56px,
      linear-gradient(180deg,#fffaf7 0%,#fff5ef 100%) !important;
  }
}


/* =========================================================
   v11.3 — Symmetric Footer + Premium Orange Header
   ========================================================= */
:root{--v113-orange:#ee6840;--v113-orange-deep:#d9532d;--v113-orange-light:#f7845d;--v113-cream:#fffaf7;--v113-ink:#493631;--v113-muted:#846f67;--v113-line:#ecd9cd;--v113-shadow:0 8px 28px rgba(133,70,42,.08)}

/* Header marketplace premium — orange lembut */
.topbar{background:linear-gradient(90deg,#e95b35 0%,#ee6840 54%,#f27a50 100%)!important;border-bottom:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.topbar .wrap{min-height:34px;align-items:center}.topbar a,.topbar span,.top-social-label{color:rgba(255,255,255,.94)!important}.top-social-label{border-left-color:rgba(255,255,255,.28)!important}
.top-social-links .top-social-item{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:none!important}.top-social-links .top-social-item:hover{background:#fff!important;border-color:#fff!important;color:var(--v113-orange-deep)!important}
header{background:linear-gradient(90deg,#e95b35 0%,#ef6a40 52%,#f27d53 100%)!important;border-bottom:0!important;box-shadow:0 9px 24px rgba(157,68,31,.13)!important}
.header-main{min-height:78px!important;padding-top:15px!important;padding-bottom:12px!important}.brand-v93{gap:10px!important}.brand-mark-v93{width:44px!important;height:44px!important;flex-basis:44px!important;background:#fff!important;color:var(--v113-orange-deep)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 9px 22px rgba(120,54,27,.13)!important}.brand-mark-v93>span{color:var(--v113-orange-deep)!important}
.brand-word{color:#fff!important;display:flex!important;flex-direction:column;gap:1px;letter-spacing:-.8px!important}.brand-word b{color:#fff!important;font-size:25px!important;line-height:1!important;font-weight:800!important}.brand-word small{color:rgba(255,255,255,.78)!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.header-main form{min-height:48px!important;background:#fff!important;border:1px solid rgba(255,255,255,.74)!important;box-shadow:0 5px 18px rgba(115,48,22,.12)!important;border-radius:8px!important}.header-main form>span{color:#a68779!important}.header-main input{background:#fff!important;color:#443631!important}.header-main input::placeholder{color:#a28b81!important}.header-main form:focus-within{border-color:#fff!important;box-shadow:0 7px 22px rgba(115,48,22,.17)!important}.header-main form button{width:48px!important;height:40px!important;border-radius:7px!important;background:linear-gradient(135deg,#ed643c,#e85631)!important;color:#fff!important}
.cart-link{color:#fff!important;background:transparent!important}.cart-link:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}.cart-link b{background:#fff!important;color:var(--v113-orange-deep)!important;border:2px solid var(--v113-orange)!important}
#account{border-left-color:rgba(255,255,255,.26)!important}#account .account-name{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important}#account .account-name:hover{background:rgba(255,255,255,.18)!important}#account .btn.secondary{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.38)!important}#account .btn:not(.secondary){background:#fff!important;color:var(--v113-orange-deep)!important;box-shadow:none!important}
.nav-main{min-height:43px!important;border-top:1px solid rgba(255,255,255,.14)!important}.nav-main a{color:rgba(255,255,255,.92)!important;padding-top:12px!important;padding-bottom:12px!important}.nav-main a:hover,.nav-main a.active{color:#fff!important}.nav-main a:after{background:#fff!important;height:2px!important}.nav-note{color:rgba(255,255,255,.78)!important}.nav-note .icon{color:#fff!important}

/* Footer utama — grid konsisten */
.market-footer{margin-top:72px!important;padding:0!important;background:radial-gradient(circle at 18px 18px,rgba(235,99,55,.028) 2px,transparent 2.2px) 0 0/72px 72px,linear-gradient(180deg,#fff6f0 0%,#fffaf7 100%)!important;border-top:1px solid #eddbcf!important}
.footer-main{width:min(1320px,calc(100% - 80px))!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:minmax(220px,1.25fr) minmax(140px,.85fr) minmax(130px,.78fr) minmax(210px,1.12fr) minmax(245px,1.25fr)!important;gap:clamp(28px,3vw,48px)!important;padding:46px 0 38px!important;align-items:start!important}.footer-main>section{min-width:0!important;align-self:start!important}.footer-main h3{min-height:20px;margin:0 0 14px!important;color:#6e4e42!important;font-size:13px!important;font-weight:800!important}.footer-brand-column p,.footer-social-column p{max-width:330px}.footer-link-list{align-content:start!important}.footer-service-column .footer-subheading{margin-top:22px!important}.footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.footer-social-link{min-width:0!important;width:100%!important;justify-content:flex-start!important}

/* Footer legal bottom — full width line + perfectly centered inner container */
.footer-legalbar{width:100%!important;border-top:1px solid #ead7cb!important;background:rgba(255,255,255,.42)!important}
.footer-bottom-inner{width:min(1320px,calc(100% - 80px))!important;margin-left:auto!important;margin-right:auto!important;padding:18px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:32px!important;color:#806d66!important;font-size:11px!important}
.footer-copyright{min-width:0;text-align:left;white-space:normal}.footer-copyright b{color:#684a40!important}.footer-bottom-links{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:22px!important;white-space:nowrap}.footer-bottom-links a{color:#78665f!important;font-size:11px!important}.footer-bottom-links a:hover{color:var(--v113-orange-deep)!important}
.footer-bottom{display:none!important}

@media(max-width:1180px){.footer-main{grid-template-columns:1.2fr 1fr 1fr!important}.footer-brand-column{grid-column:span 1!important}.footer-social-column{grid-column:span 2!important}.footer-social-column p{max-width:560px}.footer-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.header-main{flex-wrap:wrap!important}.header-main form{order:3!important;flex-basis:100%!important}.footer-main{width:min(100% - 48px,1320px)!important;grid-template-columns:1fr 1fr!important}.footer-brand-column{grid-column:1/-1!important}.footer-social-column{grid-column:1/-1!important}.footer-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:680px}.footer-bottom-inner{width:min(100% - 48px,1320px)!important}}
@media(max-width:650px){.topbar .wrap{justify-content:center!important}.topbar-left>span:first-child,.top-social-label{display:none!important}.topbar .wrap>div:last-child{display:none!important}.header-main{padding-top:12px!important;padding-bottom:12px!important}.brand-word b{font-size:21px!important}.brand-word small{font-size:7px!important}#account{padding-left:0!important;border-left:0!important}.footer-main{width:calc(100% - 36px)!important;grid-template-columns:1fr!important;gap:27px!important;padding:36px 0 28px!important}.footer-brand-column,.footer-social-column{grid-column:auto!important}.footer-social-grid{grid-template-columns:1fr 1fr!important}.footer-bottom-inner{width:calc(100% - 36px)!important;grid-template-columns:1fr!important;gap:12px!important;text-align:center;padding:17px 0!important}.footer-copyright{text-align:center!important}.footer-bottom-links{justify-content:center!important;gap:16px!important;white-space:normal!important;flex-wrap:wrap!important}}
@media(max-width:390px){.footer-social-grid{grid-template-columns:1fr!important}}


/* =========================================================
   v11.3.1 — Header Correction
   Orange only on the very top utility bar.
   Main header + navigation return to premium white.
   ========================================================= */
.topbar{
  background:linear-gradient(90deg,#e95b35 0%,#ee6840 52%,#f27a50 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.topbar a,
.topbar span,
.topbar .top-social-label{
  color:rgba(255,255,255,.96)!important;
}
.top-social-label{
  border-left-color:rgba(255,255,255,.30)!important;
}
.top-social-links .top-social-item{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
}
.top-social-links .top-social-item:hover{
  background:#fff!important;
  border-color:#fff!important;
  color:#d9532d!important;
}

/* main header stays white */
header{
  background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid #efdcd1!important;
  box-shadow:0 6px 22px rgba(91,57,42,.055)!important;
}
.header-main{
  min-height:76px!important;
  padding-top:14px!important;
  padding-bottom:13px!important;
}

/* brand becomes orange again on white */
.brand-mark-v93{
  background:linear-gradient(135deg,#ee6840,#f1845d)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 9px 22px rgba(221,91,49,.17)!important;
}
.brand-mark-v93>span{
  color:#fff!important;
}
.brand-word{
  color:#d9532d!important;
}
.brand-word b{
  color:#d9532d!important;
}
.brand-word small{
  color:#9a7668!important;
}

/* white search with soft orange outline */
.header-main form{
  background:#fff!important;
  border:1.5px solid #f0bda6!important;
  box-shadow:0 5px 16px rgba(140,83,55,.05)!important;
}
.header-main form:focus-within{
  border-color:#ee6840!important;
  box-shadow:0 0 0 4px rgba(238,104,64,.08)!important;
}
.header-main form>span{
  color:#a58d84!important;
}
.header-main input{
  color:#443631!important;
  background:#fff!important;
}
.header-main input::placeholder{
  color:#a48d84!important;
}
.header-main form button{
  background:linear-gradient(135deg,#ee6840,#e95a34)!important;
  color:#fff!important;
}

/* cart and account are orange accents on white */
.cart-link{
  color:#5b4842!important;
  background:transparent!important;
}
.cart-link:hover{
  color:#d9532d!important;
  background:#fff4ef!important;
}
.cart-link b{
  background:#ee6840!important;
  color:#fff!important;
  border:2px solid #fff!important;
}
#account{
  border-left-color:#efdcd2!important;
}
#account .account-name{
  background:#fff8f4!important;
  border-color:#efcbb9!important;
  color:#d9532d!important;
}
#account .account-name:hover{
  background:#fff2eb!important;
}
#account .btn.secondary{
  background:#fff!important;
  color:#d9532d!important;
  border-color:#efc7b4!important;
}
#account .btn:not(.secondary){
  background:linear-gradient(135deg,#ee6840,#e95a34)!important;
  color:#fff!important;
}

/* navigation row is white, orange only as active/accent */
.nav-main{
  background:#fff!important;
  border-top:1px solid #f5e9e3!important;
}
.nav-main a{
  color:#6a5750!important;
}
.nav-main a:hover,
.nav-main a.active{
  color:#d9532d!important;
}
.nav-main a:after{
  background:#ee6840!important;
}
.nav-note{
  color:#9a7d71!important;
}
.nav-note .icon{
  color:#d9532d!important;
}

/* keep footer and homepage theme untouched */


/* =========================================================
   v11.3.2 — Hero Contrast Fix
   Fokus: banner/hero lebih kontras dan tombol CTA lebih tegas
   ========================================================= */
:root{
  --hero-orange-1:#f38a5d;
  --hero-orange-2:#ee6b3d;
  --hero-orange-3:#df562b;
  --hero-cream:#fff8f4;
  --hero-dark:#6c2d19;
  --hero-deep:#4e2e26;
  --hero-shadow:0 18px 42px rgba(164,79,40,.19);
}

.market-hero{
  align-items:stretch!important;
  gap:18px!important;
}

.market-hero-main,
.hero-main{
  position:relative;
  overflow:hidden;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 14% 84%, rgba(255,255,255,.08), transparent 24%),
    radial-gradient(circle at 82% 14%, rgba(255,255,255,.14), transparent 22%),
    linear-gradient(135deg,var(--hero-orange-1) 0%,var(--hero-orange-2) 52%,var(--hero-orange-3) 100%)!important;
  box-shadow:var(--hero-shadow)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}

.market-hero-main::before,
.hero-main::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.07) 0 10%, transparent 10% 20%, rgba(255,255,255,.04) 20% 30%, transparent 30% 100%),
    radial-gradient(circle at 16px 16px, rgba(255,255,255,.12) 1.5px, transparent 1.7px) 0 0/72px 72px;
  opacity:.55;
  pointer-events:none;
}

.market-hero-copy h1,
.hero-main h1{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(111,47,23,.14);
}
.market-hero-copy p,
.hero-trust{
  color:#fff4ed!important;
}
.market-hero-copy .eyebrow{
  color:#ffe7da!important;
  letter-spacing:.08em!important;
}

.market-hero-copy .actions,
.hero-main .actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* CTA 1 — now clearly contrasted from banner */
.market-hero-main .btn:not(.secondary),
.hero-main .btn:not(.secondary){
  background:#ffffff!important;
  color:var(--hero-orange-3)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 10px 24px rgba(116,50,24,.16)!important;
  font-weight:800!important;
}
.market-hero-main .btn:not(.secondary):hover,
.hero-main .btn:not(.secondary):hover{
  background:#fff7f1!important;
  color:#c84923!important;
  transform:translateY(-1px);
}

/* CTA 2 — outline / glass style so it differs from primary */
.market-hero-main .btn.secondary,
.hero-main .btn.secondary{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1.5px solid rgba(255,255,255,.56)!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px);
}
.market-hero-main .btn.secondary:hover,
.hero-main .btn.secondary:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:#fff!important;
}

/* trust chips under hero */
.market-hero-main .trust-badges span,
.hero-main .trust-badges span,
.market-hero-main .hero-trust span,
.hero-main .hero-trust span{
  background:rgba(255,248,243,.14)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff7f2!important;
  backdrop-filter:blur(3px);
}

/* product image block stronger separation */
.hero-product-art img{
  border:10px solid rgba(255,240,231,.68)!important;
  box-shadow:0 22px 42px rgba(93,42,20,.22)!important;
  border-radius:24px!important;
}
.hero-float-card{
  background:#fffaf7!important;
  color:var(--hero-deep)!important;
  border:1px solid #f1d8ca!important;
  box-shadow:0 12px 24px rgba(106,57,33,.10)!important;
}
.hero-float-card b{
  color:#997565!important;
}
.hero-float-card span{
  color:var(--hero-orange-3)!important;
  font-weight:900!important;
}

/* right-side promo cards need more contrast too */
.side-promo,
.market-hero .side-promo{
  background:#fffdfa!important;
  border:1px solid #efdacd!important;
  border-radius:24px!important;
  box-shadow:0 10px 24px rgba(111,70,44,.06)!important;
}
.side-promo h3,
.side-promo strong{
  color:#8c462a!important;
}
.side-promo p,
.side-promo small{
  color:#8a7167!important;
}
.side-promo a{
  color:var(--hero-orange-3)!important;
  font-weight:800!important;
}
.side-promo.berry{
  background:linear-gradient(180deg,#fffdfb 0%,#fff5ef 100%)!important;
}
.side-promo.cream{
  background:linear-gradient(180deg,#fffaf6 0%,#fff3eb 100%)!important;
}

/* general panel contrast nearby hero */
.market-shortcuts,
.promo-strip,
.market-section.white-panel{
  border-color:#edd8cc!important;
  box-shadow:0 9px 24px rgba(111,70,44,.055)!important;
}

/* mobile refinement */
@media(max-width:760px){
  .market-hero-main .btn,
  .hero-main .btn{
    min-height:44px!important;
  }
  .hero-product-art img{
    border-width:8px!important;
  }
}


/* =========================================================
   v13 — Premium Public Store
   Fokus visual publik: jernih, mewah, soft orange + batik
   ========================================================= */
:root{
 --v13-orange:#eb6840;--v13-deep:#cf4f2a;--v13-soft:#fff3ec;--v13-cream:#fffaf7;
 --v13-ink:#352e2c;--v13-muted:#7b6d68;--v13-line:#eadfd9;--v13-gold:#c69061;
 --v13-shadow:0 10px 30px rgba(72,50,40,.065);--v13-hover:0 18px 42px rgba(72,50,40,.11)
}
#main{padding-top:20px;padding-bottom:30px}
.market-section{margin:32px 0!important}.market-section.white-panel,.promo-strip{padding:24px!important;border-radius:20px!important}
.section-top h2{font-size:23px!important;letter-spacing:-.45px}.section-top p{color:#8a7c77!important}
.v13-hero .market-hero-main{min-height:390px!important}.v13-hero .market-hero-copy{padding:46px!important}.v13-hero .market-hero-copy h1{font-size:46px!important;max-width:620px}.v13-hero .hero-product-art img{max-height:300px!important}
.v13-shortcuts{padding:16px!important}.v13-shortcuts a{min-height:78px}.v13-shortcuts span{width:44px!important;height:44px!important;border-radius:14px!important}.v13-shortcuts b{font-size:11.5px!important}

/* premium product card */
.v13-product-card{border-radius:15px!important;overflow:hidden;background:#fff!important;border:1px solid #eee3de!important;transition:.2s ease!important}.v13-product-card:hover{transform:translateY(-4px)!important;box-shadow:var(--v13-hover)!important;border-color:#e9cfc2!important}.v13-product-card .photo-wrap{background:#f8f5f3!important}.v13-product-card .product-image{aspect-ratio:1/1;object-fit:cover}.product-badge{position:absolute;left:10px;top:10px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.94);font-size:9px;font-weight:800;color:#39735a;box-shadow:0 4px 12px rgba(0,0,0,.05)}.product-badge.out{color:#a44d4d}.v13-product-card .product-info{padding:13px!important}.product-category{font-size:9px!important;color:#9c8277!important;text-transform:uppercase;letter-spacing:.08em}.v13-product-card h3{font-size:13px!important;line-height:1.42!important;min-height:37px;margin:5px 0 8px!important}.v13-product-card .price{font-size:16px!important}.product-proof{display:flex;gap:8px;margin-top:7px;font-size:10px;color:#8b7770}.product-proof span:first-child{color:#d38a30}.product-location{font-size:10px;color:#9c8b85;margin-top:7px}.shop-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#715e58!important;font-size:10px!important}

/* catalog */
.v13-catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.catalog-filter{position:sticky;top:128px;padding:18px!important;display:grid;gap:13px}.filter-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #eee3de}.catalog-filter label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#6c5e59}.catalog-filter input,.catalog-filter select{width:100%;padding:10px 11px;border:1px solid #e7d9d2;border-radius:9px;background:#fff;color:#443b38}.catalog-toolbar{padding:13px 15px!important;background:#fff!important;border:1px solid #eadfd9!important;border-radius:13px!important;margin-bottom:14px!important}.catalog-toolbar label{font-size:11px;color:#746560}.catalog-toolbar select{border:1px solid #e6d6ce;border-radius:8px;padding:8px 10px;background:#fff}.v13-catalog-layout .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* store cards */
.store-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.store-card{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;padding:16px;border:1px solid #eadfd9;border-radius:15px;background:linear-gradient(135deg,#fff,#fffaf7);box-shadow:0 6px 18px rgba(72,50,40,.04);transition:.18s}.store-card:hover{transform:translateY(-2px);border-color:#e4cabb;box-shadow:var(--v13-shadow)}.store-avatar,.storefront-avatar{display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f47d55,#dd5731);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(224,94,49,.17)}.store-avatar{width:54px;height:54px;font-size:20px}.store-card h3{margin:0 0 4px;font-size:14px}.store-card p{margin:0;color:#93837d;font-size:10px}.store-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:9px;color:#7a6964}.store-card>b{font-size:10px;color:#d75a35}.all-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.all-store-card{display:grid!important;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:17px!important}.all-store-card .store-avatar{width:58px;height:58px}.all-store-card h3{margin:0}.all-store-card p{margin:3px 0;color:#8e7d77}.storefront-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.storefront-stats span{padding:7px 9px;border-radius:9px;background:#fff4ed;color:#745c53;font-size:10px}.storefront-stats.compact span{padding:4px 7px}.storefront-hero{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px;border-radius:20px;background:linear-gradient(135deg,#7f3d27 0%,#b95534 48%,#e6744c 100%);color:#fff;box-shadow:0 16px 38px rgba(128,62,37,.15);margin:4px 0 24px}.storefront-avatar{width:84px;height:84px;font-size:32px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28)}.storefront-copy h1{margin:4px 0;font-size:28px}.storefront-copy p{margin:0;color:#ffece3}.storefront-hero .storefront-stats span{background:rgba(255,255,255,.12);color:#fff}.storefront-actions .btn.secondary{background:#fff!important;color:#b84f31!important;border-color:#fff!important}

/* product detail */
.product-detail-v13{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:24px}.product-detail-media{position:relative}.product-detail-media>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;background:#f7f4f2}.detail-badges{position:absolute;left:12px;bottom:12px;display:flex;gap:7px}.detail-badges span{padding:6px 8px;background:rgba(255,255,255,.94);border-radius:8px;font-size:9px;font-weight:800}.product-detail-info{align-self:center}.detail-proof{display:flex;gap:12px;color:#8c7770;font-size:11px;margin-bottom:9px}.detail-proof span:first-child{color:#d48a2f}.product-detail-info h2{font-size:27px!important;line-height:1.18;margin:7px 0 10px!important}.detail-price{font-size:29px!important;margin:10px 0}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.detail-facts span{padding:10px;border:1px solid #eadfd9;border-radius:10px;color:#75655f;font-size:10px}.detail-facts b{display:block;color:#443a37;font-size:11px;margin-bottom:2px}.detail-actions{display:flex;gap:10px}.seller-mini-card{grid-column:1/-1;display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid #eadfd9;border-radius:14px;background:#fffaf7}.seller-mini-card h3{margin:0}.seller-mini-card p{margin:3px 0;color:#8c7b75;font-size:11px}.detail-reviews,.detail-related{grid-column:1/-1;border-top:1px solid #eadfd9;padding-top:18px}.detail-reviews article{padding:13px 0;border-bottom:1px solid #eee5e1}.detail-reviews article>div{display:flex;justify-content:space-between;gap:10px}.detail-reviews article span{color:#d58b2e}.detail-reviews article p{margin:7px 0;color:#6f625e}.detail-reviews article small{color:#a08f89}.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.v13-seller-banner{background:linear-gradient(115deg,#7f3923,#b65332 55%,#df754f)!important;border-radius:20px!important}

@media(max-width:1100px){.v13-catalog-layout{grid-template-columns:190px minmax(0,1fr)}.v13-catalog-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.store-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.v13-catalog-layout{grid-template-columns:1fr}.catalog-filter{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-title,.catalog-filter .btn{grid-column:1/-1}.v13-catalog-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.storefront-hero{grid-template-columns:64px 1fr}.storefront-avatar{width:64px;height:64px}.storefront-actions{grid-column:1/-1}.product-detail-v13{grid-template-columns:1fr}.seller-mini-card{grid-template-columns:48px 1fr}.seller-mini-card .btn{grid-column:1/-1}.detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.v13-hero .market-hero-copy{padding:28px!important}.v13-hero .market-hero-copy h1{font-size:32px!important}.store-card-grid,.all-store-grid{grid-template-columns:1fr}.catalog-filter{grid-template-columns:1fr}.filter-title,.catalog-filter .btn{grid-column:auto}.v13-catalog-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.detail-facts{grid-template-columns:1fr 1fr}.detail-actions{flex-direction:column}.detail-related-grid{grid-template-columns:1fr 1fr}}