@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--green:#234e3e;--cream:#f7f5ee;--orange:#ca633e;--line:#dedfd5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#253c32;font:15px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:85px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.brand{font:bold 31px 'Playfair Display',Georgia,serif;letter-spacing:-1px}.brand span{color:var(--orange)}.nav{display:flex;gap:26px;align-items:center}.plain{border:0;background:none;color:var(--green);padding:10px}.install{border:1px solid #b8c5b9;border-radius:30px;padding:10px 17px;background:none;color:var(--green)}main{max-width:1320px;margin:auto;padding:0 48px} .hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:380px;background:#e9ecdf;border-radius:16px;overflow:hidden}.hero-text{padding:46px 42px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:bold;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:20px;height:1px;background:currentColor}h1{font:500 clamp(38px,4.5vw,61px)/1.09 'Playfair Display',Georgia,serif;letter-spacing:-2px;margin:22px 0}h1 em{color:var(--orange);font-weight:500}.hero p{line-height:1.7;max-width:410px;color:#607064}.hero-art{position:relative;min-height:350px;background:linear-gradient(0deg,#142f29aa,#142f2910),url('./landscape.svg') center/cover;background-color:#547360;display:flex;align-items:flex-end;padding:26px;color:white}.hero-art .caption{font:26px 'Playfair Display',Georgia,serif}.hero-art small{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:2px;margin-bottom:8px}.hero-art:after{content:'JAWA TIMUR · INDONESIA';position:absolute;right:18px;top:20px;font-size:10px;letter-spacing:2px}.intro{display:flex;justify-content:space-between;align-items:end;margin:42px 0 22px}h2{font:500 30px 'Playfair Display',Georgia,serif;margin:0 0 9px}.muted{color:#778075;font-size:13px}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:8px;padding:12px 16px;gap:10px;min-width:300px}.search input{border:0;outline:0;width:100%;background:transparent}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px}.tab{border:1px solid var(--line);padding:12px 19px;border-radius:7px;color:#526352;background:transparent;display:flex;align-items:center;gap:9px}.tab.active{color:white;background:var(--green);border-color:var(--green)}.tab b{font-size:10px;opacity:.7}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0 12px}.chip{border:0;background:none;border-radius:30px;padding:8px 12px;color:#6b7469;font-size:12px}.chip.active{background:#e3e8d9;color:var(--green);font-weight:bold}.meta{display:flex;justify-content:space-between;align-items:center;margin:6px 0 20px;font-size:12px;color:#788173}select{padding:6px;border:0;background:none;color:#4e6252}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{border:1px solid var(--line);background:#fefefa;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #234e3e0d}.visual{height:140px;position:relative;display:flex;align-items:center;justify-content:center;background:#e9e5d7;overflow:hidden}.visual:before,.visual:after{content:'';border:1px solid #ffffff66;width:170px;height:170px;position:absolute;border-radius:50%;left:-60px;top:20px}.visual:after{left:auto;right:-65px;top:-60px;width:220px;height:220px}.visual .symbol{font-size:54px;filter:drop-shadow(0 8px 9px #0001)}.visual.wisata{background:#d6e0cf}.visual.hotel{background:#dce5e5}.save{position:absolute;right:12px;top:12px;width:33px;height:33px;background:#fffffff0;border:0;border-radius:50%;font-size:20px;color:var(--green)}.save.saved{color:var(--orange)}.category-label{position:absolute;left:14px;top:15px;text-transform:uppercase;font-size:9px;font-weight:bold;letter-spacing:1.6px;color:#5a6754}.body{padding:20px}.sub{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--orange);font-weight:bold}.body h3{font:600 21px/1.25 'Playfair Display',Georgia,serif;margin:9px 0}.body p{font-size:13px;color:#7b8175;line-height:1.6;min-height:42px}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecece4;padding-top:14px;margin-top:18px;font-size:11px;color:#6f7b6e}.map{color:var(--green);text-decoration:none;font-weight:bold}.official{display:inline-block;font-size:11px;color:var(--green);margin-top:7px}.note{background:#eaeede;border-radius:9px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin:36px 0;gap:20px}.note strong{font:500 21px 'Playfair Display',Georgia,serif}.note p{font-size:12px;color:#697563;line-height:1.7;margin-bottom:0}footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;color:#7a8376;font-size:11px}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed #bcc7b3;border-radius:10px}.empty h3{font:25px 'Playfair Display',Georgia,serif}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:8px;padding:15px 20px;z-index:5;max-width:90%;width:max-content;font-size:13px}.hidden{display:none}@media(min-width:1500px){.hero{min-height:420px}}@media(max-width:850px){header{padding:0 24px}main{padding:0 24px}.hero-text{padding:35px 28px}.hero{grid-template-columns:1.2fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.search{min-width:240px}.nav{gap:6px}}@media(max-width:600px){header{height:72px;padding:0 20px}.brand{font-size:28px}.nav .desktop{display:none}main{padding:0 18px}.hero{grid-template-columns:1fr}.hero-text{padding:30px 25px}.hero-art{min-height:190px}.hero h1{font-size:43px}.hero p{font-size:13px}.intro{display:block;margin-top:30px}.search{margin-top:20px;min-width:0}.tabs{gap:7px}.tab{padding:10px 12px;font-size:12px}.grid{grid-template-columns:1fr}.visual{height:150px}.note{display:block}.note strong{font-size:22px}.meta{gap:10px}.filters{gap:3px}footer{gap:18px;line-height:1.7}.hero-art .caption{font-size:23px}}

.brand{font-family:'DM Sans',sans-serif;font-size:25px;letter-spacing:-1.2px}.details{margin:32px 0}.details .card{max-width:850px;margin:auto}.details .visual{height:240px}.details .body{padding:30px}.details .body p{font-size:16px;line-height:1.9}.referral{display:inline-block;background:var(--orange);padding:11px 16px;color:white;border-radius:6px;text-decoration:none;font-size:12px;margin:12px 5px 0 0}.image-photo{width:100%;height:100%;object-fit:cover}.seo-intro{border-top:1px solid var(--line);padding:26px 0}.seo-intro h2{font-size:24px}.seo-intro h3{font-size:17px;margin-bottom:8px}.seo-intro p{font-size:13px;line-height:1.8;color:#687563;max-width:800px}.back{color:var(--green);display:inline-block;margin:24px 0 0}.details .card-foot{font-size:13px}.card-title{color:inherit;text-decoration:none}.hidden{display:none!important}.filterselect{border:1px solid var(--line);border-radius:20px;font-size:12px;padding:7px 12px}.admin-link{color:#677867} .star{font-size:11px;color:#8c6634}.view-detail{font-size:12px;color:var(--green);display:block;margin-top:14px} .hero h1{font-size:clamp(35px,4.5vw,59px)} .status-message{padding:20px;background:#e8eddf;border-radius:8px;margin:20px 0} @media(max-width:600px){.brand{font-size:22px}.install{padding:9px 11px;font-size:12px}.nav .plain{font-size:12px;padding:7px}.hero h1{font-size:41px}.details .body{padding:20px}.filters{padding:15px 0}}
/* v2.2 directory views and pagination */
.grid.view-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid .card{min-width:0}.view-grid .body{padding:16px}.view-grid .body h3{font-size:20px}.view-grid .body>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.view-grid .visual{height:125px}.card-title{overflow-wrap:anywhere}.view-grid .extra-info{display:none}.view-list,.view-details{grid-template-columns:minmax(0,1fr)}.view-list .card,.view-details .card{display:grid;grid-template-columns:120px minmax(0,1fr)}.view-list .visual,.view-details .visual{height:100%;min-height:140px}.view-list .category-label,.view-details .category-label{display:none}.view-list .body{padding:16px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;align-items:center}.view-list .body>h3{grid-column:1;margin:0;font-size:21px}.view-list .body>.sub{grid-column:1}.view-list .body>.card-foot{grid-column:2;grid-row:1 / span 4;display:flex;gap:18px;flex-wrap:wrap;border:0;margin:0;max-width:230px}.view-list .body>p,.view-list .extra-info,.view-list .view-detail,.view-list .official,.view-list .referral{display:none}.view-list .muted{font-size:11px}.view-details .card{grid-template-columns:200px minmax(0,1fr)}.view-details .body p{min-height:0}.extra-info{font-size:12px;color:#6d7868;line-height:1.7;margin-top:10px}.extra-info dl{margin:0}.extra-info dt{font-weight:600;margin-top:6px}.extra-info dd{margin:0;overflow-wrap:anywhere}.source-link{color:#67775d;font-size:11px}.pagination{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}.pagination a,.view-switch a{border:1px solid var(--line);padding:10px 14px;color:var(--green);text-decoration:none;border-radius:7px;font-size:12px}.pagination a.active,.view-switch a.active{background:var(--green);color:white;border-color:var(--green)}.view-switch{display:flex;gap:4px}.view-switch a{padding:8px 12px}.page-info{text-align:center;margin:17px 0}.search-submit{border:0;border-radius:5px;background:var(--green);color:white;padding:7px 11px;font-size:11px}.filters{align-items:center;gap:12px}.filters label{font-size:12px}.filterselect{margin-left:4px}.card-foot{gap:8px;flex-wrap:wrap}.view-grid .category-label{font-size:8px;letter-spacing:1px;left:10px;max-width:70%}.view-grid .body h3{min-height:50px}.view-details .visual .symbol{font-size:65px}

@media(max-width:700px){.grid.view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.view-grid .body{padding:12px}.view-grid .body h3{font-size:17px;min-height:44px}.view-grid .body p{font-size:11px;min-height:35px}.view-grid .visual{height:110px}.view-grid .visual .symbol{font-size:40px}.view-grid .sub{font-size:8px;letter-spacing:.6px}.view-grid .save{width:28px;height:28px;right:7px;top:7px}.view-grid .category-label{font-size:7px;top:12px}.view-grid .card-foot{font-size:10px;gap:8px}.view-grid .view-detail,.view-grid .referral{font-size:10px}.view-grid .referral{padding:8px}.view-grid .official{font-size:10px}.view-list .card{grid-template-columns:75px minmax(0,1fr)}.view-list .body{padding:12px;display:block}.view-list .body>h3{font-size:18px;margin:6px 0}.view-list .body>.card-foot{max-width:none;font-size:10px;margin-top:8px;justify-content:space-between}.view-list .visual{min-height:120px}.view-list .visual .symbol{font-size:35px}.view-list .save{right:6px;top:6px;width:27px;height:27px}.view-details .card{grid-template-columns:minmax(0,1fr)}.view-details .visual{height:125px;min-height:125px}.view-details .body{padding:18px}.view-switch a{padding:8px 10px}.meta{font-size:11px;align-items:center;flex-wrap:wrap}.filters{gap:10px}.filters .install{font-size:11px}.view-grid .extra-info{display:none}}

.details .extra-info{display:block}.search{min-width:0}.search input[type=search]{min-width:0}.view-grid .card .body{overflow-wrap:break-word}

.place-tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.place-tags a,.selected-tags a{padding:4px 8px;border-radius:20px;background:#eaf0e1;color:#486243;text-decoration:none;font-size:10px;line-height:1.5}.selected-tags{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.diet-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.diet{font-size:9px;border-radius:4px;padding:4px 6px;background:#eeeade;color:#7a725e}.diet-halal{background:#e1eedb;color:#426e38}.diet-non_halal{background:#f7e4dd;color:#995b40}.diet-alcohol{background:#eee5f4;color:#79528c}.tag-picker{position:relative;border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:12px;background:#fff}.tag-picker summary{cursor:pointer}.tag-picker fieldset{position:absolute;left:0;top:38px;width:310px;max-width:80vw;max-height:290px;overflow:auto;z-index:4;background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;box-shadow:0 8px 20px #234e3e15}.tag-picker legend{font-size:10px;color:#69765d}.tag-picker fieldset label{display:flex;align-items:center;gap:8px;padding:5px 0}.tag-picker input{width:auto}.image-credit{font-size:10px!important;color:#78836c!important;min-height:0!important}.image-credit a{color:inherit}.view-list .place-tags{grid-column:1}.view-list .diet-badges{grid-column:1}.view-list .body>.card-foot{grid-row:1 / span 6}.view-grid .body>p{margin-bottom:5px}.view-grid .image-credit{display:none}.view-list .image-credit{display:none}.image-fallback[hidden],.image-photo[hidden]{display:none!important}.image-fallback{position:relative}.details .place-tags a{font-size:12px}

.photo-credit{display:block;font-size:9px;color:#87917d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0 0 7px;text-decoration:underline}.view-list .photo-credit{grid-column:1;font-size:8px}.view-list .body>.card-foot{grid-row:1 / span 7}

.image-photo{position:absolute;inset:0;z-index:1}.image-fallback{position:absolute;inset:auto;z-index:0}.visual .category-label,.visual .save{z-index:2}.visual:before,.visual:after{pointer-events:none}
.blog-heading{max-width:820px;padding:48px 0}.blog-heading h1,.blog-article h1{font-size:clamp(30px,4vw,54px);line-height:1.13;letter-spacing:-1.5px}.blog-heading .search{margin-top:24px;width:100%}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{overflow:hidden;border:1px solid #ddd9cd;border-radius:18px;background:#fff}.blog-card img{width:100%;height:210px;object-fit:cover}.blog-card h2{font-size:24px;line-height:1.3}.blog-card a{color:inherit}.blog-article{max-width:780px;margin:40px auto 60px}.blog-lead{font-size:20px;line-height:1.7;color:#5d685e}.blog-article figure{margin:30px 0}.blog-article figure img{width:100%;max-height:460px;object-fit:cover;border-radius:18px}.blog-article figcaption{font-size:12px;color:#666;margin-top:8px}.blog-body{font-size:17px;line-height:1.85;overflow-wrap:anywhere}.blog-body h2{font-size:28px;line-height:1.3;margin:36px 0 12px}.blog-body h3{font-size:22px}.blog-article .place-tags{margin-top:30px}@media(max-width:800px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{flex-wrap:wrap;gap:12px}.nav{flex-wrap:wrap}}@media(max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-heading{padding:30px 0}.blog-article{margin-top:24px}.blog-lead{font-size:18px}}

.brand{display:inline-flex;align-items:center;gap:10px}.brand .brand-name{color:inherit;line-height:1.15}.brand-mark{display:block;object-fit:contain;width:44px;height:44px;flex-shrink:0}.article-sources{margin-top:32px;border-top:1px solid #ddd9cd;padding-top:14px}.article-sources h2{font-size:20px}.article-sources li{margin:8px 0}.sidebar .brand{font-size:21px;letter-spacing:-.7px}.sidebar .brand-mark{width:36px;height:36px}.sidebar .brand-name{max-width:135px}@media(max-width:560px){.brand-mark{width:36px;height:36px}}

/* ===== v3.0 theme: foto-forward, sticky header, dark mode ===== */
:root{--green:#1f4a3a;--green-2:#2d6a54;--cream:#f6f2e8;--orange:#c85a32;--line:#e0dccd;--card:#fffdf7;--ink:#22362d;--soft:#6b7568;--chip:#e6eadb;--shadow:0 1px 2px #1f4a3a10,0 10px 28px #1f4a3a12}
body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
header{position:sticky;top:0;z-index:20;max-width:none;height:68px;padding:0 max(24px,calc((100vw - 1320px)/2 + 48px));background:var(--cream);background:color-mix(in srgb,var(--cream) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.install{background:var(--green);color:#fff;border-color:var(--green);font-weight:600;transition:.2s}.install:hover{background:var(--green-2)}
.hero{border-radius:26px;background:linear-gradient(135deg,#e8eddc,#f0e4cf);margin-top:22px;box-shadow:var(--shadow)}
.hero h1{letter-spacing:-2.2px}.hero h1 em{font-style:italic}
.hero-art{background:linear-gradient(0deg,#10281fcc,#10281f20),url('./landscape.svg') center/cover}
.search{border-radius:999px;box-shadow:var(--shadow);background:var(--card)}.search:focus-within{border-color:var(--green-2);box-shadow:0 0 0 3px #2d6a5430}
.tabs{border:0;gap:10px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:6px}.tabs::-webkit-scrollbar{display:none}
.tab{border-radius:999px;background:var(--card);white-space:nowrap;transition:.2s}.tab:hover{border-color:var(--green-2)}.tab.active{background:var(--green);box-shadow:0 6px 16px #1f4a3a40}
.chip.active{background:var(--chip)}
.card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);border-color:transparent}
.card:hover{transform:translateY(-5px);box-shadow:0 2px 4px #1f4a3a10,0 18px 40px #1f4a3a22}
.visual{overflow:hidden}.visual .image-photo{transition:transform .5s}.card:hover .image-photo{transform:scale(1.06)}
.visual:has(.image-photo:not([hidden])):after{content:'';position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,#0a1a1466 0,transparent 45%,#0a1a1499 100%);z-index:1}
.visual:has(.image-photo:not([hidden])) .category-label{color:#fff;z-index:2;text-shadow:0 1px 6px #0008}
.visual.kuliner{background:linear-gradient(135deg,#f3dcc6,#ecc4a5)}.visual.wisata{background:linear-gradient(135deg,#d5e4cb,#b9d3b4)}.visual.hotel{background:linear-gradient(135deg,#d6e3e6,#b8cfd6)}.visual.belanja{background:linear-gradient(135deg,#efd9e0,#e0bccb)}.visual.nongkrong,.visual[class*="tempat"]{background:linear-gradient(135deg,#e3d9ee,#cdbfe0)}
.save{backdrop-filter:blur(6px);box-shadow:0 2px 8px #0002;transition:transform .15s}.save:hover{transform:scale(1.12)}
.body h3{letter-spacing:-.3px}.sub{background:#f4e3da;color:var(--orange);padding:3px 8px;border-radius:999px;display:inline-block}
.body p{color:var(--soft)}.map{background:var(--chip);padding:7px 12px;border-radius:999px;transition:.2s}.map:hover{background:var(--green);color:#fff}
.pagination a,.view-switch a{border-radius:999px;background:var(--card)}
.note{border-radius:18px;background:var(--chip)}
.details .visual{height:340px}.details .card{max-width:920px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){header{height:60px;padding:0 16px}.hero{border-radius:20px;margin-top:12px}}
@media(prefers-color-scheme:dark){
:root{--green:#7fc4a3;--green-2:#9bd6b9;--cream:#101a16;--orange:#f08a5d;--line:#2a3b33;--card:#17241f;--ink:#e8efe9;--soft:#9fb0a6;--chip:#223329;--shadow:0 1px 2px #0006,0 10px 28px #0005}
.install,.tab.active,.search-submit,.pagination a.active,.view-switch a.active{color:#0c1713}
.hero{background:linear-gradient(135deg,#1b2b24,#2a2519)}.hero p,.muted,.meta,.seo-intro p,.note p,footer{color:var(--soft)}
.search,select,.filterselect,.tag-picker,.tag-picker fieldset{background:var(--card);color:var(--ink)}
.search input{color:var(--ink)}.sub{background:#3a2a22}.place-tags a,.selected-tags a{background:var(--chip);color:var(--green-2)}
.diet{background:#2a3028;color:#c8c4a8}.diet-halal{background:#1f3a2a;color:#8fd49a}.diet-non_halal{background:#3d2a22;color:#f0a98a}.diet-alcohol{background:#2e2538;color:#c9a6dc}
.blog-card,.save{background:var(--card);color:var(--green)}.card-foot{border-color:var(--line)}.brand{color:var(--ink)}
}

/* Integration fixes: wrapped navigation, fallback photos and dark contrast. */
html{scroll-padding-top:140px}
.visual:has(.image-photo:not([hidden])):after{inset:0;left:0;right:0;top:0;bottom:0}
.visual .save{z-index:3}
@media(max-width:800px){header{height:auto;min-height:68px;padding:12px 24px;gap:10px}.nav{gap:6px}.brand{max-width:100%}}
@media(max-width:600px){header{min-height:60px;padding:10px 16px}.nav{width:100%;justify-content:flex-end}.details .visual{height:240px}}
@media(prefers-color-scheme:dark){
:root{color-scheme:dark}
.tab,.chip,select,.filterselect,.extra-info,.card-foot,.admin-link,.source-link,.tag-picker legend{color:var(--soft)}
.tab.active,.chip.active{color:#0c1713}.chip.active{background:var(--green)}
.map:hover,.toast{color:#0c1713}.save.saved{color:var(--orange)}
.blog-lead,.blog-article figcaption{color:var(--soft)}
.blog-card,.article-sources{border-color:var(--line)}
.brand-mark{background:#f6f2e8;border-radius:8px}
.star{color:#e0ba7c}.status-message{background:var(--chip)}
}

/* v3.3: keep booking links visible in List, Grid and Details. */
.referral.referral-traveloka,.referral.referral-shopeefood{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
.referral.referral-traveloka{background:#0873a5;color:#fff;border-color:#0873a5}
.referral.referral-shopeefood{background:#bd361d;color:#fff;border-color:#bd361d}
.referral.referral-traveloka:hover{background:#075b83;color:#fff}
.referral.referral-shopeefood:hover{background:#982b17;color:#fff}
.referral:focus-visible{outline:3px solid #c18b2a;outline-offset:3px}
.view-list .body>.referral{display:inline-flex;grid-column:1;justify-self:start;margin:5px 0 0}
.view-list .body>.card-foot{grid-row:1 / span 12}
@media(max-width:700px){.view-list .body>.referral{display:flex;width:100%;margin-top:8px;padding:10px;font-size:11px}.view-list .body>.card-foot{gap:10px;align-items:center}.view-grid .body>.referral{display:flex;width:100%;padding:9px 6px;font-size:10px}}