/* =========================================================
   FILE: price_guide.css
   VERSION: 1
   PAGE: Jewellery Repair Price Guide
   PROJECT: Jewellery Doctor Redesign
   ========================================================= */

.price_guide_section
{
width:100%;
}

.price_guide_intro,
.price_guide_notes,
.price_guide_links,
.price_guide_cta
{
margin-bottom:1.8rem;
}

.price_guide_updated
{
margin-top:0.75rem;
}

.price_guide_table_wrap
{
margin:1.6rem 0 1.8rem;
}

.price_guide_table
{
display:block;
border:1px solid #d7d7d7;
border-radius:1.25rem;
overflow:hidden;
background:#ffffff;
box-shadow:0 14px 32px rgba(0,0,0,0.08);
}

.price_guide_head,
.price_guide_row
{
display:grid;
grid-template-columns:minmax(0, 1fr) 220px;
align-items:stretch;
}

.price_guide_head
{
background:#000;
color:#FFF;
font-family:'Outfit', sans-serif;
font-weight:700;
font-size:1rem;
}

.price_guide_head > div
{
padding:1rem 1.15rem;
}

.price_guide_row
{
border-top:1px solid #ececec;
background:#ffffff;
}

.price_guide_row:nth-child(even)
{
background:#fafafa;
}

.price_guide_col_service,
.price_guide_col_price
{
padding:1rem 1.15rem;
line-height:1.6;
}

.price_guide_col_service
{
color:#FFF;
}

.price_guide_col_service a
{
color:#111111;
font-weight:700;
text-decoration:none;
}

.price_guide_col_service a:hover,
.price_guide_col_service a:focus-visible
{
color:#8a6500;
text-decoration:underline;
}

.price_guide_col_price
{
display:flex;
align-items:center;
justify-content:flex-start;
font-weight:700;
color:#111111;
border-left:1px solid #ececec;
}

.price_guide_col_price a
{
color:#8a6500;
font-weight:700;
text-decoration:underline;
}

.price_guide_col_price a:hover,
.price_guide_col_price a:focus-visible
{
color:#111111;
text-decoration:none;
}

.price_note
{
font-weight:600;
font-size:0.92rem;
color:#666666;
margin-left:0.25rem;
}

.price_guide_links h2
{
margin:0 0 0.8rem;
}

.price_guide_links ul
{
margin:0;
padding-left:1.2rem;
}

.price_guide_links li
{
margin-bottom:0.45rem;
}

.price_guide_vat
{
margin-top:0.8rem;
font-size:0.96rem;
color:#555555;
}

/* =========================================================
   MOBILE CARD VIEW
   ========================================================= */

@media (max-width: 767px)
{
.price_guide_table
{
border:none;
border-radius:0;
overflow:visible;
background:transparent;
box-shadow:none;
}

.price_guide_head
{
display:none;
}

.price_guide_row
{
display:block;
margin:0 0 1rem;
border:1px solid #d7d7d7;
border-radius:1rem;
overflow:hidden;
background:#ffffff !important;
box-shadow:0 10px 20px rgba(0,0,0,0.08);
}

.price_guide_col_service,
.price_guide_col_price
{
display:block;
padding:0.9rem 1rem;
border:none;
}

.price_guide_col_service
{
background:#ffffff;
padding-bottom:0.6rem;
}

.price_guide_col_service::before
{
content:attr(data-label);
display:block;
margin-bottom:0.35rem;
font-size:0.78rem;
font-weight:700;
letter-spacing:0.03em;
text-transform:uppercase;
color:#777777;
}

.price_guide_col_price
{
background:#f8f6f2;
padding-top:0.7rem;
font-size:1rem;
}

.price_guide_col_price::before
{
content:attr(data-label);
display:block;
margin-bottom:0.35rem;
font-size:0.78rem;
font-weight:700;
letter-spacing:0.03em;
text-transform:uppercase;
color:#777777;
}

.price_guide_links ul
{
padding-left:1rem;
}

.price_note
{
display:inline-block;
margin-left:0.2rem;
font-size:0.88rem;
}
}