/* MediRoyal — Single Product: description info cards, accordion, benefits */
/* Scoped under .log-single-product-page body class */

/* Info cards 3-col grid */
.log-single-product-page .log-sp-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px;}
.log-single-product-page .log-sp-info-card{background:var(--white,#fff);border:1.5px solid var(--line,#E8D8C0);border-radius:var(--r-lg,24px);padding:22px 20px;position:relative;overflow:hidden;transition:all .28s cubic-bezier(.22,.61,.36,1);cursor:default;font-family:var(--body,'Manrope',sans-serif);font-size:13px;color:var(--gray-600,#7A5060);}
.log-single-product-page .log-sp-info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--plum-700,#7a1f6e),var(--mr-gold,#C9A84C));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.log-single-product-page .log-sp-info-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(31,14,28,.1);border-color:rgba(122,31,110,.2);}
.log-single-product-page .log-sp-info-card:hover::before{transform:scaleX(1);}
.log-single-product-page .log-sp-ic-icon{font-size:28px;margin-bottom:12px;display:block;}
.log-single-product-page .log-sp-ic-title{font-family:var(--display,'Cormorant Garamond',serif);font-size:17px;font-weight:700;color:var(--ink-900,#1A0A0F);margin-bottom:8px;}
.log-single-product-page .log-sp-ic-body{font-size:13px;color:var(--gray-600,#7A5060);line-height:1.65;}

/* Accordion */
.log-single-product-page .log-sp-acc-list{display:flex;flex-direction:column;gap:0;margin-bottom:32px;border:1.5px solid var(--line,#E8D8C0);border-radius:var(--r-lg,24px);overflow:hidden;}
.log-single-product-page .log-sp-acc-item{border-bottom:1px solid var(--line,#E8D8C0);}
.log-single-product-page .log-sp-acc-item:last-child{border-bottom:none;}
.log-single-product-page .log-sp-acc-q{width:100%;background:var(--white,#fff);border:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 20px;text-align:left;transition:background .2s;font-family:inherit;}
.log-single-product-page .log-sp-acc-q:hover{background:var(--paper,#F0E8D8);}
.log-single-product-page .log-sp-acc-item.open .log-sp-acc-q{background:var(--blush-100,#f9e3f1);}
.log-single-product-page .log-sp-acc-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--plum-800,#5c1760),var(--plum-700,#7a1f6e));color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.log-single-product-page .log-sp-acc-label{font-size:14px;font-weight:700;color:var(--ink-900,#1A0A0F);flex:1;}
.log-single-product-page .log-sp-acc-item.open .log-sp-acc-label{color:var(--plum-700,#7a1f6e);}
.log-single-product-page .log-sp-acc-icon{font-size:18px;font-weight:700;color:var(--gray-600,#7A5060);transition:transform .25s cubic-bezier(.22,.61,.36,1);}
.log-single-product-page .log-sp-acc-item.open .log-sp-acc-icon{transform:rotate(45deg);color:var(--plum-700,#7a1f6e);}
.log-single-product-page .log-sp-acc-body{max-height:0;overflow:hidden;transition:max-height .38s ease,padding .3s;}
.log-single-product-page .log-sp-acc-item.open .log-sp-acc-body{max-height:600px;padding:0 20px 18px 60px;}
.log-single-product-page .log-sp-acc-body p{font-size:13.5px;color:var(--gray-600,#7A5060);line-height:1.72;margin-bottom:10px;}
.log-single-product-page .log-sp-acc-body p:last-child{margin-bottom:0;}
.log-single-product-page .log-sp-acc-body ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;}
.log-single-product-page .log-sp-acc-body ul li{font-size:13.5px;color:var(--gray-600,#7A5060);padding-left:16px;position:relative;line-height:1.6;}
.log-single-product-page .log-sp-acc-body ul li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--mr-gold,#C9A84C);}

/* Benefits grid */
.log-single-product-page .log-sp-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.log-single-product-page .log-sp-benefit-item{display:flex;align-items:flex-start;gap:12px;background:var(--white,#fff);border:1.5px solid var(--line,#E8D8C0);border-radius:var(--r-md,16px);padding:14px 16px;transition:all .22s;}
.log-single-product-page .log-sp-benefit-item:hover{border-color:rgba(29,219,149,.3);box-shadow:0 4px 16px rgba(29,219,149,.08);}
.log-single-product-page .log-sp-benefit-check{width:22px;height:22px;border-radius:50%;background:rgba(29,219,149,.12);border:1.5px solid rgba(29,219,149,.3);color:var(--sage-600,#12b377);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.log-single-product-page .log-sp-benefit-text{font-size:13px;color:var(--gray-600,#7A5060);line-height:1.55;}

/* Responsive */
@media(max-width:900px){
  .log-single-product-page .log-sp-info-cards{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .log-single-product-page .log-sp-benefits-grid{grid-template-columns:1fr;}
  .log-single-product-page .log-sp-acc-item.open .log-sp-acc-body{padding-left:20px;}
}
@media(max-width:600px){
  .log-single-product-page .log-sp-info-cards{grid-template-columns:1fr;}
}
