@media only screen and (max-width: 768px) {
  html {
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch;
  }
	/* --- ELEGANT FOREST CARD DESIGN --- */
/* --- COMPACT & CLEAN SAFARI TABLE --- */
.wp-block-table, table {
    max-width: 650px !important;
    width: 100% !important;
    margin: 25px auto !important;
    border-collapse: collapse !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    background-color: #f5f6f7 !important; /* වගුවේ පසුබිම ලා අළු පැහැ ගැන්වීම */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
}

/* කොටුවල උස, හිස් ඉඩ සහ Borders සකස් කිරීම */
.wp-block-table th, .wp-block-table td, table th, table td {
    padding: 12px 15px !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 15px !important;
    color: #2d3748 !important;
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important; /* වෙන් කරන රේඛා ලා අළු පැහැයෙන් */
}

/* පළමු පේළියේ (Header) පසුබිම ස්ථිරවම තද කොළ පැහැයෙන් තැබීම */
.wp-block-table tr:first-child, table tr:first-child,
.wp-block-table tr:first-child:hover, table tr:first-child:hover,
.wp-block-table tr:first-child:active, table tr:first-child:active,
.wp-block-table tr:first-child:focus, table tr:first-child:focus {
    background-color: #1a3c1e !important; /* Touch කළද මෙම කොළ පැහැය වෙනස් නොවේ */
}

/* පළමු පේළියේ ඇති සියලුම අකුරු ස්ථිරවම සුදු පැහැයෙන් තැබීම */
.wp-block-table tr:first-child td, table tr:first-child td,
.wp-block-table tr:first-child td strong, table tr:first-child td strong,
.wp-block-table tr:first-child:hover td, table tr:first-child:hover td {
    color: #ffffff !important; 
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* පැකේජ විස්තර ඇති වම්පස තීරුව */
.wp-block-table tr td:first-child, table tr td:first-child {
    font-weight: 600 !important;
    color: #2d3748 !important;
}

/* මිල ගණන් ඇති දකුණුපස තීරුව */
.wp-block-table tr td:last-child, table tr td:last-child {
    color: #b7791f !important; /* රන්වන් පැහැය */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: right !important;
}

/* මවුස් එක තබන විට හෝ Touch කරන විට පේළි මෘදුව Highlight වීම */
/* --- COMPACT & CLEAN SAFARI TABLE --- */
.wp-block-table, table {
    max-width: 650px !important;
    width: 100% !important;
    margin: 25px auto !important;
    border-collapse: collapse !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    background-color: #f2f0eb !important; /* කහ පාටට හුරු ලස්සන ලා අළු පැහැය */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
}

/* කොටුවල උස, හිස් ඉඩ සහ Borders සුදු පැහැ ගැන්වීම */
.wp-block-table th, .wp-block-table td, table th, table td {
    padding: 12px 15px !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 15px !important;
    color: #2d3748 !important;
    border: none !important;
    border-bottom: 2px solid #ffffff !important; /* වෙන් කරන රේඛා පිරිසිදු සුදු පැහැයෙන් */
}

/* පළමු පේළියේ (Header) පසුබිම ස්ථිරවම තද කොළ පැහැයෙන් තැබීම */
.wp-block-table tr:first-child, table tr:first-child,
.wp-block-table tr:first-child:hover, table tr:first-child:hover,
.wp-block-table tr:first-child:active, table tr:first-child:active,
.wp-block-table tr:first-child:focus, table tr:first-child:focus {
    background-color: #1a3c1e !important;
}

/* පළමු පේළියේ ඇති සියලුම අකුරු ස්ථිරවම සුදු පැහැයෙන් තැබීම */
.wp-block-table tr:first-child td, table tr:first-child td,
.wp-block-table tr:first-child td strong, table tr:first-child td strong,
.wp-block-table tr:first-child:hover td, table tr:first-child:hover td {
    color: #ffffff !important; 
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* පැකේජ විස්තර ඇති වම්පස තීරුව */
.wp-block-table tr td:first-child, table tr td:first-child {
    font-weight: 600 !important;
    color: #2d3748 !important;
}

/* මිල ගණන් ඇති දකුණුපස තීරුව */
.wp-block-table tr td:last-child, table tr td:last-child {
    color: #b7791f !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: right !important;
}

/* මවුස් එක තබන විට හෝ Touch කරන විට පේළි මෘදුව Highlight වීම */
.wp-block-table tbody tr:not(:first-child):hover, table tbody tr:not(:first-child):hover {
    background-color: #e5e1d8 !important; /* Touch කරන විට ලැබෙන තද පැහැය */
    transition: background-color 0.2s ease !important;
}
/* වගුවේ අවසන් තීරුවේ මිල ගණන් මැදට කිරීම */
.wp-block-table table tr td:last-child {
    text-align: center !important;
}
/* වගුවේ වම්පස ඇති වචන තරමක් ඉස්සරහට (මැදට වන්නට) කිරීම */
.wp-block-table tr td:first-child, table tr td:first-child {
    padding-left: 28px !important;
}

/* ස්ලයිඩර් පින්තූර 12 ම අලියාගේ පින්තූරය මෙන් ඉතා පැහැදිලි සහ දීප්තිමත් කිරීම */
.flexslider .slides img {
    filter: contrast(1.15) brightness(1.05) saturate(1.1); /* පින්තූරයේ පැහැදිලි බව, දීප්තිය සහ වර්ණ තද බව වැඩි කරයි */
    border-radius: 8px; /* කොන් තරමක් වටකුරු කිරීමට */
    box-shadow: inset 0 0 50px rgba(0,0,0,0.6), 0 10px 25px rgba(0,0,0,0.3) !important; /* පින්තූරය වටා තද ගතියක් සහ යටින් සෙවනැල්ලක් ලබා දේ */
    transition: all 0.4s ease;
}

/* පින්තූරය තවත් කැපී පෙනීමට එය වටා ඇති පසුබිම සකස් කිරීම */
.flexslider .slides li {
    background: #000000; /* පින්තූරය පිටුපස කළු පැහැය තැබීමෙන් පින්තූරයේ කළු කොටස් තවත් තදින් පෙනේ */
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1); /* ඉතා සිහින් වෘත්තීයමය බෝඩරයක් */
}

/* මවුස් එක උඩට යන විට (Hover) මෘදු ලෙස පින්තූරය තව ටිකක් ලස්සන වීම */
.flexslider .slides li:hover img {
    filter: contrast(1.2) brightness(1.1) saturate(1.15);
    transform: scale(1.01);
}