/* DentifyLab Account Dashboard V2 — only the my-account page */
body#my-account .page-content,
body#my-account #content-wrapper,
body#my-account #main { min-width:0; }
body#my-account .dl-account { width:100%; max-width:1180px; margin:0 auto 24px; font-family:inherit; }
body#my-account .dl-account * { box-sizing:border-box; }
body#my-account .dl-account__hero { position:relative; display:flex; justify-content:space-between; align-items:center; min-height:235px; gap:25px; padding:40px 46px; border-radius:25px; overflow:hidden; background:linear-gradient(112deg,#0d241a,#153e2b 64%,#1d5639); color:#fff; box-shadow:0 16px 48px rgba(10,45,28,.15); }
body#my-account .dl-account__hero:before { content:""; position:absolute; height:330px; width:330px; border:1px solid rgba(255,255,255,.12); border-radius:50%; right:-75px; top:-180px; pointer-events:none; }
body#my-account .dl-account__hero-main { position:relative; z-index:1; max-width:660px; }
body#my-account .dl-account__eyebrow { display:block; margin-bottom:17px; font-size:11px; letter-spacing:.19em; font-weight:800; color:#89dfa7; }
body#my-account .dl-account__hero h2 { color:#fff !important; margin:0 0 13px; font-size:clamp(28px,3vw,42px); font-weight:800; line-height:1.16; letter-spacing:-.025em; }
body#my-account .dl-account__hero p { margin:0; font-size:16px; line-height:1.75; color:#d5e9dc; }
body#my-account .dl-account__hero-mark { width:122px; height:122px; flex:0 0 122px; border-radius:28px; display:flex; align-items:center; justify-content:center; transform:rotate(-8deg); border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.075); color:#9fe5b5; font-size:43px; font-weight:900; letter-spacing:-.08em; }
body#my-account .dl-account__section-head { margin:34px 0 20px; }
body#my-account .dl-account__section-kicker { display:block; margin-bottom:7px; font-size:11px; font-weight:800; letter-spacing:.14em; color:#248453; }
body#my-account .dl-account__section-head h3 { margin:0; color:#19382a; font-size:26px; font-weight:800; }
body#my-account .links.dl-account__grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; width:100%; margin:0 !important; padding:0 !important; float:none !important; }
body#my-account .dl-account__grid > a.dl-account__tile { width:auto !important; min-width:0; max-width:none !important; margin:0 !important; float:none !important; display:flex !important; align-items:flex-start; gap:14px; min-height:160px; padding:25px 22px; background:#fff; border:1px solid #e3ebe6; border-radius:20px; color:#183828; text-decoration:none !important; box-shadow:0 9px 27px rgba(15,40,24,.04); transition:transform .2s,border-color .2s,box-shadow .2s; }
body#my-account .dl-account__grid > a.dl-account__tile:hover { transform:translateY(-4px); border-color:#95c5a7; box-shadow:0 18px 42px rgba(15,60,34,.11); }
body#my-account .dl-account__icon { display:flex; flex:0 0 51px; width:51px; height:51px; align-items:center; justify-content:center; border-radius:15px; background:#eaf6ee; color:#16804a; }
body#my-account .dl-account__icon .material-icons { margin:0; color:inherit; font-size:26px; line-height:1; }
body#my-account .dl-account__tile-body { min-width:0; display:flex; flex:1; flex-direction:column; gap:11px; padding-top:5px; }
body#my-account .dl-account__tile-body strong { color:#19382a; font-size:15px; font-weight:800; line-height:1.4; text-transform:none; }
body#my-account .dl-account__tile-body small { display:block; font-size:13px; font-weight:400; line-height:1.55; color:#78867e; }
body#my-account .dl-account__arrow { font-size:22px; font-weight:400; color:#81b598; line-height:1; margin-left:auto; }
body#my-account .dl-account__footer { width:100%; max-width:1180px; margin:16px auto 36px; display:flex; justify-content:flex-end; }
body#my-account .dl-account__logout { display:inline-flex; gap:9px; align-items:center; border:1px solid #dfe8e2; border-radius:12px; padding:12px 20px; background:#fff; color:#315b42 !important; font-size:14px; font-weight:700; text-decoration:none !important; }
body#my-account .dl-account__logout:hover { border-color:#98c5a8; background:#f3faf5; }
body#my-account .dl-account__logout .material-icons { font-size:18px; }
/* Hook-injected links may use the standard PrestaShop link-item layout. */
body#my-account .dl-account__grid > a:not(.dl-account__tile) { width:auto !important; max-width:none !important; float:none !important; margin:0 !important; min-width:0; }
body#my-account .dl-account__grid > a:not(.dl-account__tile) .link-item { display:flex; align-items:center; min-height:160px; padding:24px; border:1px solid #e3ebe6; border-radius:20px; background:#fff; color:#19382a; font-size:15px; box-shadow:0 9px 27px rgba(15,40,24,.04); }
body#my-account .dl-account__grid > a:not(.dl-account__tile) .link-item .material-icons { color:#16804a; margin-right:12px; }
@media(max-width:991px) { body#my-account .links.dl-account__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } body#my-account .dl-account__hero { padding:32px; } }
@media(max-width:600px) { body#my-account .dl-account { padding:0 2px; } body#my-account .dl-account__hero { min-height:0; padding:28px 22px; border-radius:19px; } body#my-account .dl-account__hero h2 { font-size:27px; } body#my-account .dl-account__hero p { font-size:14px; } body#my-account .dl-account__hero-mark { display:none; } body#my-account .dl-account__section-head { margin:27px 0 15px; } body#my-account .dl-account__section-head h3 { font-size:23px; } body#my-account .links.dl-account__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } body#my-account .dl-account__grid > a.dl-account__tile { min-height:146px; flex-direction:column; gap:9px; padding:15px 12px; border-radius:15px; } body#my-account .dl-account__icon { width:40px; height:40px; flex-basis:40px; border-radius:12px; } body#my-account .dl-account__icon .material-icons { font-size:22px; } body#my-account .dl-account__tile-body { gap:5px; padding:0; } body#my-account .dl-account__tile-body strong { font-size:13px; } body#my-account .dl-account__tile-body small { font-size:11px; } body#my-account .dl-account__arrow { position:absolute; opacity:0; pointer-events:none; } body#my-account .dl-account__footer { margin:15px 0 30px; } body#my-account .dl-account__grid > a:not(.dl-account__tile) .link-item { min-height:146px; padding:14px; font-size:12px; border-radius:15px; } }
@media(max-width:350px) { body#my-account .links.dl-account__grid { grid-template-columns:1fr; } body#my-account .dl-account__grid > a.dl-account__tile { min-height:105px; flex-direction:row; } }