/* Destination page v2 - cream editorial, numbered sections, handwritten accents. */
:root{--cream:var(--paper); --sand:var(--band); --teal:var(--head); --brown:var(--lagoon); --hand:"Assistant","Arial Hebrew",Arial,sans-serif}
[dir="ltr"] :root{--hand:"Assistant",Arial,sans-serif}
.hand{font-family:var(--hand);font-weight:700}
.pill{display:inline-block;background:var(--coral);color:#fff;font-weight:800;padding:10px 22px;border-radius:30px;text-decoration:none;font-size:15px}
.pill.ghost{background:transparent;color:var(--teal);border:1.5px solid var(--teal);padding:7px 16px;font-size:14px}
.pill.light{background:#fff;color:var(--teal)}
body.page-template-template-destination{background:var(--cream)}
.page-template-template-destination .dhero .mast{display:none}
.page-template-template-destination .mast{background:var(--cream);color:var(--teal);border-bottom:1px solid var(--line)}
.page-template-template-destination .brand b{font-family:var(--hand);font-size:26px}
.page-template-template-destination .brand span,.page-template-template-destination .mnav .lang,.page-template-template-destination .nav-toggle{color:var(--teal);border-color:var(--line)}

.dhero{position:relative;min-height:min(92vh,760px);display:flex;align-items:flex-end;color:#fff;background:var(--teal);overflow:hidden}
.dhero .dhero-bg,.dhero > .ta-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.dhero::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(10,30,35,.78) 0%,rgba(10,30,35,.45) 40%,rgba(10,30,35,.05) 70%),linear-gradient(to top,rgba(10,30,35,.55) 0%,rgba(10,30,35,0) 35%);pointer-events:none}
[dir="ltr"] .dhero::after{background:linear-gradient(to right,rgba(10,30,35,.78) 0%,rgba(10,30,35,.45) 40%,rgba(10,30,35,.05) 70%),linear-gradient(to top,rgba(10,30,35,.55) 0%,rgba(10,30,35,0) 35%)}
.dhero-in{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:28px;padding-block:28px 26px}
.dhero-text{display:flex;flex-direction:column;gap:8px;max-width:560px;align-items:flex-start}
.dhero .crumbs ol{padding-top:0;color:rgba(255,255,255,.85)}
.dhero h1{font-size:clamp(48px,7vw,96px);font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.dhero-en{font-size:clamp(38px,4.6vw,64px);color:#BFE3D6;line-height:1;margin-top:-4px}
.dhero-tag{font-family:var(--display);font-size:24px;font-weight:700;margin:6px 0 0;color:#fff}
.dhero .lead{font-size:17px;color:rgba(255,255,255,.92);max-width:52ch}
.dhero .pill.light{margin-top:8px}
.qfacts.hero{background:rgba(255,255,255,.92);border:0;backdrop-filter:blur(6px);color:var(--ink)}
@media (max-width:860px){.dhero{min-height:0}.dhero::after{background:linear-gradient(to top,rgba(10,30,35,.85) 0%,rgba(10,30,35,.35) 60%,rgba(10,30,35,.1) 100%)}.dhero-in{padding-top:220px}}
.qfacts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.qfacts li{display:flex;flex-direction:column;gap:3px;padding:16px 14px;text-align:center;border-inline-end:1px solid var(--line)}
.qfacts li:last-child{border:0}
.qfacts b{color:var(--teal);font-size:15px}
.qfacts span{color:var(--muted);font-size:13.5px;line-height:1.35}
.qfacts.bottom{background:var(--sand);border:0}

.dsec{padding-block:36px}
.dsec-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.dsec h2{font-size:32px;color:var(--teal);display:flex;align-items:center;gap:14px}
.dsec h2 em{font-style:normal;font-family:var(--hand);font-size:30px;color:var(--brown);width:64px;height:64px;border-radius:50%;background:var(--sand);display:grid;place-items:center;flex:none}
.dsec-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.dsec-intro .prose{max-width:none}
.dmap{margin:0;position:relative;border-radius:18px;overflow:hidden}
.dmap figcaption{position:absolute;top:12px;inset-inline-end:16px;font-size:30px;color:var(--teal);text-shadow:0 1px 0 #fff}
.dsec-intro-p{color:var(--muted);margin:-6px 0 16px;max-width:70ch}
@media (max-width:860px){.dsec-intro{grid-template-columns:1fr}}

.dcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.dcards.five{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.dcard2{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit}
.dcard2-img{display:block;aspect-ratio:4/3;overflow:hidden}
.dcard2 b{font-family:var(--display);font-size:20px;color:var(--teal);padding:10px 14px 2px}
.dcard2 span:last-child{font-size:14px;color:var(--muted);padding:0 14px 14px;line-height:1.4}

.dfood{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:var(--sand);border-radius:18px;padding:26px}
.dfood-text p{color:var(--muted);margin:0 0 14px}
.dlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.dlist li{display:flex;flex-direction:column;gap:2px;font-size:14.5px}
.dlist b{color:var(--teal)}
.dlist a{text-decoration:none}
.dlist span{color:var(--muted)}
.dfood-imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dfood-imgs figure{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:1/1}
.dfood-imgs .ta-img,.dfood-imgs .ta-ph{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.dfood{grid-template-columns:1fr}.dlist{grid-template-columns:1fr}}

.dclose{position:relative;min-height:300px;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--teal);margin-top:20px}
.dclose .dclose-bg,.dclose > .ta-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dclose::after{content:"";position:absolute;inset:0;background:rgba(14,42,41,.55)}
.dclose-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-block:50px}
.dclose h2{font-size:clamp(44px,6vw,76px);line-height:1;color:#fff}

/* ---------- Destination layout v3 (Michal's Koh Phangan mockup, 13.10.2026) ---------- */
.d3-h{font-family:var(--display);font-weight:500;font-size:clamp(24px,2.6vw,32px);letter-spacing:.06em;color:var(--teal);margin:0 0 10px}
.d3-muted{color:var(--muted)}
.d3-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;padding-block:40px 26px}
.d3-intro-text p{margin:0;color:var(--ink);max-width:62ch}
.d3-icons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;text-align:center;color:var(--brown)}
.d3-icons li{display:flex;flex-direction:column;align-items:center;gap:6px}
.d3-icons span{font-size:12.5px;letter-spacing:.12em;color:var(--ink);line-height:1.3}
.d3-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;padding-block:6px 36px}
.d3-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}
.d3-card-img{display:block;aspect-ratio:1/1;overflow:hidden}
.d3-card-body{display:flex;flex-direction:column;gap:6px;padding:18px 16px 18px;flex:1}
.d3-card h3{font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:.06em;color:var(--ink)}
.d3-card h3 a{text-decoration:none}
.d3-tag{margin:0;font-size:12.5px;letter-spacing:.16em;color:var(--brown)}
.d3-card-body p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.d3-btn{white-space:nowrap;margin-top:auto;align-self:flex-start;border:1px solid var(--ink);padding:7px 14px;font-size:12.5px;letter-spacing:.12em;text-decoration:none;color:var(--ink);font-weight:700}
.d3-card-body .d3-btn{margin-top:14px}
.d3-btn:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.d3-food{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:24px;align-items:start;padding-block:10px 36px}
.d3-food-hero{margin:0;height:100%;min-height:360px;overflow:hidden;position:relative}
.d3-food-hero .ta-img{position:absolute;inset:0}
.d3-food-hero figcaption{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:14px;padding:30px 14px 10px}
.d3-food-list ul,.d3-know ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.d3-food-list li,.d3-know li{display:flex;gap:12px;align-items:flex-start}
.d3-food-list li > span:last-child,.d3-know li > span{display:flex;flex-direction:column;gap:2px}
.d3-food-list b,.d3-know b{font-size:15.5px;color:var(--ink)}
.d3-food-list a,.d3-know a{text-decoration:none}
.d3-food-list a:hover b,.d3-know a:hover b{color:var(--teal);text-decoration:underline}
.d3-food-list small,.d3-know small{font-size:13.5px;color:var(--muted);line-height:1.4}
.d3-thumb{flex:none;width:72px;height:56px;overflow:hidden}
.d3-know{background:var(--sand);padding:20px 18px}
.d3-know .d3-h{font-size:21px}
.d3-know .ta-ico{flex:none;width:30px;height:30px;color:var(--brown)}
.d3-guide{padding-block:20px 30px;border-top:1px solid var(--line)}
.d3-guide .prose{max-width:760px}
.d3-guide .prose figure{max-width:560px}
.d3-guide .prose figure img{width:100%;max-height:560px;object-fit:cover}
.d3-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding-block:10px 40px}
.d3-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.d3-tile-img{display:block;aspect-ratio:4/3;overflow:hidden}
.d3-tile b{font-size:13px;letter-spacing:.12em;text-align:center;padding:12px 8px;font-weight:700}
.d3-tile:hover b{color:var(--teal)}
@media (max-width:980px){.d3-food{grid-template-columns:1fr 1fr}.d3-food-hero{grid-column:1 / -1;min-height:300px}}
@media (max-width:760px){.d3-intro{grid-template-columns:1fr}.d3-food{grid-template-columns:1fr}}
@media (max-width:560px){.d3-cards{grid-template-columns:1fr 1fr;gap:10px}.d3-card-body{padding:12px 10px}.d3-card h3{font-size:18px}.d3-card-body p{font-size:13.5px}.d3-tiles{grid-template-columns:1fr 1fr}}
.d3-cards.n6{grid-template-columns:repeat(3,1fr)}
.d3-cards.n6 .d3-card-img{aspect-ratio:3/2}
@media (max-width:860px){.d3-cards.n6{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.d3-cards.n6{gap:10px}.d3-cards.n6 .d3-card-img{aspect-ratio:1/1}}

/* ---------- Readability + mobile spacing (13.10.2026, Michal's mobile review) ---------- */
.d3-card h3,.d3-card h3 a,.d3-food-list b,.d3-know b,.d3-tile b{color:var(--teal)}
.d3-card-body p,.d3-food-list small,.d3-know small,.d3-muted,.d3-intro-text p,.d3-icons span{color:var(--muted)}
.d3-intro-text p{color:var(--ink)}
.d3-icons span{color:var(--ink)}
.d3-tag{color:var(--lagoon)}
.d3-btn{color:var(--head);border-color:var(--head)}
.d3-guide .prose h2,.d3-guide .prose h3{color:var(--teal)}
.d3-know ul{gap:10px}
.d3-know{padding:16px}
.d3-know .ta-ico{width:26px;height:26px}
@media (max-width:700px){
  .d3-intro{padding-block:28px 18px;gap:18px}
  .d3-cards,.d3-cards.n6{grid-template-columns:1fr;gap:16px;padding-block:4px 28px}
  .d3-cards .d3-card-img,.d3-cards.n6 .d3-card-img{aspect-ratio:16/10}
  .d3-card-body{padding:14px 16px 16px}
  .d3-card h3{font-size:22px}
  .d3-card-body p{font-size:15.5px}
  .d3-card-body .d3-btn{margin-top:10px}
  .d3-food{gap:18px;padding-block:6px 28px}
  .d3-food-hero{min-height:240px}
  .d3-food-list ul{gap:12px}
  .d3-know{padding:14px}
  .d3-know ul{gap:8px}
  .d3-know li{gap:10px}
  .d3-know small{font-size:13.5px}
  .d3-guide{padding-block:14px 20px}
  .dsec{padding-block:24px}
  .d3-tiles{padding-block:6px 28px}
}
@media (max-width:700px){.d3-icons{grid-template-columns:repeat(4,1fr);gap:6px}.d3-icons .ta-ico{width:34px;height:34px}.d3-icons span{font-size:11.5px;letter-spacing:.06em}}

/* Koh Samui brief (14.10.2026): intro photo, numbered section cards, summary boxes, map inside the guide */
.d3-intro-text p+p{margin-top:12px}
.d3-intro-img{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--band)}
.d3-intro-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.d3-intro-img figcaption{font-size:13.5px;color:var(--muted);padding:8px 12px}
.d3-nav{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding-block:6px 30px}
.d3-nav-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 8px 14px;background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--radius);color:var(--lagoon);text-decoration:none;transition:border-color .15s,transform .15s}
.d3-nav-card:hover,.d3-nav-card:focus-visible{border-color:var(--lagoon);transform:translateY(-2px)}
.d3-nav-num{font-family:var(--display);font-size:15px;font-weight:700;color:var(--coral)}
.d3-nav-card .ta-ico{width:34px;height:34px}
.d3-nav-card b{font-family:var(--display);font-weight:500;font-size:17px;line-height:1.25;color:var(--head)}
.d3-nav-card small{font-size:13px;line-height:1.35;color:var(--muted)}
.d3-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-block:0 34px}
.d3-box{display:flex;flex-direction:column;background:var(--band);border-radius:var(--radius);padding:20px 22px}
.d3-box h3{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:500;font-size:21px;color:var(--head);margin:0 0 10px}
.d3-box h3 .ta-ico{width:30px;height:30px;color:var(--lagoon);flex:none}
.d3-box ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px;font-size:15.5px;color:var(--ink)}
.d3-box li{position:relative;padding-inline-start:22px}
.d3-box li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.d3-box-btn{margin-top:auto;align-self:flex-start;font-weight:700;color:var(--coral);text-decoration:none}
.d3-box-btn:hover{text-decoration:underline}
.d3-guide .prose h2[id]{scroll-margin-top:96px}
.d3-guide .prose h2 .snum{color:var(--coral);margin-inline-end:10px}
.d3-guide .prose .ext{font-size:14px;color:var(--muted);font-style:italic}
.ta-map-inline{margin:18px 0 26px;background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ta-map-inline .rmap{height:380px;direction:ltr;background:#dfe9ec}
.ta-map-inline .rmap-legend{list-style:none;margin:0;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:15px}
.ta-map-inline .rmap-legend li{display:flex;align-items:center;gap:8px;margin:0}
.ta-map-inline .rmap-legend li::before{display:none}
.ta-map-inline .dot,.rpin span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:12px;font-weight:800;flex:none}
.rpin span{width:26px;height:26px;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.rpin{background:none;border:0}
@media (max-width:1100px){.d3-nav{grid-template-columns:repeat(4,1fr)}}
@media (max-width:860px){.d3-boxes{grid-template-columns:1fr}}
@media (max-width:560px){.d3-nav{grid-template-columns:repeat(2,1fr);gap:8px}.d3-nav-card{padding:12px 6px}.d3-nav-card b{font-size:16px}.ta-map-inline .rmap{height:300px}.ta-map-inline .rmap-legend{grid-template-columns:1fr}}
.d3-guide .prose .more-link{margin:4px 0 18px}
.d3-guide .prose .more-link a{font-weight:700;color:var(--coral);text-decoration:none}
.d3-guide .prose .more-link a:hover{text-decoration:underline}
.d3-guide .prose .stayed{display:inline-block;margin:0 0 8px;padding:3px 12px;border-radius:99px;background:var(--band);color:var(--good);font-weight:700;font-size:14.5px}
.d3-guide .prose h3 a{color:inherit}

/* Koh Samui mockup pass 2 (14.10.2026) */
.dhero.light{color:var(--ink);background:var(--band)}
.dhero.light::after{background:linear-gradient(to left,rgba(246,250,251,.95) 0%,rgba(246,250,251,.82) 34%,rgba(246,250,251,.25) 58%,rgba(246,250,251,0) 72%)}
.dhero.light h1{color:var(--head);text-shadow:none}
.dhero.light .dhero-en{font-family:var(--display);font-weight:500;letter-spacing:.01em;color:var(--head);font-size:clamp(30px,3.4vw,46px);margin-top:2px}
.dhero.light .dhero-tag{color:var(--head)}
.dhero.light .lead{color:var(--ink)}
.dhero.light .crumbs ol,.dhero.light .crumbs a{color:var(--muted)}
.dhero.light .pill.light{background:var(--head);color:#fff;border-radius:var(--radius);padding:12px 26px}
.dhero.light .pill.light:hover{background:var(--deep)}
.qfacts.hero li .ta-ico{width:30px;height:30px;margin:0 auto 4px;color:var(--lagoon)}
.qfacts.hero b{color:var(--head);font-size:16px}
@media (max-width:860px){.dhero.light::after{background:linear-gradient(to top,rgba(246,250,251,.97) 0%,rgba(246,250,251,.88) 55%,rgba(246,250,251,.15) 100%)}}

.d3-intro{grid-template-columns:1fr 1.25fr}
.d3-intro-img{position:relative;box-shadow:0 6px 22px rgba(15,61,80,.12)}
.d3-intro-img img{aspect-ratio:16/10}
.d3-intro-img figcaption{position:absolute;inset-inline-start:12px;bottom:12px;background:rgba(255,255,255,.92);color:var(--ink);border-radius:99px;padding:5px 14px;font-size:13px}

.d3-nav{grid-template-columns:repeat(6,1fr);gap:12px}
.d3-nav-card{align-items:stretch;text-align:start;padding:14px 14px 0;gap:8px;overflow:hidden;box-shadow:0 2px 10px rgba(15,61,80,.06)}
.d3-nav-card:not(.has-img){padding-bottom:14px}
.d3-nav-top{display:flex;align-items:center;justify-content:space-between}
.d3-nav-num{font-family:var(--display);font-size:24px;font-weight:500;color:var(--head)}
.d3-nav-card .ta-ico{width:30px;height:30px;color:var(--head);stroke-width:1.5}
.d3-nav-card b{font-size:17px}
.d3-nav-img{display:block;margin:4px -14px 0}
.d3-nav-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

.d3-areas{display:grid;grid-template-columns:2.15fr 1fr;gap:18px;padding-block:6px 30px;align-items:stretch}
.d3-areas-main{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;box-shadow:0 2px 10px rgba(15,61,80,.06)}
.d3-areas-main .d3-h{margin-bottom:4px}
.d3-areas-main .d3-muted{margin:0 0 14px}
.d3-area-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.d3-area{display:flex;flex-direction:column;gap:5px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding-bottom:10px;background:#fff}
.d3-area-img{display:block}
.d3-area-img img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.d3-area-img.ph{display:grid;place-items:center;aspect-ratio:1/1;background:linear-gradient(160deg,var(--band),#cfe9ec);color:var(--lagoon)}
.d3-area-img.ph .ta-ico{width:44px;height:44px;opacity:.7}
.d3-area b{font-family:var(--display);font-weight:500;font-size:17px;color:var(--head);padding:0 6px}
.d3-area small{font-size:12.5px;line-height:1.35;color:var(--muted);padding:0 8px;flex:1}
.d3-area-btn{align-self:center;margin-top:4px;border:1px solid var(--line);border-radius:var(--radius);padding:4px 12px;font-size:13px;font-weight:700;color:var(--head);text-decoration:none}
.d3-area-btn:hover{border-color:var(--lagoon);color:var(--lagoon)}
.d3-areas-map{background:var(--band);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column}
.d3-areas-map h3{font-family:var(--display);font-weight:500;font-size:19px;color:var(--head);margin:0 0 10px}
.d3-areas-map .ta-map-inline{margin:0;flex:1;display:flex;flex-direction:column}
.d3-areas-map .rmap{height:auto;min-height:300px;flex:1}
.d3-areas-map .rmap-legend{grid-template-columns:1fr 1fr;font-size:13.5px}

.d3-box{background:var(--card);border:1px solid var(--line);padding:0 0 18px;overflow:hidden;box-shadow:0 2px 10px rgba(15,61,80,.06)}
.d3-box > :not(.d3-box-img){margin-inline:20px}
.d3-box:not(.has-img){padding-top:18px}
.d3-box-img{display:block;margin-bottom:14px}
.d3-box-img img{display:block;width:100%;aspect-ratio:2.3/1;object-fit:cover}
.d3-box h3 .ta-ico{color:var(--head)}
.d3-box li{padding-inline-start:26px}
.d3-box li::before{content:"";top:.3em;width:14px;height:8px;border-radius:0;background:none;border-left:2px solid var(--lagoon);border-bottom:2px solid var(--lagoon);transform:rotate(-45deg)}
.d3-box-btn{align-self:center;border:1.5px solid var(--head);border-radius:var(--radius);padding:8px 26px;color:var(--head)}
.d3-box-btn:hover{background:var(--head);color:#fff;text-decoration:none}

@media (max-width:1100px){.d3-nav{grid-template-columns:repeat(3,1fr)}.d3-areas{grid-template-columns:1fr}.d3-area-grid{grid-template-columns:repeat(3,1fr)}.d3-areas-map .rmap{min-height:340px}}
@media (max-width:760px){.d3-intro{grid-template-columns:1fr}}
@media (max-width:560px){.d3-nav{grid-template-columns:repeat(2,1fr)}.d3-area-grid{grid-template-columns:repeat(2,1fr)}.d3-nav-num{font-size:20px}}
.d3-areas-map.is-img{padding:12px}
.d3-map-img{display:block;flex:1;border-radius:var(--radius);overflow:hidden}
.d3-map-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.dhero.light .qfacts.hero{background:#fff;backdrop-filter:none;box-shadow:0 8px 28px rgba(15,61,80,.14)}
.qfacts.hero::after{content:none}
.d3-map-note{margin:8px 2px 0;font-size:13px;color:var(--muted);font-style:italic;text-align:center}

/* Guide + sticky table of contents (14.10.2026) */
.d3-guide.has-toc .d3-guide-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.d3-guide.has-toc .prose{max-width:780px}
.d3-toc{position:sticky;top:130px;background:var(--band);border-radius:var(--radius);padding:18px 18px 12px;max-height:calc(100vh - 150px);overflow:auto}
.d3-toc-h{display:block;font-family:var(--display);font-weight:700;font-size:19px;color:var(--head);margin-bottom:8px}
.d3-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.d3-toc a{display:flex;gap:10px;align-items:baseline;padding:5px 8px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.35}
.d3-toc a span{font-family:var(--display);font-weight:700;color:var(--coral);min-width:22px}
.d3-toc a:hover{background:#fff}
.d3-toc a.on{background:#fff;color:var(--head);font-weight:700;box-shadow:inset -3px 0 0 var(--coral)}
@media (max-width:980px){.d3-guide.has-toc .d3-guide-in{grid-template-columns:1fr}.d3-toc{display:none}}

/* Koh Samui page (#8) layout fix, 14.10.2026 - her brief: centered ~1320px canvas, symmetric sides, no empty strip on the left.
   Root causes: .wrap max 1180px site-wide; guide prose capped at 780px inside a wider column; intro text capped at 62ch. */
body.ta-ed .wrap{max-width:none;width:min(100% - 80px,1320px);margin-inline:auto;padding-inline:0;box-sizing:border-box}
body.ta-ed .d3-guide.has-toc .prose,body.ta-ed .d3-guide .prose{max-width:none}
body.ta-ed .d3-guide .prose figure{margin-inline:auto}
body.ta-ed .d3-intro-text p{max-width:none}
@media (max-width:1024px){body.ta-ed .wrap{width:min(100% - 40px,1320px)}}
@media (max-width:767px){body.ta-ed .wrap{width:calc(100% - 32px)}}

/* ===== Koh Samui refinement pass (her 18-point brief, 14.10.2026) - page #8 only, no palette/header changes ===== */
body.ta-ed{--sec:clamp(56px,7vw,96px);--r12:12px}
/* 1. Hero */
body.ta-ed .dhero{min-height:min(76vh,640px)}
body.ta-ed .dhero.light::after{background:linear-gradient(to left,rgba(246,250,251,.94) 0%,rgba(246,250,251,.78) 30%,rgba(246,250,251,0) 56%)}
body.ta-ed .dhero-in{gap:34px;padding-block:40px 28px}
body.ta-ed .dhero-text{max-width:640px;gap:6px}
body.ta-ed .dhero h1{font-size:clamp(52px,6.4vw,88px)}
body.ta-ed .dhero-tag{font-size:22px;line-height:1.35;margin-top:10px}
body.ta-ed .dhero .lead{font-size:16.5px;line-height:1.7;max-width:56ch;margin-top:4px}
body.ta-ed .dhero.light .pill.light{background:transparent;color:var(--head);border:1.5px solid var(--head);padding:9px 20px;font-size:14.5px;margin-top:12px}
body.ta-ed .dhero.light .pill.light:hover{background:var(--head);color:#fff}
body.ta-ed .qfacts.hero{grid-template-columns:repeat(5,1fr);border-radius:var(--r12);box-shadow:0 10px 30px rgba(15,61,80,.12)}
body.ta-ed .qfacts.hero li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;text-align:start;padding:18px 20px}
body.ta-ed .qfacts.hero li .ta-ico{grid-row:1 / 3;width:28px;height:28px;margin:0}
body.ta-ed .qfacts.hero b{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.02em}
body.ta-ed .qfacts.hero span{font-size:15px;font-weight:700;color:var(--head);line-height:1.35}
/* 2. Intro */
body.ta-ed .d3-intro{grid-template-columns:1.15fr 1fr;gap:clamp(32px,4vw,64px);align-items:stretch;padding-block:var(--sec) 48px}
body.ta-ed .d3-intro-text{align-self:center}
body.ta-ed .d3-intro .d3-h{font-size:clamp(28px,3vw,38px);line-height:1.25;margin-bottom:18px;font-weight:700;letter-spacing:0}
body.ta-ed .d3-intro-text p{font-size:17px;line-height:1.85;max-width:62ch}
body.ta-ed .d3-intro-text p+p{margin-top:16px}
body.ta-ed .d3-intro-img{align-self:stretch;min-height:420px;border-radius:var(--r12)}
body.ta-ed .d3-intro-img img{height:100%;aspect-ratio:auto}
/* 3. Section navigation */
body.ta-ed .d3-nav{gap:16px;padding-block:8px var(--sec)}
body.ta-ed .d3-nav-card{padding:16px 16px 0;border-radius:var(--r12);gap:6px}
body.ta-ed .d3-nav-num{font-size:30px;font-weight:700;color:var(--coral);line-height:1}
body.ta-ed .d3-nav-card b{font-size:17.5px;font-weight:700;line-height:1.3;min-height:2.6em}
body.ta-ed .d3-nav-img{margin:8px -16px 0}
body.ta-ed .d3-nav-img img{aspect-ratio:4/3}
/* 4-5. Areas + map */
body.ta-ed .d3-areas{display:block;padding-block:0 var(--sec)}
body.ta-ed .d3-areas-main{background:none;border:0;box-shadow:none;padding:0}
body.ta-ed .d3-areas-main .d3-h{font-size:clamp(28px,3vw,38px);font-weight:700;letter-spacing:0}
body.ta-ed .d3-areas-main .d3-muted{margin:0 0 28px;font-size:17px}
body.ta-ed .d3-area-grid{grid-template-columns:repeat(3,1fr);gap:24px}
body.ta-ed .d3-area{border-radius:var(--r12);padding:0 0 22px;gap:8px;text-align:start;box-shadow:0 2px 12px rgba(15,61,80,.06)}
body.ta-ed .d3-area-img img{aspect-ratio:4/3}
body.ta-ed .d3-area b{font-size:22px;font-weight:700;padding:8px 22px 0}
body.ta-ed .d3-area small{font-size:15.5px;line-height:1.5;padding:0 22px;flex:1}
body.ta-ed .d3-area-btn{align-self:flex-start;margin:8px 22px 0;padding:7px 16px;font-size:14px}
body.ta-ed .d3-areas-map{background:none;padding:0;margin:56px auto 0;max-width:760px;text-align:center;display:block}
body.ta-ed .d3-areas-map h3{font-size:26px;font-weight:700;margin-bottom:16px}
body.ta-ed .d3-map-img{border-radius:var(--r12);box-shadow:0 6px 24px rgba(15,61,80,.12)}
body.ta-ed .d3-map-img img{aspect-ratio:1/1;height:auto}
body.ta-ed .d3-map-note{margin-top:10px;font-size:14px}
/* 6. Three feature blocks */
body.ta-ed .d3-boxes{gap:24px;padding-block:0 var(--sec)}
body.ta-ed .d3-box{border-radius:var(--r12);padding-bottom:24px}
body.ta-ed .d3-box > :not(.d3-box-img){margin-inline:24px}
body.ta-ed .d3-box-img{margin-bottom:18px}
body.ta-ed .d3-box-img img{aspect-ratio:16/10}
body.ta-ed .d3-box h3{font-size:22px;font-weight:700}
body.ta-ed .d3-box ul{margin-bottom:22px;font-size:15.5px}
body.ta-ed .d3-box-btn{margin-top:auto;align-self:flex-start}
/* 7. Chapters - open, wide canvas, readable text measure; no sidebar on this page */
body.ta-ed .d3-guide{border-top:0;padding-block:0 var(--sec)}
body.ta-ed .d3-guide.has-toc .d3-guide-in{display:block}
body.ta-ed .d3-toc{display:none}
body.ta-ed .d3-guide .prose{max-width:none;font-size:17px;line-height:1.8}
body.ta-ed .d3-guide .prose .ch{padding-top:var(--sec);margin-top:var(--sec);border-top:1px solid var(--line)}
body.ta-ed .d3-guide .prose .ch:first-child{margin-top:0}
body.ta-ed .d3-guide .prose .ch > *{max-width:800px;margin-inline:auto}
body.ta-ed .d3-guide .prose .ch > figure,body.ta-ed .d3-guide .prose .ch > .wp-block-table,body.ta-ed .d3-guide .prose .ch > .attr-grid,body.ta-ed .d3-guide .prose .ch > .eat-grid{max-width:1080px}
body.ta-ed .d3-guide .prose h2{font-size:clamp(30px,3.2vw,42px);line-height:1.2;margin-block:0 22px;font-weight:700}
body.ta-ed .d3-guide .prose h2 .snum{margin-inline-end:8px}
body.ta-ed .d3-guide .prose h3{font-size:23px;margin-block:40px 10px;font-weight:700}
body.ta-ed .d3-guide .prose p{margin-block:0 14px}
body.ta-ed .d3-guide .prose ul{margin-block:8px 18px}
/* 8. Personal experience */
body.ta-ed .d3-guide .prose .exp-mark{font-size:13.5px;font-weight:700;letter-spacing:.05em;color:var(--lagoon);margin-block:0 12px}
body.ta-ed .d3-guide .prose .exp-mark::before{content:"";display:inline-block;width:28px;height:2px;background:var(--lagoon);vertical-align:middle;margin-inline-end:10px}
body.ta-ed .d3-guide .prose .takeaway{border-inline-start:3px solid var(--coral);padding:4px 24px;margin-block:30px}
body.ta-ed .d3-guide .prose .takeaway p{font-family:var(--display);font-size:21px;line-height:1.6;color:var(--head);margin-block:0 8px}
body.ta-ed .d3-guide .prose .takeaway p+p{font-size:18px;margin:0}
/* 9. Area subsections */
body.ta-ed .d3-guide .prose .area-h{display:flex;flex-direction:column;gap:4px;margin-block:52px 12px}
body.ta-ed .d3-guide .prose .area-name{font-size:27px;color:var(--head)}
body.ta-ed .d3-guide .prose .area-sub{font-family:var(--body);font-size:16.5px;font-weight:600;color:var(--lagoon)}
body.ta-ed .d3-guide .prose .fit{display:grid;gap:10px;margin-block:16px 20px}
body.ta-ed .d3-guide .prose .fit p{margin:0;display:flex;gap:12px;align-items:baseline}
body.ta-ed .d3-guide .prose .lbl{flex:none;min-width:96px;text-align:center;font-size:13px;font-weight:700;line-height:1.6;padding:2px 10px;border-radius:99px;background:var(--band);color:var(--lagoon)}
body.ta-ed .d3-guide .prose .lbl-check{background:var(--blush);color:var(--coral)}
/* 10. Comparison table */
body.ta-ed .d3-guide .prose .ch > .wp-block-table{overflow-x:auto;margin-block:44px 12px;-webkit-overflow-scrolling:touch}
body.ta-ed .d3-guide .prose table{min-width:680px;font-size:16px}
body.ta-ed .d3-guide .prose th{background:var(--band);color:var(--head);font-weight:700;padding:16px 20px;border:0}
body.ta-ed .d3-guide .prose th:first-child{border-start-start-radius:var(--r12)}
body.ta-ed .d3-guide .prose th:last-child{border-start-end-radius:var(--r12)}
body.ta-ed .d3-guide .prose td{padding:16px 20px;border:0;border-bottom:1px solid var(--line);vertical-align:top}
body.ta-ed .d3-guide .prose tr:last-child td{border-bottom:0}
/* 11-12. Attractions and food: two-column editorial lists */
body.ta-ed .d3-guide .prose .attr-grid,body.ta-ed .d3-guide .prose .eat-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin-block:28px 12px}
body.ta-ed .d3-guide .prose .attr,body.ta-ed .d3-guide .prose .eat{padding-block:24px 8px;border-top:1px solid var(--line)}
body.ta-ed .d3-guide .prose .attr h3,body.ta-ed .d3-guide .prose .eat h3{margin-block:0 10px;font-size:21px}
body.ta-ed .d3-guide .prose .attr p,body.ta-ed .d3-guide .prose .eat p{font-size:16px;line-height:1.75}
/* 13. For Israelis - light inset */
body.page-id-8 .d3-guide .prose .ch-s05{background:var(--band);border-top:0;border-radius:16px;padding:clamp(32px,4vw,56px) clamp(20px,4vw,56px) 36px}
body.page-id-8 .d3-guide .prose .ch-s05 + .ch{border-top:0}
/* 14. Photos */
body.ta-ed .d3-guide .prose .ch > figure.wp-block-image{margin-block:40px}
body.ta-ed .d3-guide .prose .ch > figure.wp-block-image img{width:100%;max-width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r12)}
body.ta-ed .d3-guide .prose .ch > figure figcaption{text-align:center;padding-top:10px;font-size:14px}
/* 17. Mobile */
@media (max-width:1100px){
  body.ta-ed .d3-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}
  body.ta-ed .d3-nav-card{scroll-snap-align:start}
  body.ta-ed .qfacts.hero{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){body.ta-ed .d3-area-grid,body.ta-ed .d3-boxes{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  body.ta-ed .d3-intro{grid-template-columns:1fr;padding-top:40px}
  body.ta-ed .d3-intro-img{min-height:260px}
  body.ta-ed .qfacts.hero{grid-template-columns:1fr 1fr}
  body.ta-ed .qfacts.hero li{padding:14px}
  body.ta-ed .d3-guide .prose .attr-grid,body.ta-ed .d3-guide .prose .eat-grid{grid-template-columns:1fr}
  body.ta-ed .d3-guide .prose h2{font-size:28px}
  body.ta-ed .d3-guide .prose .area-name{font-size:24px}
  body.ta-ed .d3-guide .prose .fit p{flex-direction:column;gap:4px}
  body.ta-ed .d3-guide .prose .ch > figure.wp-block-image img{aspect-ratio:4/3}
}
@media (max-width:560px){
  body.ta-ed .d3-area-grid,body.ta-ed .d3-boxes{grid-template-columns:1fr}
  body.ta-ed .dhero h1{font-size:48px}
  body.page-id-8 .d3-guide .prose .ch-s05{border-radius:12px}
}
body.ta-ed .d3-guide .prose .fit{grid-template-columns:1fr;background:none;border:0;padding:0}

/* ===== Koh Phangan mockup additions (14.10.2026) - shared editorial scope ===== */
body.ta-ed .d3-box-body{display:flex;flex-direction:column;flex:1}
/* map beside the area cards */
body.ta-ed .d3-areas.map-side{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:32px;align-items:stretch}
body.ta-ed .d3-areas.map-side .d3-areas-map{margin:0;max-width:none;background:var(--band);border-radius:var(--r12);padding:18px;display:flex;flex-direction:column;text-align:start}
body.ta-ed .d3-areas.map-side .d3-areas-map h3{font-size:22px;margin-bottom:12px}
body.ta-ed .d3-areas.map-side .ta-map-inline{margin:0;flex:1;display:flex;flex-direction:column;border-radius:var(--r12)}
body.ta-ed .d3-areas.map-side .rmap{flex:1;min-height:460px;height:auto}
body.ta-ed .d3-areas.map-side .d3-area-grid{grid-template-columns:repeat(3,1fr);gap:18px}
body.ta-ed .d3-areas.map-side .d3-area b{font-size:20px;padding:6px 16px 0}
body.ta-ed .d3-areas.map-side .d3-area small{padding:0 16px;font-size:14.5px}
body.ta-ed .d3-areas.map-side .d3-area-btn{margin-inline:16px}
body.ta-ed .d3-map-pins-note{font-size:13px;color:var(--muted);margin:8px 0 0}
/* feature blocks with the photo beside the text */
body.ta-ed .d3-boxes.side{grid-template-columns:1fr 1fr}
body.ta-ed .d3-boxes.side .d3-box.has-img{display:grid;grid-template-columns:42% minmax(0,1fr);padding:0}
body.ta-ed .d3-boxes.side .d3-box-img{margin:0;height:100%}
body.ta-ed .d3-boxes.side .d3-box-img img{height:100%;min-height:250px;aspect-ratio:auto}
body.ta-ed .d3-boxes.side .d3-box > .d3-box-body{margin-inline:22px;padding-block:22px}
/* compact hotel row */
body.ta-ed .d3-hrow{background:var(--band);border-radius:16px;padding:28px;margin-bottom:var(--sec)}
body.ta-ed .d3-hrow-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
body.ta-ed .d3-hrow-head .d3-h{font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:0;margin:0 0 4px}
body.ta-ed .d3-hrow-head .d3-muted{margin:0}
body.ta-ed .d3-hrow-head .d3-box-btn{margin:0;background:#fff;border:1.5px solid var(--head);border-radius:var(--radius);padding:8px 22px;color:var(--head);font-weight:700;text-decoration:none}
body.ta-ed .d3-hrow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
body.ta-ed .d3-hcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--r12);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 2px 10px rgba(15,61,80,.06);transition:transform .15s}
body.ta-ed .d3-hcard:hover{transform:translateY(-2px)}
body.ta-ed .d3-hcard-img{position:relative;display:block}
body.ta-ed .d3-hcard-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
body.ta-ed .d3-badge{position:absolute;inset-inline-start:10px;bottom:10px;background:rgba(255,255,255,.95);color:var(--muted);font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:99px}
body.ta-ed .d3-badge.on{color:var(--good)}
body.ta-ed .d3-hcard b{font-family:var(--display);font-size:18px;color:var(--head);padding:12px 14px 2px}
body.ta-ed .d3-hcard small{font-size:13.5px;line-height:1.45;color:var(--muted);padding:0 14px 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){
  body.ta-ed .d3-areas.map-side{grid-template-columns:1fr}
  body.ta-ed .d3-areas.map-side .rmap{min-height:380px}
  body.ta-ed .d3-hrow-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  body.ta-ed .d3-boxes.side{grid-template-columns:1fr}
  body.ta-ed .d3-areas.map-side .d3-area-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body.ta-ed .d3-hrow{padding:20px 16px}
  body.ta-ed .d3-hrow-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
  body.ta-ed .d3-hcard{scroll-snap-align:start}
}
@media (max-width:560px){
  body.ta-ed .d3-areas.map-side .d3-area-grid{grid-template-columns:1fr}
  body.ta-ed .d3-boxes.side .d3-box.has-img{grid-template-columns:1fr}
  body.ta-ed .d3-boxes.side .d3-box-img img{min-height:0;aspect-ratio:16/10}
}
body.ta-ed .d3-boxes.side .d3-box.has-img{min-height:270px}
body.ta-ed .d3-boxes.side .d3-box-img{position:relative;overflow:hidden;min-height:220px}
body.ta-ed .d3-boxes.side .d3-box-img img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}
@media (max-width:560px){body.ta-ed .d3-boxes.side .d3-box-img{min-height:0;aspect-ratio:16/10}}
body.ta-ed .d3-guide .prose .ch > .stayed{display:block;background:none;padding:0;border-radius:0;margin-block:0 10px}

/* ===== Khao Lak mockup additions (14.10.2026) ===== */
body.ta-ed .qfacts.hero{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
body.ta-ed .d3-area.no-img{padding-top:22px;text-align:center;align-items:center}
body.ta-ed .d3-area.no-img b,body.ta-ed .d3-area.no-img small{padding-inline:16px}
body.ta-ed .d3-area.no-img .d3-area-btn{align-self:center}
body.ta-ed .d3-area-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--band);color:var(--lagoon)}
body.ta-ed .d3-area-ico .ta-ico{width:30px;height:30px}
body.ta-ed .d3-intro-img.has-feature{position:relative;min-height:460px}
body.ta-ed .d3-intro-img.has-feature::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,rgba(13,74,87,.85),rgba(13,74,87,0));pointer-events:none}
body.ta-ed .d3-feat-badge{position:absolute;top:14px;inset-inline-end:14px;background:#fff;color:var(--head);font-size:13px;font-weight:700;padding:5px 14px;border-radius:99px;z-index:2}
body.ta-ed .d3-intro-img figcaption.d3-feat{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;padding:22px 24px;background:none;border-radius:0;color:#fff;font-size:15px}
body.ta-ed .d3-feat b{display:block;width:100%;font-family:var(--display);font-size:30px;font-weight:700;color:#fff}
body.ta-ed .d3-feat span{flex:1 1 260px;color:rgba(255,255,255,.92);line-height:1.5}
body.ta-ed .d3-feat-btn{background:#fff;color:var(--head);font-weight:700;padding:9px 20px;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
body.ta-ed .d3-feat-btn span{color:inherit;flex:none}
@media (max-width:760px){body.ta-ed .d3-intro-img.has-feature{min-height:360px}body.ta-ed .d3-feat b{font-size:24px}}

/* ===== Khao Sok mockup additions (14.10.2026) ===== */
body.ta-ed .d3-feats{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 18px}
body.ta-ed .d3-feats li{display:flex;gap:10px;align-items:flex-start}
body.ta-ed .d3-feats .ta-ico{width:32px;height:32px;color:var(--lagoon);flex:none;stroke-width:1.5}
body.ta-ed .d3-feats b{display:block;font-size:15px;color:var(--head)}
body.ta-ed .d3-feats small{display:block;font-size:13px;color:var(--muted);line-height:1.4}
body.ta-ed .d3-fcards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-block:0 var(--sec)}
body.ta-ed .d3-fcards .d3-box{border-radius:var(--r12);padding:0 0 22px;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);overflow:hidden;box-shadow:0 2px 12px rgba(15,61,80,.06)}
body.ta-ed .d3-fcards .d3-box-img{position:relative;display:block;margin:0 0 16px}
body.ta-ed .d3-fcards .d3-box-img img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}
body.ta-ed .d3-fcards .d3-box-body{margin-inline:24px;display:flex;flex-direction:column;flex:1}
body.ta-ed .d3-fcards:not(.n1) .d3-box:not(.has-img) .d3-box-body{padding-top:22px}
body.ta-ed .d3-fcards h3{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:26px;font-weight:700;color:var(--head);margin:0 0 8px}
body.ta-ed .d3-fcards h3 .ta-ico{width:30px;height:30px;color:var(--lagoon)}
body.ta-ed .d3-fcards p{margin:0 0 16px;color:var(--ink);font-size:16px;line-height:1.65}
body.ta-ed .d3-box-badge{position:absolute;top:14px;inset-inline-end:14px;background:#fff;color:var(--head);font-size:13px;font-weight:700;padding:5px 14px;border-radius:99px}
body.ta-ed .d3-box-badge.inline{position:static;font-family:var(--body);font-size:12.5px;background:var(--band);color:var(--good);margin-inline-start:6px}
body.ta-ed .d3-fcards .d3-box-btn,body.ta-ed .d3-boxes .d3-box-btn{margin-top:auto;align-self:flex-start;border:1.5px solid var(--head);border-radius:var(--radius);padding:8px 22px;color:var(--head);font-weight:700;text-decoration:none}
body.ta-ed .d3-box p{margin:0 0 12px;font-size:15.5px;line-height:1.6}
body.ta-ed .d3-steps{list-style:none;counter-reset:st;margin:4px 0 20px;padding:0;display:grid;gap:14px}
body.ta-ed .d3-steps li{counter-increment:st;position:relative;padding-inline-start:44px;min-height:32px}
body.ta-ed .d3-steps li::before{content:counter(st);position:absolute;inset-inline-start:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--head);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
body.ta-ed .d3-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:14px;top:32px;bottom:-14px;width:2px;background:var(--line)}
body.ta-ed .d3-steps b{display:block;color:var(--head);font-size:15.5px}
body.ta-ed .d3-steps small{display:block;color:var(--muted);font-size:14px}
@media (max-width:900px){body.ta-ed .d3-fcards{grid-template-columns:1fr}body.ta-ed .d3-feats{grid-template-columns:1fr 1fr}}
@media (max-width:560px){body.ta-ed .d3-fcards .d3-box-img img{aspect-ratio:16/10}body.ta-ed .d3-fcards h3{font-size:22px}}
body.ta-ed .d3-intro > .d3-feats-side{margin:0;align-self:center;grid-template-columns:1fr 1fr;background:var(--band);border-radius:var(--r12);padding:30px 28px;gap:24px 20px}
body.ta-ed .d3-fcards .d3-box:not(.has-img)::before{content:"";display:block;aspect-ratio:16/8;background:var(--band);margin-bottom:16px}
@media (max-width:560px){body.ta-ed .d3-intro > .d3-feats-side{grid-template-columns:1fr}}
/* === Stage 1 pilot - Phuket only (page 381), her brief 15.10.2026: text measure 720, chapter spacing 64 (no padding+margin stacking),
   tighter headings, chapter number as its own element beside the title (fixes "01Phuket" in RTL). Roll out only after stages 1-3. === */
body.page-id-381.ta-ed .d3-guide .prose .ch{padding-top:64px;margin-top:0}
body.page-id-381.ta-ed .d3-guide .prose .ch:first-child{padding-top:40px}
body.page-id-381.ta-ed .d3-guide .prose .ch > *{max-width:720px}
body.page-id-381.ta-ed .d3-guide .prose .ch > figure,body.page-id-381.ta-ed .d3-guide .prose .ch > .wp-block-table,body.page-id-381.ta-ed .d3-guide .prose .ch > .attr-grid,body.page-id-381.ta-ed .d3-guide .prose .ch > .eat-grid{max-width:1080px}
body.page-id-381.ta-ed .d3-guide .prose .ch > :last-child{margin-bottom:0}
body.page-id-381.ta-ed .d3-guide .prose{line-height:1.75}
body.page-id-381.ta-ed .d3-guide .prose p{margin-block:0 18px}
body.page-id-381.ta-ed .d3-guide .prose h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(28px,2.6vw,34px);line-height:1.25;margin-block:0 18px}
body.page-id-381.ta-ed .d3-guide .prose h2 .snum{flex:none;margin:0;unicode-bidi:isolate;direction:ltr}
body.page-id-381.ta-ed .d3-guide .prose h3{font-size:22px;line-height:1.35;margin-block:32px 8px}
body.page-id-381.ta-ed .d3-guide .prose .area-h{margin-block:40px 10px}
body.page-id-381.ta-ed .d3-guide .prose .takeaway{margin-block:24px}
body.page-id-381.ta-ed .d3-guide .prose .ch > figure.wp-block-image{margin-block:32px}
body.page-id-381.ta-ed .d3-guide .prose .attr-grid,body.page-id-381.ta-ed .d3-guide .prose .eat-grid{margin-block:20px 8px}
@media (max-width:760px){
  body.page-id-381.ta-ed .d3-guide .prose .ch{padding-top:44px}
  body.page-id-381.ta-ed .d3-guide .prose h2{font-size:26px;gap:10px}
  body.page-id-381.ta-ed .d3-guide .prose h3{font-size:20px}
}
/* === Stage 2 pilot - Phuket only (page 381), 15.10.2026 ===
   a) Opening block (Paradise Beach photo + intro text): the photo keeps its full size and natural proportions;
      the text column is narrowed and set right beside it, so the two read as one magazine spread (no big gap). */
body.page-id-381.ta-ed .d3-intro{grid-template-columns:minmax(0,560px) minmax(0,585px);justify-content:center;column-gap:56px;align-items:center}
body.page-id-381.ta-ed .d3-intro-text{align-self:center}
body.page-id-381.ta-ed .d3-intro .d3-h{font-size:clamp(30px,3vw,40px);margin-bottom:20px}
body.page-id-381.ta-ed .d3-intro-text p:first-of-type{font-size:21px;line-height:1.7;font-weight:400;color:var(--head)}
body.page-id-381.ta-ed .d3-intro-text p{max-width:none}
/* b) Photos inside chapters - flexible, follows each photo's own proportions, never crops:
      - portrait photo followed by text -> sits beside the text (hangs into the left margin of the 720px column)
      - two portraits in a row -> a pair, side by side
      - landscape photo -> large, across the chapter width, text above/below
      - portrait with no text after it -> centred, moderate width */
body.page-id-381.ta-ed .d3-guide .prose .ch::after{content:"";display:table;clear:both}
body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait{max-width:440px;margin-inline:auto;clear:both}
body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait img{max-height:none!important;width:100%!important}
body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait:has(+ figure.is-portrait),
body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait + figure.is-portrait{float:none;display:inline-block;vertical-align:top;width:calc(50% - 12px);max-width:340px;margin:24px 0}
body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait:has(+ figure.is-portrait){margin-inline-start:calc(50% - 352px);margin-inline-end:24px}
body.page-id-381.ta-ed .d3-guide .prose .ch > h2,body.page-id-381.ta-ed .d3-guide .prose .ch > .attr-grid,body.page-id-381.ta-ed .d3-guide .prose .ch > .eat-grid,body.page-id-381.ta-ed .d3-guide .prose .ch > .wp-block-table,body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-landscape{clear:both}
body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-landscape img{border-radius:var(--r12)}
@media (max-width:760px){
  body.page-id-381.ta-ed .d3-intro{grid-template-columns:1fr}
  body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait,
  body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait:has(+ figure.is-portrait),
  body.page-id-381.ta-ed .d3-guide .prose .ch > figure.is-portrait + figure.is-portrait{float:none;display:block;width:auto;max-width:420px;margin:24px auto}
}

/* portrait beside its text as one unit (Phuket stage 2): text on the reading side, photo beside it in its own proportions */
body.page-id-381.ta-ed .d3-guide .prose .ch > .fig-side{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:44px;align-items:start;max-width:1080px;margin:28px auto;clear:both}
body.page-id-381.ta-ed .d3-guide .prose .fig-side > figure{order:2;margin:0;max-width:none}
body.page-id-381.ta-ed .d3-guide .prose .fig-side > figure img{width:100%!important;max-height:none!important;border-radius:var(--r12)}
body.page-id-381.ta-ed .d3-guide .prose .fig-side > figure figcaption{text-align:start;padding-top:8px;font-size:14px}
body.page-id-381.ta-ed .d3-guide .prose .fig-side-text{order:1;max-width:620px}
body.page-id-381.ta-ed .d3-guide .prose .fig-side-text > :last-child{margin-bottom:0}
@media (max-width:760px){body.page-id-381.ta-ed .d3-guide .prose .ch > .fig-side{display:block}body.page-id-381.ta-ed .d3-guide .prose .fig-side > figure{max-width:420px;margin:0 auto 20px}}
/* pairs of related portrait photos (Phuket stage 2): side by side, each in its own proportions, no crop */
body.page-id-381.ta-ed .d3-guide .prose .ch > .fig-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;max-width:900px;margin:32px auto;clear:both}
body.page-id-381.ta-ed .d3-guide .prose .fig-pair figure{margin:0;max-width:none}
body.page-id-381.ta-ed .d3-guide .prose .fig-pair figure img{width:100%!important;max-height:none!important;border-radius:var(--r12)}
body.page-id-381.ta-ed .d3-guide .prose .fig-pair figcaption{text-align:start;padding-top:8px;font-size:14px}
/* mobile: one under the other so faces and details stay readable (her decision 16.10.2026) */
@media (max-width:600px){body.page-id-381.ta-ed .d3-guide .prose .ch > .fig-pair{grid-template-columns:1fr;gap:22px;max-width:460px}}
/* transparent logo test - Phuket only (her approval 15.10.2026); site-wide only after a side-by-side comparison */
body.page-id-381 .brand-logo{content:url(https://www.thailandactually.com/il/wp-content/uploads/2026/10/logo-he-transparent-test.webp)}
@media (max-width:900px){body.page-id-381 .brand-logo{height:62px}}
@media (max-width:420px){body.page-id-381 .brand-logo{height:56px}}

/* ===== Phuket stage 3 (16.10.2026, her choices) - Phuket only until approved as the destination template ===== */
/* Hero B: one article opening (title, subtitle, lead) above the full photo - no crop, no text on the photo, no floating card */
body.page-id-381.ta-ed .dhero{display:grid;grid-template-columns:minmax(0,1080px);justify-content:center;min-height:0;padding:0 24px;background:transparent;color:var(--ink);overflow:visible}
body.page-id-381.ta-ed .dhero::after{content:none}
body.page-id-381.ta-ed .dhero-in{display:contents}
body.page-id-381.ta-ed .dhero-text{order:1;max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:0;align-items:baseline;padding-top:30px}
body.page-id-381.ta-ed .dhero-text > *{grid-column:1 / -1}
body.page-id-381.ta-ed .dhero .crumbs{margin-bottom:10px}
body.page-id-381.ta-ed .dhero-text h1{grid-column:1;margin:0;font-size:clamp(52px,5.4vw,76px);color:var(--head);text-shadow:none}
body.page-id-381.ta-ed .dhero-text .dhero-en{grid-column:2;margin:0;font-size:clamp(28px,2.8vw,40px)}
body.page-id-381.ta-ed .dhero-tag{font-size:22px;margin:12px 0 0}
body.page-id-381.ta-ed .dhero .lead{font-size:17.5px;line-height:1.75;max-width:700px;margin:8px 0 0}
body.page-id-381.ta-ed .dhero.light .pill.light{justify-self:start;margin-top:14px;background:none;border:0;border-bottom:1.5px solid currentColor;border-radius:0;padding:0 0 3px;color:var(--head)}
body.page-id-381.ta-ed .dhero.light .pill.light:hover{background:none;color:var(--lagoon)}
body.page-id-381.ta-ed .dhero .dhero-bg{order:2;position:static;inset:auto;width:100%;height:auto;object-fit:contain;margin-top:26px;border-radius:var(--r12)}
body.page-id-381.ta-ed .qfacts.hero{order:3;margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));background:none;backdrop-filter:none;box-shadow:none;border:0;border-block:1px solid var(--line);border-radius:0}
body.page-id-381.ta-ed .qfacts.hero li{padding:14px 18px}
@media (max-width:860px){
  body.page-id-381.ta-ed .dhero{padding:0 16px}
  body.page-id-381.ta-ed .dhero-text{padding-top:18px}
  body.page-id-381.ta-ed .dhero-tag{font-size:19px}
  body.page-id-381.ta-ed .dhero .lead{font-size:16.5px}
  body.page-id-381.ta-ed .dhero .dhero-bg{margin-top:20px}
  body.page-id-381.ta-ed .qfacts.hero{grid-template-columns:1fr 1fr;margin-top:20px}
  body.page-id-381.ta-ed .qfacts.hero li{padding:12px 8px;border-inline-end:0;border-bottom:1px solid var(--line)}
  body.page-id-381.ta-ed .qfacts.hero li:nth-last-child(-n+2){border-bottom:0}
}
/* Map area: compact magazine list (one row per area, hairlines) beside a 460px map - replaces the 4 big cards */
body.page-id-381.ta-ed .d3-areas.map-side{grid-template-columns:minmax(0,1fr) 460px;column-gap:56px;align-items:start}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area-grid{display:block}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:16px;row-gap:4px;align-items:center;text-align:start;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:20px 0;overflow:visible}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area:first-child{border-top:1px solid var(--line)}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area-ico{grid-row:1 / 3;align-self:start;width:30px;height:30px;margin-top:3px;background:none;border-radius:0}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area-ico .ta-ico{width:24px;height:24px}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area b{grid-column:2;padding:0;font-size:23px;font-weight:700;line-height:1.3}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area small{grid-column:2;grid-row:2;padding:0;font-size:15.5px;line-height:1.5}
body.page-id-381.ta-ed .d3-areas.map-side .d3-area-btn{grid-column:3;grid-row:1 / 3;align-self:center;margin:0;border:0;border-bottom:1.5px solid currentColor;border-radius:0;padding:0 0 2px;font-size:15px;white-space:nowrap}
body.page-id-381.ta-ed .d3-areas.map-side .d3-areas-map{background:none;padding:0}
body.page-id-381.ta-ed .d3-areas.map-side .rmap{flex:none;height:460px;min-height:0}
body.page-id-381.ta-ed .d3-areas.map-side .rmap-legend{padding:12px 2px;font-size:14px}
@media (max-width:1000px){
  body.page-id-381.ta-ed .d3-areas.map-side{grid-template-columns:1fr;row-gap:36px}
  body.page-id-381.ta-ed .d3-areas.map-side .rmap{height:400px}
}
@media (max-width:560px){
  body.page-id-381.ta-ed .d3-areas.map-side .d3-area{grid-template-columns:26px minmax(0,1fr) auto;column-gap:12px;padding:16px 0}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-area b{font-size:20px}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-area small{font-size:14.5px}
  body.page-id-381.ta-ed .d3-areas.map-side .rmap{height:360px}
}
/* ===== Phuket polish (16.10.2026, her review of stage 3) ===== */
/* hero photo: up to the full content width (1320, same edge as the sections below) - still whole, no crop */
body.page-id-381.ta-ed .dhero{grid-template-columns:minmax(0,1320px)}
/* "למדריך המלא" lands on the start of the detailed guide, below the sticky header */
body.page-id-381.ta-ed #intro{scroll-margin-top:104px}
/* mobile facts: one clean list, icon beside label + value, no awkward 2-column breaks */
@media (max-width:860px){
  body.page-id-381.ta-ed .qfacts.hero{grid-template-columns:1fr}
  body.page-id-381.ta-ed .qfacts.hero li{grid-template-columns:28px 1fr;column-gap:12px;padding:12px 2px;border-inline-end:0;border-bottom:1px solid var(--line)}
  body.page-id-381.ta-ed .qfacts.hero li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  body.page-id-381.ta-ed .qfacts.hero li:last-child{border-bottom:0}
  body.page-id-381.ta-ed .qfacts.hero li .ta-ico{width:24px;height:24px}
  body.page-id-381.ta-ed .qfacts.hero span{font-size:15.5px}
}
/* map area balance: heading across the top, list and map side by side at the same height, legend across the bottom */
@media (min-width:1001px){
  body.page-id-381.ta-ed .d3-areas.map-side{grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto auto auto 1fr auto;column-gap:56px;row-gap:0;align-items:start}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-areas-main,
  body.page-id-381.ta-ed .d3-areas.map-side .d3-areas-map,
  body.page-id-381.ta-ed .d3-areas.map-side .rmap-box{display:contents}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-areas-main .d3-h{grid-column:1 / -1;grid-row:1}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-areas-main .d3-muted{grid-column:1 / -1;grid-row:2;margin-bottom:28px}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-area-grid{grid-column:1;grid-row:3 / 5;align-self:stretch;display:flex;flex-direction:column}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-area{flex:1}
  body.page-id-381.ta-ed .d3-areas.map-side .d3-areas-map > h3{grid-column:2;grid-row:3;margin:0 0 12px}
  body.page-id-381.ta-ed .d3-areas.map-side .rmap{grid-column:2;grid-row:4;height:440px;border-radius:var(--r12);overflow:hidden}
  body.page-id-381.ta-ed .d3-areas.map-side .rmap-legend{grid-column:1 / -1;grid-row:5;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;padding:16px 0 0;border-top:1px solid var(--line);background:none}
}

/* ===== Magazine template v2 (16.10.2026) - approved for Chiang Mai (544) + Krabi (298) only; pages listed in ta_v2_ids(). Based on the Phuket pilot. ===== */
body.ta-v2.ta-ed .d3-guide .prose .ch{padding-top:64px;margin-top:0}
body.ta-v2.ta-ed .d3-guide .prose .ch:first-child{padding-top:40px}
body.ta-v2.ta-ed .d3-guide .prose .ch > *{max-width:720px}
body.ta-v2.ta-ed .d3-guide .prose .ch > figure,body.ta-v2.ta-ed .d3-guide .prose .ch > .wp-block-table,body.ta-v2.ta-ed .d3-guide .prose .ch > .attr-grid,body.ta-v2.ta-ed .d3-guide .prose .ch > .eat-grid{max-width:1080px}
body.ta-v2.ta-ed .d3-guide .prose .ch > :last-child{margin-bottom:0}
body.ta-v2.ta-ed .d3-guide .prose{line-height:1.75}
body.ta-v2.ta-ed .d3-guide .prose p{margin-block:0 18px}
body.ta-v2.ta-ed .d3-guide .prose h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(28px,2.6vw,34px);line-height:1.25;margin-block:0 18px}
body.ta-v2.ta-ed .d3-guide .prose h2 .snum{flex:none;margin:0;unicode-bidi:isolate;direction:ltr}
body.ta-v2.ta-ed .d3-guide .prose h3{font-size:22px;line-height:1.35;margin-block:32px 8px}
body.ta-v2.ta-ed .d3-guide .prose .area-h{margin-block:40px 10px}
body.ta-v2.ta-ed .d3-guide .prose .takeaway{margin-block:24px}
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.wp-block-image{margin-block:32px}
body.ta-v2.ta-ed .d3-guide .prose .attr-grid,body.ta-v2.ta-ed .d3-guide .prose .eat-grid{margin-block:20px 8px}
@media (max-width:760px){
  body.ta-v2.ta-ed .d3-guide .prose .ch{padding-top:44px}
  body.ta-v2.ta-ed .d3-guide .prose h2{font-size:26px;gap:10px}
  body.ta-v2.ta-ed .d3-guide .prose h3{font-size:20px}
}
/* === Stage 2 pilot - Phuket only (page 381), 15.10.2026 ===
   a) Opening block (Paradise Beach photo + intro text): the photo keeps its full size and natural proportions;
      the text column is narrowed and set right beside it, so the two read as one magazine spread (no big gap). */
body.ta-v2.ta-ed .d3-intro{grid-template-columns:minmax(0,560px) minmax(0,585px);justify-content:center;column-gap:56px;align-items:center}
body.ta-v2.ta-ed .d3-intro-text{align-self:center}
body.ta-v2.ta-ed .d3-intro .d3-h{font-size:clamp(30px,3vw,40px);margin-bottom:20px}
body.ta-v2.ta-ed .d3-intro-text p:first-of-type{font-size:21px;line-height:1.7;font-weight:400;color:var(--head)}
body.ta-v2.ta-ed .d3-intro-text p{max-width:none}
/* b) Photos inside chapters - flexible, follows each photo's own proportions, never crops:
      - portrait photo followed by text -> sits beside the text (hangs into the left margin of the 720px column)
      - two portraits in a row -> a pair, side by side
      - landscape photo -> large, across the chapter width, text above/below
      - portrait with no text after it -> centred, moderate width */
body.ta-v2.ta-ed .d3-guide .prose .ch::after{content:"";display:table;clear:both}
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait{max-width:440px;margin-inline:auto;clear:both}
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait img{max-height:none!important;width:100%!important}
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait:has(+ figure.is-portrait),
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait + figure.is-portrait{float:none;display:inline-block;vertical-align:top;width:calc(50% - 12px);max-width:340px;margin:24px 0}
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait:has(+ figure.is-portrait){margin-inline-start:calc(50% - 352px);margin-inline-end:24px}
body.ta-v2.ta-ed .d3-guide .prose .ch > h2,body.ta-v2.ta-ed .d3-guide .prose .ch > .attr-grid,body.ta-v2.ta-ed .d3-guide .prose .ch > .eat-grid,body.ta-v2.ta-ed .d3-guide .prose .ch > .wp-block-table,body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-landscape{clear:both}
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-landscape img{border-radius:var(--r12)}
@media (max-width:760px){
  body.ta-v2.ta-ed .d3-intro{grid-template-columns:1fr}
  body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait,
  body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait:has(+ figure.is-portrait),
  body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait + figure.is-portrait{float:none;display:block;width:auto;max-width:420px;margin:24px auto}
}

/* portrait beside its text as one unit (Phuket stage 2): text on the reading side, photo beside it in its own proportions */
body.ta-v2.ta-ed .d3-guide .prose .ch > .fig-side{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:44px;align-items:start;max-width:1080px;margin:28px auto;clear:both}
body.ta-v2.ta-ed .d3-guide .prose .fig-side > figure{order:2;margin:0;max-width:none}
body.ta-v2.ta-ed .d3-guide .prose .fig-side > figure img{width:100%!important;max-height:none!important;border-radius:var(--r12)}
body.ta-v2.ta-ed .d3-guide .prose .fig-side > figure figcaption{text-align:start;padding-top:8px;font-size:14px}
body.ta-v2.ta-ed .d3-guide .prose .fig-side-text{order:1;max-width:620px}
body.ta-v2.ta-ed .d3-guide .prose .fig-side-text > :last-child{margin-bottom:0}
@media (max-width:760px){body.ta-v2.ta-ed .d3-guide .prose .ch > .fig-side{display:block}body.ta-v2.ta-ed .d3-guide .prose .fig-side > figure{max-width:420px;margin:0 auto 20px}}
/* pairs of related portrait photos (Phuket stage 2): side by side, each in its own proportions, no crop */
body.ta-v2.ta-ed .d3-guide .prose .ch > .fig-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;max-width:900px;margin:32px auto;clear:both}
body.ta-v2.ta-ed .d3-guide .prose .fig-pair figure{margin:0;max-width:none}
body.ta-v2.ta-ed .d3-guide .prose .fig-pair figure img{width:100%!important;max-height:none!important;border-radius:var(--r12)}
body.ta-v2.ta-ed .d3-guide .prose .fig-pair figcaption{text-align:start;padding-top:8px;font-size:14px}
/* mobile: one under the other so faces and details stay readable (her decision 16.10.2026) */
@media (max-width:600px){body.ta-v2.ta-ed .d3-guide .prose .ch > .fig-pair{grid-template-columns:1fr;gap:22px;max-width:460px}}
/* transparent logo test - Phuket only (her approval 15.10.2026); site-wide only after a side-by-side comparison */
body.ta-v2.ta-ed .brand-logo{content:url(https://www.thailandactually.com/il/wp-content/uploads/2026/10/logo-he-transparent-test.webp)}
@media (max-width:900px){body.ta-v2.ta-ed .brand-logo{height:62px}}
@media (max-width:420px){body.ta-v2.ta-ed .brand-logo{height:56px}}

/* ===== Phuket stage 3 (16.10.2026, her choices) - Phuket only until approved as the destination template ===== */
/* Hero B: one article opening (title, subtitle, lead) above the full photo - no crop, no text on the photo, no floating card */
body.ta-v2.ta-ed .dhero{display:grid;grid-template-columns:minmax(0,1080px);justify-content:center;min-height:0;padding:0 24px;background:transparent;color:var(--ink);overflow:visible}
body.ta-v2.ta-ed .dhero::after{content:none}
body.ta-v2.ta-ed .dhero-in{display:contents}
body.ta-v2.ta-ed .dhero-text{order:1;max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:0;align-items:baseline;padding-top:30px}
body.ta-v2.ta-ed .dhero-text > *{grid-column:1 / -1}
body.ta-v2.ta-ed .dhero .crumbs{margin-bottom:10px}
body.ta-v2.ta-ed .dhero-text h1{grid-column:1;margin:0;font-size:clamp(52px,5.4vw,76px);color:var(--head);text-shadow:none}
body.ta-v2.ta-ed .dhero-text .dhero-en{grid-column:2;margin:0;font-size:clamp(28px,2.8vw,40px)}
body.ta-v2.ta-ed .dhero-tag{font-size:22px;margin:12px 0 0}
body.ta-v2.ta-ed .dhero .lead{font-size:17.5px;line-height:1.75;max-width:700px;margin:8px 0 0}
body.ta-v2.ta-ed .dhero.light .pill.light{justify-self:start;margin-top:14px;background:none;border:0;border-bottom:1.5px solid currentColor;border-radius:0;padding:0 0 3px;color:var(--head)}
body.ta-v2.ta-ed .dhero.light .pill.light:hover{background:none;color:var(--lagoon)}
body.ta-v2.ta-ed .dhero .dhero-bg{order:2;position:static;inset:auto;width:100%;height:auto;object-fit:contain;margin-top:26px;border-radius:var(--r12)}
body.ta-v2.ta-ed .qfacts.hero{order:3;margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));background:none;backdrop-filter:none;box-shadow:none;border:0;border-block:1px solid var(--line);border-radius:0}
body.ta-v2.ta-ed .qfacts.hero li{padding:14px 18px}
@media (max-width:860px){
  body.ta-v2.ta-ed .dhero{padding:0 16px}
  body.ta-v2.ta-ed .dhero-text{padding-top:18px}
  body.ta-v2.ta-ed .dhero-tag{font-size:19px}
  body.ta-v2.ta-ed .dhero .lead{font-size:16.5px}
  body.ta-v2.ta-ed .dhero .dhero-bg{margin-top:20px}
  body.ta-v2.ta-ed .qfacts.hero{grid-template-columns:1fr 1fr;margin-top:20px}
  body.ta-v2.ta-ed .qfacts.hero li{padding:12px 8px;border-inline-end:0;border-bottom:1px solid var(--line)}
  body.ta-v2.ta-ed .qfacts.hero li:nth-last-child(-n+2){border-bottom:0}
}
/* Map area: compact magazine list (one row per area, hairlines) beside a 460px map - replaces the 4 big cards */
body.ta-v2.ta-ed .d3-areas.map-side{grid-template-columns:minmax(0,1fr) 460px;column-gap:56px;align-items:start}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area-grid{display:block}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:16px;row-gap:4px;align-items:center;text-align:start;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:20px 0;overflow:visible}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area:first-child{border-top:1px solid var(--line)}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area-ico{grid-row:1 / 3;align-self:start;width:30px;height:30px;margin-top:3px;background:none;border-radius:0}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area-ico .ta-ico{width:24px;height:24px}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area b{grid-column:2;padding:0;font-size:23px;font-weight:700;line-height:1.3}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area small{grid-column:2;grid-row:2;padding:0;font-size:15.5px;line-height:1.5}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area-btn{grid-column:3;grid-row:1 / 3;align-self:center;margin:0;border:0;border-bottom:1.5px solid currentColor;border-radius:0;padding:0 0 2px;font-size:15px;white-space:nowrap}
body.ta-v2.ta-ed .d3-areas.map-side .d3-areas-map{background:none;padding:0}
body.ta-v2.ta-ed .d3-areas.map-side .rmap{flex:none;height:460px;min-height:0}
body.ta-v2.ta-ed .d3-areas.map-side .rmap-legend{padding:12px 2px;font-size:14px}
@media (max-width:1000px){
  body.ta-v2.ta-ed .d3-areas.map-side{grid-template-columns:1fr;row-gap:36px}
  body.ta-v2.ta-ed .d3-areas.map-side .rmap{height:400px}
}
@media (max-width:560px){
  body.ta-v2.ta-ed .d3-areas.map-side .d3-area{grid-template-columns:26px minmax(0,1fr) auto;column-gap:12px;padding:16px 0}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-area b{font-size:20px}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-area small{font-size:14.5px}
  body.ta-v2.ta-ed .d3-areas.map-side .rmap{height:360px}
}
/* ===== Phuket polish (16.10.2026, her review of stage 3) ===== */
/* hero photo: up to the full content width (1320, same edge as the sections below) - still whole, no crop */
body.ta-v2.ta-ed .dhero{grid-template-columns:minmax(0,1320px)}
/* "למדריך המלא" lands on the start of the detailed guide, below the sticky header */
body.ta-v2.ta-ed #intro{scroll-margin-top:104px}
/* mobile facts: one clean list, icon beside label + value, no awkward 2-column breaks */
@media (max-width:860px){
  body.ta-v2.ta-ed .qfacts.hero{grid-template-columns:1fr}
  body.ta-v2.ta-ed .qfacts.hero li{grid-template-columns:28px 1fr;column-gap:12px;padding:12px 2px;border-inline-end:0;border-bottom:1px solid var(--line)}
  body.ta-v2.ta-ed .qfacts.hero li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  body.ta-v2.ta-ed .qfacts.hero li:last-child{border-bottom:0}
  body.ta-v2.ta-ed .qfacts.hero li .ta-ico{width:24px;height:24px}
  body.ta-v2.ta-ed .qfacts.hero span{font-size:15.5px}
}
/* map area balance: heading across the top, list and map side by side at the same height, legend across the bottom */
@media (min-width:1001px){
  body.ta-v2.ta-ed .d3-areas.map-side{grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto auto auto 1fr auto;column-gap:56px;row-gap:0;align-items:start}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-areas-main,
  body.ta-v2.ta-ed .d3-areas.map-side .d3-areas-map,
  body.ta-v2.ta-ed .d3-areas.map-side .rmap-box{display:contents}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-areas-main .d3-h{grid-column:1 / -1;grid-row:1}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-areas-main .d3-muted{grid-column:1 / -1;grid-row:2;margin-bottom:28px}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-area-grid{grid-column:1;grid-row:3 / 5;align-self:stretch;display:flex;flex-direction:column}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-area{flex:1}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-areas-map > h3{grid-column:2;grid-row:3;margin:0 0 12px}
  body.ta-v2.ta-ed .d3-areas.map-side .rmap{grid-column:2;grid-row:4;height:440px;border-radius:var(--r12);overflow:hidden}
  body.ta-v2.ta-ed .d3-areas.map-side .rmap-legend{grid-column:1 / -1;grid-row:5;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;padding:16px 0 0;border-top:1px solid var(--line);background:none}
}

/* hero: whole photo, max ~620px tall (not a fixed height), never cropped or stretched; narrower photos centred, text follows the photo width */
body.ta-v2.ta-ed .dhero{grid-template-columns:auto;justify-content:center}
body.ta-v2.ta-ed .dhero .dhero-bg{width:auto;max-width:min(1320px,100%);max-height:620px;justify-self:center}
body.ta-v2.ta-ed .dhero-text,body.ta-v2.ta-ed .qfacts.hero{contain:inline-size}
@media (max-width:860px){body.ta-v2.ta-ed .dhero{grid-template-columns:minmax(0,1fr)}body.ta-v2.ta-ed .dhero .dhero-bg{width:100%;max-height:none}body.ta-v2.ta-ed .dhero-text,body.ta-v2.ta-ed .qfacts.hero{contain:none}}

/* near-square or portrait hero (ratio < 1.2): text beside the photo, facts row below */
@media (min-width:861px){
body.ta-v2.ta-ed .dhero.is-tall{grid-template-columns:minmax(0,500px) auto;column-gap:56px;align-items:center;justify-content:center;padding-top:34px}
body.ta-v2.ta-ed .dhero.is-tall .dhero-text{grid-column:1;grid-row:1;padding-top:0}
body.ta-v2.ta-ed .dhero.is-tall .dhero-bg{grid-column:2;grid-row:1;margin-top:0}
body.ta-v2.ta-ed .dhero.is-tall .qfacts.hero{grid-column:1 / -1;grid-row:2;margin-top:34px}
}
/* no automatic pairing; grouping only where approved */
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait:has(+ figure.is-portrait),
body.ta-v2.ta-ed .d3-guide .prose .ch > figure.is-portrait + figure.is-portrait{display:block;width:auto;max-width:440px;margin:24px auto}
body.ta-v2.ta-ed .d3-guide .prose .ch > .fig-pair.trio{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px}
@media (max-width:600px){body.ta-v2.ta-ed .d3-guide .prose .ch > .fig-pair.trio{grid-template-columns:1fr}}
@media (min-width:1001px){body.ta-v2.ta-ed .d3-areas.map-side .d3-area{align-content:center}}
/* Chiang Mai: own gallery + duo keep their width */
body.ta-v2.ta-ed .d3-guide .prose .ch > .cm-gallery,body.ta-v2.ta-ed .d3-guide .prose .ch > .cm-duo{max-width:1000px;margin-inline:auto}
@media (max-width:560px){body.ta-v2.ta-ed .dhero-text h1,body.ta-v2.ta-ed .dhero-text .dhero-en{grid-column:1 / -1}body.ta-v2.ta-ed .dhero-text .dhero-en{margin-top:2px}}
@media (max-width:600px){body.ta-v2.ta-ed .d3-guide .prose .cm-gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}body.ta-v2.ta-ed .d3-guide .prose .cm-gallery figure{margin:0!important}body.ta-v2.ta-ed .d3-guide .prose .cm-gallery figcaption{font-size:12.5px}
  body.ta-v2.ta-ed .d3-guide .prose .ch > .cm-duo{display:block!important}body.ta-v2.ta-ed .d3-guide .prose .cm-duo figure{max-width:440px;margin:0 auto 20px!important}}
/* info boxes under the map: same magazine language - no card, hairline on top, text links instead of buttons (content unchanged) */
body.ta-v2.ta-ed .d3-boxes{gap:40px}
body.ta-v2.ta-ed .d3-boxes .d3-box{background:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:20px 0 0!important}
body.ta-v2.ta-ed .d3-boxes .d3-box h3{font-size:21px}
body.ta-v2.ta-ed .d3-boxes .d3-box-btn{background:none!important;border:0!important;border-bottom:1.5px solid currentColor!important;border-radius:0!important;padding:0 0 2px!important;color:var(--head)!important}

@media (min-width:861px){body.ta-v2.ta-ed .dhero.is-tall .dhero-text h1,body.ta-v2.ta-ed .dhero.is-tall .dhero-text .dhero-en{grid-column:1 / -1}body.ta-v2.ta-ed .dhero.is-tall .dhero-text .dhero-en{margin-top:4px}}
/* info boxes: clear titles, links strong enough */
body.ta-v2.ta-ed .d3-boxes .d3-box h3{font-size:22px;font-weight:700;color:var(--head)}
body.ta-v2.ta-ed .d3-boxes .d3-box-btn{font-size:15.5px!important;font-weight:700!important;color:var(--lagoon,#1c8a9a)!important;border-bottom-width:2px!important}
body.ta-v2.ta-ed .d3-boxes .d3-box-btn:hover{color:var(--head)!important}

/* Krabi review: a bit less space between the photo and the text when they sit side by side */
@media (min-width:861px){body.ta-v2.ta-ed .dhero.is-tall{column-gap:40px}}
/* map legend easier to read on desktop */
@media (min-width:1001px){body.ta-v2.ta-ed .d3-areas.map-side .rmap-legend{font-size:15.5px!important;row-gap:8px}body.ta-v2.ta-ed .d3-areas.map-side .rmap-legend a{color:var(--ink)}}

/* Photo viewer (main.js, pages with body.ta-lb-on) - whole photo, original proportions, never cropped */
.ta-lb-thumb{cursor:zoom-in}
.ta-lb-thumb:focus-visible{outline:3px solid var(--lagoon,#1c8a9a);outline-offset:3px}
html.ta-lb-open,html.ta-lb-open body{overflow:hidden}
.ta-lb{position:fixed;inset:0;z-index:100000;background:rgba(10,20,26,.95);display:flex;align-items:center;justify-content:center;padding:calc(56px + env(safe-area-inset-top,0px)) 64px calc(24px + env(safe-area-inset-bottom,0px));touch-action:pan-y}
.ta-lb[hidden]{display:none}
.ta-lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}
.ta-lb-fig img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;border-radius:4px;user-select:none;-webkit-user-drag:none}
.ta-lb-fig figcaption{color:#eef3f5;font-size:15px;line-height:1.5;text-align:center;margin-top:12px;max-width:640px}
.ta-lb-count{color:#9fb3bb;font-size:13px;white-space:nowrap;margin-inline-start:8px}
.ta-lb-btn{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.ta-lb-btn:hover,.ta-lb-btn:focus-visible{background:rgba(255,255,255,.26);outline:none}
.ta-lb-btn[hidden]{display:none}
.ta-lb-close{top:calc(10px + env(safe-area-inset-top,0px));inset-inline-end:12px;font-size:34px}
.ta-lb-prev{top:50%;transform:translateY(-50%);inset-inline-start:10px}
.ta-lb-next{top:50%;transform:translateY(-50%);inset-inline-end:10px}
@media (max-width:700px){
  .ta-lb{padding:calc(60px + env(safe-area-inset-top,0px)) 8px calc(16px + env(safe-area-inset-bottom,0px))}
  .ta-lb-prev,.ta-lb-next{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:none;width:44px;height:44px}
  .ta-lb-fig img{max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px)}
  .ta-lb-fig figcaption{font-size:14px;padding:0 52px}
}
/* photo viewer in a short window (landscape phone, strong browser zoom): arrows back at the sides, more room for the photo */
@media (max-height:480px){
  .ta-lb{padding:10px 64px}
  .ta-lb-prev,.ta-lb-next{top:50%;bottom:auto;transform:translateY(-50%)}
  .ta-lb-close{top:8px}
  .ta-lb-fig img{max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px)}
  .ta-lb-fig figcaption{margin-top:6px;font-size:13px;padding:0}
}

/* ===== Wide editorial hero for template v2 pages (her decision 16.10.2026): big photo, destination name on it, soft local gradient only; intro + link + facts under the photo. Focal points per page: ta_v2_focus(). ===== */
body.ta-v2.ta-ed .dhero{position:relative!important;display:block!important;height:clamp(600px,74vh,700px);min-height:0!important;padding:0!important;overflow:hidden;background:#17303a!important;color:#fff}
body.ta-v2.ta-ed .dhero .dhero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;object-fit:cover!important;object-position:var(--fx,50%) var(--fy,50%)!important;aspect-ratio:auto!important}
/* soft gradient only behind the title corner - the view stays clear */
body.ta-v2.ta-ed .dhero::after{content:""!important;display:block!important;position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(6,18,24,.62) 0%,rgba(6,18,24,.30) 26%,rgba(6,18,24,0) 52%),linear-gradient(to left,rgba(6,18,24,.28) 0%,rgba(6,18,24,0) 45%)!important}
body.ta-v2.ta-ed .dhero-in{display:block!important;position:absolute!important;left:0;right:0;bottom:0;z-index:2;max-width:1320px;margin:0 auto!important;padding:0 24px 46px!important}
body.ta-v2.ta-ed .dhero-text{display:block!important;max-width:760px!important;padding:0!important;contain:none!important;text-shadow:0 1px 14px rgba(0,0,0,.28)}
body.ta-v2.ta-ed .dhero .crumbs ol,body.ta-v2.ta-ed .dhero .crumbs a{color:rgba(255,255,255,.88)!important}
body.ta-v2.ta-ed .dhero .crumbs{margin-bottom:8px}
body.ta-v2.ta-ed .dhero-text h1{color:#fff!important;font-size:clamp(64px,7vw,104px)!important;line-height:.95!important;margin:0!important;text-shadow:0 2px 22px rgba(0,0,0,.30)!important}
body.ta-v2.ta-ed .dhero-text .dhero-en{display:block!important;color:#fff!important;opacity:.92;font-size:clamp(28px,2.6vw,40px)!important;margin:6px 0 0!important}
body.ta-v2.ta-ed .dhero-text .dhero-tag{color:#fff!important;font-size:21px!important;font-weight:600;margin:14px 0 0!important;max-width:620px}
body.ta-v2.ta-ed .dhero-text .lead,body.ta-v2.ta-ed .dhero-text .pill,body.ta-v2.ta-ed .dhero .qfacts.hero{display:none!important}
/* under the photo: the longer intro + link, then the facts row (same clean style as before) */
body.ta-v2.ta-ed .ta-hero-after{max-width:1320px;margin:0 auto;padding:30px 24px 0}
body.ta-v2.ta-ed .ta-hero-after .lead{font-size:18px;line-height:1.75;max-width:760px;margin:0 0 10px;color:var(--ink)}
body.ta-v2.ta-ed .ta-hero-after .pill{display:inline-block;background:none!important;border:0!important;border-bottom:1.5px solid currentColor!important;border-radius:0!important;padding:0 0 3px!important;color:var(--head)!important;font-weight:700}
body.ta-v2.ta-ed .ta-hero-after .qfacts.hero{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:26px 0 0;background:none!important;box-shadow:none!important;border:0!important;border-block:1px solid var(--line)!important;border-radius:0!important;contain:none}
body.ta-v2.ta-ed .ta-hero-after .qfacts.hero li{padding:14px 18px}
@media (max-width:860px){
  body.ta-v2.ta-ed .dhero{height:min(64svh,520px);min-height:430px!important}
  body.ta-v2.ta-ed .dhero .dhero-bg{object-position:var(--mx,var(--fx,50%)) var(--my,var(--fy,50%))!important}
  body.ta-v2.ta-ed .dhero-in{padding:0 18px 26px!important}
  body.ta-v2.ta-ed .dhero-text h1{font-size:clamp(48px,14vw,64px)!important}
  body.ta-v2.ta-ed .dhero-text .dhero-en{font-size:26px!important}
  body.ta-v2.ta-ed .dhero-text .dhero-tag{font-size:17px!important;margin-top:10px!important}
  body.ta-v2.ta-ed .ta-hero-after{padding:22px 16px 0}
  body.ta-v2.ta-ed .ta-hero-after .lead{font-size:16.5px}
  body.ta-v2.ta-ed .ta-hero-after .qfacts.hero{grid-template-columns:1fr}
  body.ta-v2.ta-ed .ta-hero-after .qfacts.hero li{grid-template-columns:28px 1fr;column-gap:12px;padding:12px 2px;border-inline-end:0;border-bottom:1px solid var(--line)}
  body.ta-v2.ta-ed .ta-hero-after .qfacts.hero li:last-child{border-bottom:0}
}

/* breadcrumbs sit above the intro, under the photo (readable) */
body.ta-v2.ta-ed .dhero .crumbs{display:none!important}
body.ta-v2.ta-ed .ta-hero-after .crumbs{display:block;margin:0 0 12px;font-size:14px}
body.ta-v2.ta-ed .ta-hero-after .crumbs ol{padding:0;color:var(--muted)}
body.ta-v2.ta-ed .ta-hero-after .crumbs a{color:var(--muted)}
@media (max-width:860px){body.ta-v2.ta-ed .dhero .dhero-bg{inset:0 0 auto 0!important;height:calc(100% * var(--mz,1))!important}}

/* ===== v2 per-page options (16.10.2026): title on the left (tl-end) + area list with small photos (Koh Phangan) ===== */
/* title on the other side of the photo (left in Hebrew) when the right side is busy */
body.ta-v2.ta-ed .dhero.tl-end .dhero-text{margin-inline-start:auto!important}
body.ta-v2.ta-ed .dhero.tl-end::after{background:linear-gradient(to top,rgba(6,18,24,.62) 0%,rgba(6,18,24,.30) 26%,rgba(6,18,24,0) 52%),linear-gradient(to right,rgba(6,18,24,.28) 0%,rgba(6,18,24,0) 45%)!important}
/* area list with a small photo per area (Koh Phangan, Koh Samui) - natural proportions, no crop, still compact */
body.ta-v2.ta-ed .d3-areas.map-side .d3-area:not(.no-img){grid-template-columns:112px minmax(0,1fr) auto!important;column-gap:18px!important}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area .d3-area-img{grid-row:1 / 3;grid-column:1;width:112px;display:block;align-self:center;padding:0;margin:0}
body.ta-v2.ta-ed #areas.d3-areas.map-side .d3-area .d3-area-img img{width:112px!important;height:auto!important;max-height:84px;aspect-ratio:auto!important;object-fit:contain!important;border-radius:6px;display:block;margin:0 auto}
@media (max-width:560px){
  body.ta-v2.ta-ed .d3-areas.map-side .d3-area:not(.no-img){grid-template-columns:84px minmax(0,1fr) auto!important;column-gap:12px!important}
  body.ta-v2.ta-ed .d3-areas.map-side .d3-area .d3-area-img,body.ta-v2.ta-ed #areas.d3-areas.map-side .d3-area .d3-area-img img{width:84px!important}
  body.ta-v2.ta-ed #areas.d3-areas.map-side .d3-area .d3-area-img img{max-height:64px}
}
body.ta-v2.ta-ed .dhero.tl-end .dhero-text{width:fit-content!important}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area:not(.no-img){grid-template-columns:110px minmax(0,1fr) auto!important;align-content:center!important;row-gap:2px!important;padding:14px 0!important}
body.ta-v2.ta-ed .d3-areas.map-side .d3-area .d3-area-img{width:110px!important;display:flex!important;justify-content:center}
body.ta-v2.ta-ed #areas.d3-areas.map-side .d3-area .d3-area-img img{height:78px!important;width:auto!important;max-width:110px!important;max-height:78px!important;margin:0!important}
@media (max-width:560px){body.ta-v2.ta-ed .d3-areas.map-side .d3-area:not(.no-img){grid-template-columns:72px minmax(0,1fr) auto!important}body.ta-v2.ta-ed .d3-areas.map-side .d3-area .d3-area-img{width:72px!important}body.ta-v2.ta-ed #areas.d3-areas.map-side .d3-area .d3-area-img img{height:64px!important;max-height:64px!important;max-width:72px!important}}
/* readability on bright, changing backgrounds (Phuket sand + sunset light): a tighter soft shadow under the smaller hero lines - no dark overlay */
body.ta-v2.ta-ed .dhero.wide .dhero-text .dhero-en,body.ta-v2.ta-ed .dhero.wide .dhero-text .dhero-tag{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 16px rgba(0,0,0,.40)!important}
body.ta-v2.ta-ed .dhero.wide .dhero-text h1{text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 22px rgba(0,0,0,.35)!important}
/* facts labels a bit larger (12.5 -> 13.5px), all v2 pages - her approval 16.10.2026 */
body.ta-v2.ta-ed .qfacts.hero b{font-size:13.5px!important}
/* Railay (her note 16.10.2026): title block ~20px higher on mobile so the small line sits comfortably inside the photo */
@media (max-width:860px){body.ta-v2.ta-ed .dhero.tl-up .dhero-in{padding-bottom:46px!important}}

/* v2 (approved on Koh Samui 16.10.2026): compact area list for pages whose map is an image below the list (Koh Samui) - rows with a small photo, hairlines, no cards; two columns on desktop */
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area-grid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:56px!important;row-gap:0!important}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area{display:grid!important;grid-template-columns:110px minmax(0,1fr) auto!important;column-gap:18px!important;row-gap:2px!important;align-items:center!important;align-content:center!important;text-align:start!important;background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:14px 0!important;overflow:visible!important}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area:nth-child(-n+2){border-top:1px solid var(--line)!important}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area .d3-area-img{grid-row:1 / 3;grid-column:1;width:110px!important;display:flex!important;justify-content:center;padding:0!important;margin:0!important}
body.ta-v2.ta-ed #areas.d3-areas:not(.map-side) .d3-area .d3-area-img img{height:78px!important;width:auto!important;max-width:110px!important;max-height:78px!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:6px;margin:0!important}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area b{grid-column:2;padding:0!important;font-size:21px!important;font-weight:700;line-height:1.3}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area small{grid-column:2;grid-row:2;padding:0!important;font-size:15px!important;line-height:1.5}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area-btn{grid-column:3;grid-row:1 / 3;align-self:center;margin:0!important;border:0!important;border-bottom:1.5px solid currentColor!important;border-radius:0!important;padding:0 0 2px!important;background:none!important;font-size:15px!important;white-space:nowrap}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-areas-map.is-img{max-width:900px;margin:40px auto 0!important;padding:0!important;background:none!important}
body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-areas-map.is-img img{width:100%!important;height:auto!important;border-radius:var(--r12)}
@media (max-width:860px){
  body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area-grid{grid-template-columns:1fr!important}
  body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area:nth-child(2){border-top:0!important}
  body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area{grid-template-columns:72px minmax(0,1fr) auto!important;column-gap:12px!important}
  body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area .d3-area-img{width:72px!important}
  body.ta-v2.ta-ed #areas.d3-areas:not(.map-side) .d3-area .d3-area-img img{height:64px!important;max-height:64px!important;max-width:72px!important}
  body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area b{font-size:19px!important}
  body.ta-v2.ta-ed .d3-areas:not(.map-side) .d3-area small{font-size:14.5px!important}
}
/* facts without icons (Koh Tao): label above the value, like the other pages */
body.ta-v2.ta-ed .qfacts.hero li:not(:has(.ta-ico)){display:flex!important;flex-direction:column;gap:2px;text-align:start}

/* English edition (23.10.2026): English transparent logo where the Hebrew one is swapped in */
html:not([dir="rtl"]) body.page-id-381 .brand-logo,html:not([dir="rtl"]) body.ta-v2.ta-ed .brand-logo{content:url(https://www.thailandactually.com/il/wp-content/uploads/2026/10/thailand-actually-logo-en-transparent.webp)}
html:not([dir="rtl"]) body.ta-v2.ta-ed .brand-logo,html:not([dir="rtl"]) body.page-id-381 .brand-logo{height:60px}
@media (max-width:900px){html:not([dir="rtl"]) body.ta-v2.ta-ed .brand-logo,html:not([dir="rtl"]) body.page-id-381 .brand-logo{height:46px}}

/* Leaflet 1.9.4 CSS, self-hosted (23.10.2026) - no unpkg request. */
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}