.tea-ty-collector{
    --ttc-green:#145d2a;
    --ttc-green-dark:#0b431c;
    --ttc-ink:#252525;
    --ttc-muted:#727272;
    --ttc-line:#e6e6e1;
    --ttc-soft:#f6f7f3;
    --ttc-heart:#8a2d3b;
    max-width:1120px;
    margin:0 auto;
    padding:18px 18px 60px;
    color:var(--ttc-ink);
}
.tea-ty-collector *{box-sizing:border-box}
.ttc-hero{text-align:center;padding:22px 8px 24px}
.ttc-kicker{margin:0 0 8px;color:var(--ttc-green);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ttc-hero h1{margin:0;font-size:clamp(2rem,6vw,3.7rem);line-height:1.02;font-weight:500;color:var(--ttc-green-dark)}
.ttc-intro{max-width:670px;margin:15px auto 0;font-size:1.05rem;line-height:1.55;color:#4f4f4f}
.ttc-sticky-tools{position:sticky;top:0;z-index:12;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);padding:10px 0 12px;border-bottom:1px solid var(--ttc-line)}
.admin-bar .ttc-sticky-tools{top:32px}
.ttc-search-wrap{display:block;max-width:620px;margin:0 auto}
.ttc-search{width:100%;height:48px;border:1px solid #cfd5cc!important;border-radius:999px!important;background:#fff!important;padding:0 48px 0 19px!important;font-size:16px!important;box-shadow:none!important}
.ttc-search:focus{border-color:var(--ttc-green)!important;box-shadow:0 0 0 3px rgba(20,93,42,.10)!important}
.ttc-progress{display:flex;justify-content:center;gap:34px;margin:12px 0 9px;text-align:center}
.ttc-progress div{min-width:60px}
.ttc-progress strong{display:block;font-size:1.3rem;line-height:1;color:var(--ttc-green-dark)}
.ttc-progress span{display:block;margin-top:3px;font-size:.72rem;color:var(--ttc-muted);text-transform:uppercase;letter-spacing:.05em}
.ttc-filters{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
.ttc-filter{border:1px solid #ccd4ca!important;background:#fff!important;color:#3f4c40!important;border-radius:999px!important;padding:7px 13px!important;min-height:0!important;line-height:1.1!important;font-size:.8rem!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
.ttc-filter.is-active{background:var(--ttc-green)!important;border-color:var(--ttc-green)!important;color:#fff!important}
.ttc-no-results{padding:32px 12px;text-align:center;color:var(--ttc-muted)}
.ttc-categories{padding-top:18px}
.ttc-category{border:1px solid var(--ttc-line);border-radius:16px;margin:0 0 12px;background:#fff;overflow:hidden}
.ttc-category[hidden]{display:none!important}
.ttc-category summary{cursor:pointer;list-style:none;padding:17px 20px;background:var(--ttc-soft);display:flex;align-items:center;justify-content:space-between;gap:20px}
.ttc-category summary::-webkit-details-marker{display:none}
.ttc-category summary:after{content:'+';font-size:1.45rem;color:var(--ttc-green);line-height:1;margin-left:8px}
.ttc-category[open] summary:after{content:'–'}
.ttc-category-title{font-size:1.15rem;font-weight:700;color:var(--ttc-green-dark)}
.ttc-category-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:.76rem;color:#626b61}
.ttc-category-progress{font-weight:700;color:var(--ttc-green)}
.ttc-items{padding:2px 18px 8px}
.ttc-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid #efefec}
.ttc-item:last-child{border-bottom:0}
.ttc-item[hidden]{display:none!important}
.ttc-item-copy{min-width:0}
.ttc-item h3{margin:0 0 2px;font-size:1rem;line-height:1.25;font-weight:700;color:#2a2a2a}
.ttc-item p{margin:0;color:var(--ttc-muted);font-size:.88rem;line-height:1.35}
.ttc-actions{display:flex;gap:7px}
.ttc-state{display:inline-flex!important;align-items:center;gap:5px;height:34px!important;min-height:0!important;border-radius:999px!important;border:1px solid #d8ddd5!important;background:#fff!important;color:#666!important;padding:0 10px!important;margin:0!important;font-size:.74rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;line-height:1!important}
.ttc-state[aria-pressed="true"].ttc-tested{background:#e9f5eb!important;border-color:#9cc9a4!important;color:var(--ttc-green-dark)!important}
.ttc-state[aria-pressed="true"].ttc-adopted{background:#f7eaed!important;border-color:#d8aab2!important;color:var(--ttc-heart)!important}
.ttc-item.is-adopted{background:linear-gradient(90deg,transparent,#fff8f9)}
.ttc-footer{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.ttc-footer-card{border:1px solid var(--ttc-line);border-radius:18px;padding:22px;background:var(--ttc-soft)}
.ttc-footer-card h2{margin:0 0 8px;color:var(--ttc-green-dark);font-size:1.25rem}
.ttc-footer-card p{margin:0 0 15px;line-height:1.5;color:#565d56}
.ttc-link-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;background:var(--ttc-green);color:#fff!important;font-weight:700;text-decoration:none!important}
.ttc-qr-card img{display:block;width:160px;height:160px;margin:10px auto 0;background:#fff;border-radius:12px;padding:8px}
.ttc-reset{grid-column:1/-1;justify-self:center;border:0!important;background:transparent!important;color:#888!important;text-decoration:underline;padding:8px!important;min-height:0!important;font-size:.78rem!important;text-transform:none!important;letter-spacing:0!important}
@media (max-width:849px){
  .tea-ty-collector{padding:8px 12px 44px}
  .admin-bar .ttc-sticky-tools{top:0}
  .ttc-hero{padding-top:14px}
  .ttc-sticky-tools{margin:0 -12px;padding:9px 12px 10px}
  .ttc-progress{gap:18px}
  .ttc-category summary{display:block;padding:15px 15px;position:relative;padding-right:42px}
  .ttc-category summary:after{position:absolute;right:16px;top:16px}
  .ttc-category-meta{justify-content:flex-start;margin-top:7px;gap:8px 12px}
  .ttc-items{padding:0 13px 6px}
  .ttc-item{grid-template-columns:1fr;padding:12px 1px;gap:9px}
  .ttc-actions{width:100%}
  .ttc-state{flex:1;justify-content:center;height:38px!important}
  .ttc-footer{grid-template-columns:1fr}
}
@media (max-width:420px){
  .ttc-progress{justify-content:space-between;padding:0 10px;gap:8px}
  .ttc-filter{padding:7px 11px!important}
}

/* TEA & TY — pictogrammes préparation Collector */
.ttc-prep-item{
    display:inline-flex;
    align-items:center;
    gap:4px;
    white-space:nowrap;
}

.ttc-prep-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#3f6537;
}

.ttc-prep-icon svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
}

@media (max-width: 549px){
    .ttc-prep-icon{
        width:17px;
        height:17px;
        flex-basis:17px;
    }
}

/* TEA TY COLLECTOR PREP ICONS */
.ttc-prep-item{
    display:inline-flex;
    align-items:center;
    gap:4px;
    white-space:nowrap;
}

.ttc-prep-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#3f6537;
}

.ttc-prep-icon svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
}

@media (max-width:549px){
    .ttc-prep-icon{
        width:17px;
        height:17px;
        flex-basis:17px;
    }
}

/* TEA & TY Collector — liens vers fiches produits */
.ttc-product-title{
    color:inherit!important;
    text-decoration:none!important;
}

.ttc-product-title:hover{
    color:var(--ttc-green)!important;
}

.ttc-product-link{
    display:inline-flex;
    align-items:center;
    margin-top:5px;
    color:var(--ttc-green)!important;
    font-size:.75rem;
    line-height:1.2;
    font-weight:700;
    text-decoration:none!important;
}

.ttc-product-link:hover{
    text-decoration:underline!important;
}

@media (max-width:849px){
    .ttc-product-link{
        margin-top:4px;
        font-size:.78rem;
    }
}

.ttc-product-arrow{
    color:#3f6537;
    font-size:.72em;
    margin-left:2px;
    vertical-align:1px;
}

/* TEA & TY Collector — Mon parcours */
.ttc-journey{
    margin:18px 0 4px;
    padding:16px 18px 14px;
    border:1px solid var(--ttc-line);
    border-radius:16px;
    background:#fff;
}

.ttc-journey-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:11px;
}

.ttc-journey-head > div{
    display:flex;
    align-items:baseline;
    gap:10px;
    flex-wrap:wrap;
}

.ttc-journey-head strong{
    color:var(--ttc-green-dark);
    font-size:1rem;
}

.ttc-journey-summary,
.ttc-journey-adopted{
    color:var(--ttc-muted);
    font-size:.8rem;
}

.ttc-journey-adopted{
    color:var(--ttc-green);
    font-weight:700;
    white-space:nowrap;
}

.ttc-progress-track{
    width:100%;
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:#e8ece6;
}

.ttc-progress-fill{
    display:block;
    width:0;
    height:100%;
    border-radius:inherit;
    background:var(--ttc-green);
    transition:width .25s ease;
}

.ttc-journey-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:13px;
}

.ttc-journey-button{
    min-height:0!important;
    margin:0!important;
    padding:8px 13px!important;
    border-radius:999px!important;
    border:1px solid #cbd4c9!important;
    background:#fff!important;
    color:#405040!important;
    font-size:.78rem!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

.ttc-share{
    background:var(--ttc-green)!important;
    border-color:var(--ttc-green)!important;
    color:#fff!important;
}

.ttc-storage-note{
    margin:10px 0 0;
    color:#8a8f89;
    font-size:.72rem;
}

@media (max-width:549px){

    .ttc-journey{
        margin-top:14px;
        padding:14px;
    }

    .ttc-journey-head{
        align-items:flex-start;
    }

    .ttc-journey-head > div{
        display:block;
    }

    .ttc-journey-summary{
        display:block;
        margin-top:2px;
    }

    .ttc-journey-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .ttc-journey-button{
        width:100%;
        justify-content:center;
    }

    .ttc-import{
        grid-column:1 / -1;
    }
}

/* Collector 1.1.1 — parcours simplifié */
.ttc-journey-actions{
    display:block!important;
}

.ttc-share{
    width:auto!important;
}

@media (max-width:549px){
    .ttc-share{
        width:100%!important;
    }
}