/* ==========================================================================
   SURPRIA P2.4.1 — /idees premium refresh
   ========================================================================== */

.ideas-page {
    min-height: 100vh;
    background: #fffaf2;
    color: #231f1b;
}

.ideas-site-header {
    position: relative;
    z-index: 20;
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid rgba(35,31,27,.07);
    backdrop-filter: blur(16px);
}

.ideas-main-nav {
    gap: 18px;
}

.ideas-main-nav a {
    color: #665e56;
    font-size: .76rem;
    font-weight: 800;
}

.ideas-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ideas-login-link {
    color: #4f4943;
    font-size: .78rem;
    font-weight: 850;
    text-decoration: none;
}

.ideas-hero {
    position: relative;
    overflow: hidden;
    padding: 88px 0 76px;
    background:
        radial-gradient(circle at 12% 10%, rgba(244,165,28,.08), transparent 28%),
        radial-gradient(circle at 90% 22%, rgba(232,191,207,.15), transparent 30%),
        #fffaf2;
}

.ideas-hero-inner {
    display: grid;
    grid-template-columns: minmax(0,1.22fr) minmax(300px,.78fr);
    gap: 60px;
    align-items: center;
}

.ideas-hero-copy {
    position: relative;
    z-index: 3;
}

.ideas-hero h1 {
    max-width: 880px;
    margin: 16px 0 18px;
    font-size: clamp(3.1rem,6vw,5.4rem);
    line-height: .98;
    letter-spacing: -.065em;
}

.ideas-hero p {
    max-width: 730px;
    margin: 0;
    color: #746b62;
    font-size: 1.04rem;
    line-height: 1.75;
}

.ideas-category-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.ideas-category-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(35,31,27,.07);
    border-radius: 999px;
    background: rgba(255,255,255,.8);
    color: #665e56;
    font-size: .72rem;
    font-weight: 850;
    box-shadow: 0 8px 18px rgba(35,31,27,.035);
}

.ideas-category-pills i {
    font-style: normal;
}

.ideas-hero-art {
    position: relative;
    min-height: 350px;
    display: grid;
    place-items: center;
}

.ideas-hero-orb {
    position: absolute;
    display: block;
    border-radius: 50%;
    filter: blur(12px);
}

.ideas-hero-orb.orb-one {
    width: 235px;
    height: 235px;
    left: 0;
    top: 16px;
    background: rgba(244,165,28,.16);
}

.ideas-hero-orb.orb-two {
    width: 250px;
    height: 250px;
    right: 0;
    bottom: 0;
    background: rgba(224,176,198,.18);
}

.ideas-hero-card {
    position: relative;
    z-index: 2;
    width: min(310px,90%);
    min-height: 260px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 8px;
    padding: 34px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 32px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 35px 80px rgba(35,31,27,.10);
    backdrop-filter: blur(18px);
    transform: rotate(2deg);
}

.ideas-hero-card > span {
    font-size: 3rem;
}

.ideas-hero-card strong {
    font-size: 1.65rem;
    letter-spacing: -.04em;
}

.ideas-hero-card small {
    color: #9a6b20;
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .12em;
}

.ideas-list {
    padding: 24px 0 90px;
}

.ideas-grid {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 18px;
}

.idea-card {
    grid-column: span 3;
    position: relative;
    min-height: 270px;
    padding: 28px;
    overflow: hidden;
    border: 1px solid rgba(35,31,27,.075);
    border-radius: 27px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(35,31,27,.045);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.idea-card:nth-child(7) {
    grid-column: 2 / span 4;
}

.idea-card::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -65px;
    top: -65px;
    border-radius: 50%;
    opacity: .45;
    pointer-events: none;
}

.idea-card-pregnancy::after { background: #d9ecf7; }
.idea-card-wedding::after { background: #f2dfbd; }
.idea-card-travel::after { background: #d7eef5; }
.idea-card-birthday::after { background: #e4daf6; }
.idea-card-gift::after { background: #f5dfe6; }

.idea-card:hover {
    transform: translateY(-4px);
    border-color: rgba(35,31,27,.12);
    box-shadow: 0 24px 60px rgba(35,31,27,.08);
}

.idea-card-topline {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.idea-category-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff7e6;
    color: #9b6b19;
    font-size: .65rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.idea-category-badge i {
    font-style: normal;
    font-size: .82rem;
}

.idea-card-arrow {
    color: #afa69d;
    font-size: 1.15rem;
}

.idea-card h2 {
    position: relative;
    z-index: 2;
    max-width: 620px;
    margin: 26px 0 11px;
    font-size: 1.42rem;
    line-height: 1.18;
    letter-spacing: -.03em;
}

.idea-card h2 a {
    color: inherit;
    text-decoration: none;
}

.idea-card p {
    position: relative;
    z-index: 2;
    max-width: 650px;
    margin: 0;
    color: #746b62;
    line-height: 1.66;
}

.idea-card-read {
    position: relative;
    z-index: 2;
    display: inline-flex;
    margin-top: 18px;
    color: #231f1b;
    font-size: .78rem;
    font-weight: 950;
    text-decoration: none;
}

.ideas-final-cta {
    padding: 0 0 92px;
}

.ideas-final-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: clamp(28px,5vw,52px);
    border-radius: 32px;
    background:
        radial-gradient(circle at 90% 10%, rgba(244,165,28,.15), transparent 28%),
        #1b1815;
    color: #fff;
    box-shadow: 0 28px 70px rgba(35,31,27,.13);
}

.ideas-final-card .eyebrow {
    color: #efcc83;
}

.ideas-final-card h2 {
    margin: 11px 0 9px;
    color: #fff;
    font-size: clamp(2rem,4vw,3.25rem);
    letter-spacing: -.045em;
}

.ideas-final-card p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,.66);
    line-height: 1.62;
}

.ideas-final-actions {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ideas-footer {
    margin-top: 0;
    background: #fff;
}

@media (max-width: 1080px) {
    .ideas-main-nav {
        display: none;
    }

    .ideas-hero-inner {
        grid-template-columns: 1fr;
    }

    .ideas-hero-art {
        min-height: 260px;
    }

    .ideas-hero-card {
        min-height: 210px;
    }
}

@media (max-width: 780px) {
    .ideas-header-actions .ideas-login-link,
    .ideas-header-actions .btn-light {
        display: none;
    }

    .ideas-hero {
        padding: 58px 0 55px;
    }

    .ideas-hero h1 {
        font-size: clamp(2.8rem,12vw,4rem);
    }

    .ideas-grid {
        grid-template-columns: 1fr;
    }

    .idea-card,
    .idea-card:nth-child(7) {
        grid-column: auto;
    }

    .ideas-final-card {
        align-items: stretch;
        flex-direction: column;
    }

    .ideas-final-actions {
        display: grid;
    }

    .ideas-final-actions .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .ideas-header-actions .btn-primary {
        padding-inline: 12px;
        font-size: .72rem;
    }

    .ideas-hero-art {
        display: none;
    }

    .ideas-category-pills {
        gap: 6px;
    }

    .ideas-category-pills span {
        min-height: 34px;
        padding-inline: 10px;
        font-size: .68rem;
    }

    .idea-card {
        min-height: 0;
        padding: 23px;
    }
}

/* P2.4.2 — premium guide pages */
.idea-guide-page{background:#fffaf2;color:#231f1b}
.guide-meta{display:flex;align-items:center;gap:12px}.guide-meta>span:last-child{font-size:.68rem;font-weight:850;color:#948a80}
.guide-topic{display:inline-flex;margin-top:22px;padding:8px 12px;border:1px solid rgba(35,31,27,.07);border-radius:999px;background:#fff;font-size:.7rem;font-weight:800;color:#746b62}
.guide-intro-card{display:flex;gap:18px;margin:0 0 30px;padding:25px;border:1px solid rgba(35,31,27,.07);border-radius:24px;background:#fff}.guide-intro-card>span{font-size:1.7rem}.guide-intro-card strong{display:block;margin-bottom:5px}.guide-intro-card p{margin:0}
.guide-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:55px}.guide-tips>div{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(35,31,27,.07)}.guide-tips span{display:block;margin-bottom:12px;font-size:1.2rem}.guide-tips strong{display:block}.guide-tips p{margin:7px 0 0;color:#746b62;font-size:.84rem;line-height:1.5}
.guide-idea{align-items:flex-start;padding:22px}.guide-idea>span{padding-top:4px}.guide-idea h3{margin:0 0 7px;font-size:1rem}.guide-idea p{margin:0;color:#746b62;font-size:.88rem;font-weight:500;line-height:1.65}
.guide-surpria-label{display:inline-flex;margin-bottom:14px;color:#efcc83;font-size:.68rem;font-weight:950;letter-spacing:.1em}.guide-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:999px;background:#fff;color:#231f1b;font-weight:900;font-size:.78rem;text-decoration:none}
.guide-editorial{font-size:1rem;line-height:1.85}
.guide-discover{margin-top:55px;padding-top:28px;border-top:1px solid rgba(35,31,27,.1)}.guide-discover .guide-links{margin-top:18px;padding-top:0;border-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-discover .guide-links a{padding:18px;border:1px solid rgba(35,31,27,.08);border-radius:16px;background:#fff}
.guide-final{padding:0 0 85px}.guide-final>.container{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;border-radius:28px;background:#1b1815;color:#fff}.guide-final h2{margin:8px 0;font-size:2rem}.guide-final p{margin:0;color:rgba(255,255,255,.65)}
@media(max-width:760px){.guide-tips{grid-template-columns:1fr}.guide-discover .guide-links{grid-template-columns:1fr}.guide-final>.container{align-items:flex-start;flex-direction:column}.guide-meta{justify-content:space-between}}


/* ==========================================================================
   P2.4.3 — correction des cartes d'idées
   ========================================================================== */

.idea-guide-page .guide-ideas {
    display: grid;
    gap: 15px;
    margin-top: 22px;
}

.idea-guide-page .guide-idea {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    min-height: 142px;
    padding: 24px 26px;
    overflow: hidden;
    border: 1px solid rgba(35,31,27,.08);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(35,31,27,.045);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.idea-guide-page .guide-idea::after {
    content: "";
    position: absolute;
    width: 115px;
    height: 115px;
    right: -55px;
    top: -55px;
    border-radius: 50%;
    background: rgba(244,165,28,.055);
    pointer-events: none;
}

.idea-guide-page .guide-idea:hover {
    transform: translateY(-2px);
    border-color: rgba(35,31,27,.13);
    box-shadow: 0 18px 40px rgba(35,31,27,.07);
}

.idea-guide-page .guide-idea-number {
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    padding: 0;
    border-radius: 15px;
    background: #fff4dc;
    color: #9f6812;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .06em;
}

.idea-guide-page .guide-idea-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.idea-guide-page .guide-idea-copy h3 {
    margin: 1px 0 9px;
    color: #231f1b;
    font-size: 1.06rem;
    line-height: 1.32;
    letter-spacing: -.018em;
}

.idea-guide-page .guide-idea-copy p {
    margin: 0;
    max-width: 720px;
    color: #746b62;
    font-size: .89rem;
    font-weight: 500;
    line-height: 1.68;
}

/* Reset older rules that assumed p was a direct child */
.idea-guide-page .guide-idea > p {
    margin: 0;
}

@media (max-width: 700px) {
    .idea-guide-page .guide-ideas {
        gap: 12px;
    }

    .idea-guide-page .guide-idea {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 15px;
        min-height: 0;
        padding: 20px;
        border-radius: 19px;
    }

    .idea-guide-page .guide-idea-number {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .idea-guide-page .guide-idea-copy h3 {
        font-size: .98rem;
    }

    .idea-guide-page .guide-idea-copy p {
        font-size: .86rem;
        line-height: 1.62;
    }
}

@media (max-width: 440px) {
    .idea-guide-page .guide-idea {
        grid-template-columns: 1fr;
    }

    .idea-guide-page .guide-idea-number {
        width: 38px;
        height: 32px;
        border-radius: 999px;
    }
}


/* P2.5 — Explicit conversion path on guides */
.guide-path-label {
    display: block;
    margin-bottom: 13px;
    color: #a4782b;
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Editorial guides: readable type, clear sections and restrained warm surfaces. */
.idea-guide-page{background:#faf7f2;color:#29251f;font-size:16px}
.idea-guide-page .guide-narrow{width:min(100% - 48px,880px);max-width:880px;margin-inline:auto}
.idea-guide-page .guide-hero{padding:64px 0 42px;background:radial-gradient(ellipse at 85% 0,#f4dda955,transparent 65%)}
.idea-guide-page .guide-meta{flex-wrap:wrap;gap:12px}
.idea-guide-page .guide-meta>span:last-child{font-size:12px;font-weight:500;line-height:1.5}
.idea-guide-page .guide-meta .eyebrow{font-size:11px;padding:7px 12px}
.idea-guide-page .guide-hero h1{max-width:20ch;margin:24px 0 20px;font-size:clamp(34px,5vw,54px);font-weight:750;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.idea-guide-page .guide-hero p{max-width:65ch;font-size:18px;line-height:1.75;color:#6b6258}
.idea-guide-page .guide-topic{font-size:12px;font-weight:600;line-height:1.5;margin-top:16px}
.idea-guide-page .guide-body{padding:12px 0 52px}
.idea-guide-page .guide-body h2{margin:44px 0 20px;font-size:clamp(25px,3vw,32px);line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.idea-guide-page .guide-body p{font-size:16px;line-height:1.8;color:#6b6258}
.idea-guide-page .guide-intro-card{padding:26px;border-radius:22px;box-shadow:0 8px 24px #382c1805;margin-bottom:20px}
.idea-guide-page .guide-intro-card strong{font-size:17px;line-height:1.5}
.idea-guide-page .guide-intro-card p{margin:8px 0 0}
.idea-guide-page .guide-tips{gap:14px;margin-bottom:38px}
.idea-guide-page .guide-tips>div{padding:22px;background:#f3eee5;border-color:transparent}
.idea-guide-page .guide-tips strong{font-size:15px}
.idea-guide-page .guide-tips p{font-size:14px;line-height:1.65}
.idea-guide-page .guide-ideas{gap:16px;margin:22px 0 40px}
.idea-guide-page .guide-idea{grid-template-columns:48px minmax(0,1fr);gap:20px;min-height:0;padding:26px;background:#fff;border:1px solid #e9e2d7;border-radius:22px;box-shadow:0 6px 20px #382c1804}
.idea-guide-page .guide-idea::after{display:none}
.idea-guide-page .guide-idea:hover{transform:none;border-color:#d8c5a4;box-shadow:0 6px 20px #382c1804}
.idea-guide-page .guide-idea-number{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;padding:0;background:#f7eddb;color:#8c652d;font-size:16px;line-height:1;font-weight:700}
.idea-guide-page .guide-idea-copy h3{margin:0 0 10px;font-size:19px;line-height:1.4;letter-spacing:-.015em}
.idea-guide-page .guide-idea-copy p{margin:0;font-size:16px;line-height:1.8}
.idea-guide-page .guide-surpria{padding:32px;margin:40px 0;border-radius:24px;background:#29251f;color:#fff}
.idea-guide-page .guide-surpria h2{margin:4px 0 14px;color:#fff}
.idea-guide-page .guide-surpria p{color:#e1d9cd;margin:0 0 22px}
.idea-guide-page .guide-surpria-label{font-size:11px;line-height:1.5}
.idea-guide-page .guide-surpria>div{display:flex;flex-wrap:wrap;gap:12px}
.idea-guide-page .guide-surpria .btn,.idea-guide-page .guide-secondary-btn,.idea-guide-page .guide-final .btn{font-size:14px;line-height:1.5;min-height:46px;padding:12px 20px}
.idea-guide-page .guide-editorial{max-width:70ch}
.idea-guide-page .guide-body .pregnancy-editorial{margin:36px 0;padding:28px;background:#f2ebe0;border:1px solid #e4d7c4;border-radius:24px}
.idea-guide-page .guide-body .pregnancy-editorial h2{margin:0 0 20px}
.idea-guide-page .pregnancy-editorial h3{font-size:18px;line-height:1.4;margin:26px 0 14px}
.idea-guide-page .pregnancy-editorial blockquote{margin:0 0 22px;padding:20px 22px;border-left:3px solid #bc9554;border-radius:0 14px 14px 0;background:#fffcf7;color:#59442a;font:italic 20px/1.65 Georgia,serif}
.idea-guide-page .pregnancy-editorial p,.idea-guide-page .pregnancy-editorial li{font-size:16px;line-height:1.8}
.idea-guide-page .pregnancy-editorial ul{padding-left:22px}
.idea-guide-page .pregnancy-editorial-links{gap:12px}
.idea-guide-page .pregnancy-editorial-links a{font-size:14px;padding:8px 0;color:#785525}
.idea-guide-page .guide-faq{display:grid;gap:10px;margin:20px 0 40px}
.idea-guide-page .guide-faq details{padding:0 22px;border:1px solid #e7dfd3;border-radius:16px;background:#fff}
.idea-guide-page .guide-faq summary{padding:20px 0;font-size:16px;font-weight:650;line-height:1.5;cursor:pointer}
.idea-guide-page .guide-faq details p{margin:0;padding:0 0 20px}
.idea-guide-page .guide-discover{margin-top:36px;padding-top:28px}
.idea-guide-page .guide-path-label{font-size:12px;line-height:1.6;color:#8c7960;display:block;margin-bottom:16px}
.idea-guide-page .guide-discover .eyebrow{font-size:11px;display:inline-block;margin:12px 0 0}
.idea-guide-page .guide-discover .guide-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.idea-guide-page .guide-discover .guide-links a{padding:18px;font-size:14px;line-height:1.6;color:#594832}
.idea-guide-page .guide-final{padding:0 0 64px}
.idea-guide-page .guide-final>.container{padding:32px;gap:28px;border-radius:24px}
.idea-guide-page .guide-final h2{font-size:30px;line-height:1.2}
.idea-guide-page .guide-final p{font-size:16px;line-height:1.7}
.idea-guide-page main a:focus-visible,.idea-guide-page summary:focus-visible{outline:3px solid #b88936;outline-offset:4px}
@media(max-width:640px){
.idea-guide-page .guide-narrow{width:calc(100% - 32px)}
.idea-guide-page .guide-hero{padding:36px 0 26px}
.idea-guide-page .guide-hero p{font-size:16px}
.idea-guide-page .guide-hero h1{font-size:34px}
.idea-guide-page .guide-tips{grid-template-columns:1fr;gap:10px}
.idea-guide-page .guide-idea{padding:20px;grid-template-columns:36px minmax(0,1fr);gap:14px}
.idea-guide-page .guide-idea-number{width:34px;height:34px;font-size:13px;border-radius:10px}
.idea-guide-page .guide-idea-copy h3{font-size:18px}
.idea-guide-page .guide-intro-card,.idea-guide-page .guide-surpria,.idea-guide-page .guide-body .pregnancy-editorial{padding:22px}
.idea-guide-page .pregnancy-editorial blockquote{font-size:18px;padding:16px}
.idea-guide-page .guide-discover .guide-links{grid-template-columns:1fr}
.idea-guide-page .guide-final>.container{padding:26px;flex-direction:column;align-items:flex-start}
.idea-guide-page .guide-final h2{font-size:27px}
}

/* Six occasion sections and links to translated landing pages. */
.ideas-page .ideas-category-pills{display:flex;flex-wrap:wrap;gap:10px}
.ideas-page .ideas-category-pills a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #e7dfd3;border-radius:999px;background:#fff;color:#594832;font-size:14px;line-height:1.5;text-decoration:none}
.ideas-page .ideas-category-pills a:hover{border-color:#c29855;background:#fff8eb}
.ideas-hub-section{scroll-margin-top:100px;padding:34px 0;border-bottom:1px solid #e7dfd3}
.ideas-hub-section:last-child{border-bottom:0}
.ideas-hub-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px}
.ideas-hub-heading>div{max-width:65ch}
.ideas-hub-heading h2{display:inline;margin:0 0 0 10px;font-size:30px;line-height:1.3;letter-spacing:-.02em}
.ideas-hub-icon{font-size:26px}
.ideas-hub-heading p{margin:12px 0 0;color:#75695c;font-size:16px;line-height:1.7}
.ideas-hub-link{flex-shrink:0;color:#79551e;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.ideas-hub .ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ideas-hub .idea-card{padding:26px;min-height:0}
.ideas-hub .idea-card h3{margin:0 0 14px;font-size:22px;line-height:1.35;letter-spacing:-.02em}
.ideas-hub .idea-card h3 a{color:#29251f;text-decoration:none}
.ideas-hub .idea-card p{font-size:16px;line-height:1.75;margin:0 0 20px}
.ideas-hub .idea-card-read{font-size:14px}
.ideas-page .ideas-hub a:focus-visible,.ideas-page .ideas-category-pills a:focus-visible{outline:3px solid #b88938;outline-offset:5px}
@media(max-width:760px){.ideas-hub-heading{flex-direction:column;align-items:flex-start;gap:14px}.ideas-hub .ideas-grid{grid-template-columns:1fr}.ideas-hub-section{padding:26px 0}.ideas-hub .idea-card{padding:22px}.ideas-hub-heading h2{font-size:27px}}

/* Practical gift guides: native disclosures work without JavaScript. */
.gift-practical{margin:28px 0;padding:24px;border:1px solid #e7dfd3;border-radius:18px;background:#fffaf2;scroll-margin-top:100px}
.gift-practical-cards{display:grid;gap:16px;margin:20px 0}
.gift-practical-card{min-width:0;padding:20px;border:1px solid #e7dfd3;border-radius:12px;background:#fff;overflow-wrap:anywhere}
.gift-practical-card h3{margin:0 0 12px;font-size:20px;line-height:1.4}
.gift-practical-card blockquote{margin:0;padding:0 0 0 16px;border-left:3px solid #a77b3b;font-size:17px;line-height:1.8;user-select:text}
.gift-practical-card details{margin-top:10px;border-top:1px solid #e7dfd3;padding-top:10px}
.gift-practical-card summary{cursor:pointer;padding:10px 0;font-weight:650;line-height:1.5}
.gift-practical-card details p{margin:8px 0;line-height:1.7}
.gift-practical-links{display:flex;flex-wrap:wrap;gap:12px 20px}
.gift-practical-links a{color:#79551e;text-decoration:underline;text-underline-offset:4px;line-height:1.7}
.gift-practical :is(a,summary):focus-visible{outline:3px solid #a77b3b;outline-offset:4px}
@media(max-width:600px){.gift-practical{padding:16px}.gift-practical-card{padding:16px}.gift-practical-links{flex-direction:column}.gift-practical-card blockquote{font-size:16px}}